@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora&family=Noto+Serif&display=swap');

/* @font-face {
    font-family: 'robotoregular';
    src: url(../fonts/roboto-regular-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
} */
@font-face {
    font-family: HelveticaNowMTTextBold;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(https://static-webfonts.myfonts.com/kit/Helvetica_MT/HelveticaNowMTText_Bold.eot);
    src: url(https://static-webfonts.myfonts.com/kit/Helvetica_MT/HelveticaNowMTText_Bold.woff2) format("woff2"),url(https://static-webfonts.myfonts.com/kit/Helvetica_MT/HelveticaNowMTText_Bold.woff) format("woff"),url(https://static-webfonts.myfonts.com/kit/Helvetica_MT/HelveticaNowMTText_Bold.ttf) format("truetype")
}

:root{
    --primary:#029449 ; 
    /* --primary:#41087a;  */
    --secondary:#2f66d4;
    --hover: #029449;
    --black:#333;
    --white:#fff;
    --light-color:#26a9e0;
    --light-bg:#eee;
    --border:.2rem solid rgba(0,0,0,.1);
    --box-shadow:0 .5rem 1rem rgba(0,0,0,.1);
}

*{
    font-family: "HelveticaNowMTTextBold", Helvetica, Arial, sans-serif;
	font-size: 18px;
    color: #2f2f2f;

    margin: 0; padding: 0;
    box-sizing: border-box;
    outline: none; border: none;
    text-decoration: none;
    /*text-transform: capitalize;*/
    transition: .2s linear;
}
.new{
	/* z-index: 99; */
	/* width: 200px ;
	height: 200px;
	overflow: hidden; */
}
.hoverable:hover.cardimg{
	/* display: none; */
	top: 0px;
    left: 0px;
}
.hoverable:hover .new{
/* border: 2px solid var(--primary); */
/* transform: scale(1); */

}
.img_1{
	height: 375px;
    border: 2px solid #26a9e087;
}
.cardimg{
	/* border: 2px solid var(--primary); */
	position: absolute;
	transition: .3s;
	top: 10px;
	/* padding: 5px; */
    left: -10px;
    /* height: 75%; */
    /* z-index: 2232; */
    /* height: 106%; */
	width: 100%;
	transform: translateX(20px,20px);
}
.bg_red{
background-color: var(--primary);
/* color: white; */
}
.card_img:hover .card_img2{
	display: block;

}
.card_img2{
	display: none;
	transition: .3s;
}
.card_img{
	position: relative;
	transition: .3s;
}
.card_img2{
	transition: .3s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

html{
 
    overflow-x: hidden;
    scroll-padding-top: 9rem;
    scroll-behavior: smooth;
}

html::-webkit-scrollbar{
    width: .8rem;
}

html::-webkit-scrollbar-track{
    background: transparent;
}

html::-webkit-scrollbar-thumb{
    background: linear-gradient(20deg, rgb(14, 144, 151) , rgb(13, 87, 94));
    /* background: var(--primary); */
    border-radius: 5rem;
}
.blog-card img{
	width: 100%;
	transition: .4s;
}
.imgsec img{
	height: 166px;
	
}
.blog_border{
	transition: .4s;
	border: 1px solid #20a99b33;
}
.blog_border:hover{
	/* box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); */
	border: 1px solid #268a803d;
	box-shadow: 0 0.5rem 1rem rgb(9 87 86 / 17%);
}
.blog_border{
	transition: .4s;
	box-shadow: 0 0.5rem 1rem #97d6ed;
	border-bottom: 2px solid rgb(59 200 186);
}

.blog-card .imgsec{
	transition: .4s;
	width: 100%;
	/* height: 285px; */
	overflow: hidden;
}
.blog-card:hover img{
	/* filter: blur(7px); */
	
	
	transform: scale(1.2);
	border-radius: 2%;


	
}
.one_1:hover img{
	width: 123px;
    
    height: 137px;
}

.btn-1{
	/* color:black !important; */
	background-color: none !important;
	color:var(--primary) !important;
	font-weight: bold;text-decoration: none !important;
}
.btn-1:hover{
	color:black !important;
	/* color:var(--primary) !important; */
	background-color: none !important;
	font-weight: bold;text-decoration: none !important;
}
.portfolio-card{position:relative;margin-top:30px;border-radius:25px;    height: 322px;overflow:hidden}.portfolio-card::before{content:'';width:100%;height:0%;-webkit-transition:.5s ease;transition:.5s ease;background-image:-webkit-gradient(linear,left bottom,left top,from(#000000ef),color-stop(#0000006e),color-stop(#00000000),to(#00000000));
	/* background-image: linear-gradient(to top,#a74b4bef,#c1131387,#ffdede8f,#00000000); */
	position:absolute;left:0;bottom:0}.portfolio-card .portfolio-text{width:100%;padding:20px 20px 30px;z-index:9;text-align:center;position:absolute;bottom:0;-webkit-transition:.5s ease;transition:.5s ease;-webkit-transform:translateX(50px) scale(0);transform:translateX(50px) scale(0)}.portfolio-card .portfolio-text p{color:var(--mainColor);font-size:15px;margin-bottom:5px}.portfolio-card .portfolio-text h4{margin-bottom:0;color:var(--fix-whiteColor);font-size:var(--card-title-fontSize);font-weight:600}.portfolio-card .portfolio-text h4 a{color:var(--fix-whiteColor)}.portfolio-card:hover::before{height:100%}.portfolio-card:hover .portfolio-text{-webkit-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1)}
.portfolio-text h6{
	color: var(--primary);
}
/* .portfolio-card h6{
	display: none;
	transition: .3s;
}
.portfolio-card:hover>h6{
	display: block;
} */
.text_areas p{
	color: #fff;

}
.text_areas:hover p{
	color: #000;

}
.text_areas {
position: absolute;
left: 78px;
    bottom: 0px;
    width: calc(66% - 12px);
    transition: .3s;
    /* border-radius: 0px 137px 0px 2px; */
    background-color: var(--primary);
}
.text_areas:hover{
background-color: #fff;
color: var(--primary);
}
.color_1{
	color: var(--primary) !important;
}
.text_areas h6{
	
	font-family: 'Lora', serif;
}
.heading{
    font-size: 2.5rem;
    text-align: center;
	font-family: 'Lora', serif;
    color: var(--primary);
    font-weight: bolder;
    transition: .3s;
    /* margin-bottom: 3rem; */
}
.small_heading{
	/* margin-top: 3rem; */
	font-family: 'Lora', serif;
	
	color: var(--primary);
}
.heading:hover{
	color:  var(--light-color);
}
.heading:hover span{
	color:  var(--primary);
	
}


.btn{
	margin-top: 1rem;
	font-family: 'Lora', serif;
    display: inline-block;
    /* padding: 1rem 3rem; */
    border-radius: 1.5rem !important;
    background: var(--hover) !important;
    cursor: pointer;
	font-size: 15px;
	border: 2px solid var(--hover) !important;
    /* font-size: 1.7rem; */
    color: var(--white) !important;
	transition: .3s;
}

.btn:hover{
	color: var(--primary) !important;
	/* color: var(--white); */
	border-radius: 1.3rem !important;
	/* background: var(--primary); */
    background-color:#fff !important;
	/* border: 1px solid var(--primary); */
	border-bottom:  2px solid var(--primary) !important; 
	border-top:  2px solid var(--primary) !important; 
	border-left:  2px solid var(--hover) !important; 
	border-right:  2px solid var(--hover) !important; 
}

/*header*/
.header{
	position: absolute;
	width: 100%;
	left:0;
	top:0;
	z-index: 99;
	/* padding: 15px; */
}
.header-main{
    background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}
.header .logo{
	padding: 0 15px;
}
.header .logo a{
	font-size: 30px;
	text-transform: capitalize;
	font-weight: 600;
}

.header .menu > .menu-item{
	display: inline-block;
	margin-left: 30px;
	position: relative;
}
.header .menu > .menu-item > a{
	display: block;
	padding: 12px 0;
	font-size: 16px;
    text-decoration: none;
	color: black;
	text-transform: capitalize;
	font-weight: 600;
	transition: all 0.3s ease;
}
.header .menu > .menu-item > a .plus{
	display: inline-block;
	height: 12px;
	width: 12px;
	position: relative;
	margin-left:5px; 
	pointer-events: none;
}
.header .menu > .menu-item > a .plus:before,
.header .menu > .menu-item > a .plus:after{
	content:'^';
	position: absolute;
	box-sizing: border-box;
	left: 50%;
	top:50%;
	background-color: #000000;
	height: 2px;
	width: 100%;
	transform: translate(-50%,-50%);
	transition: all 0.3s ease;
}
.header .menu > .menu-item:hover > a .plus:before,
.header .menu > .menu-item:hover > a .plus:after{
   /* background-color: #af1805; */
}

.header .menu > .menu-item > .sub-menu > .menu-item > a:hover,
.header .menu > .menu-item:hover > a{
	color:  #000;
}
.header .menu > .menu-item > .sub-menu{
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	width: 220px;
	position: absolute;
	left:0;
 
	top:100%;
	background-color: #ffffff;
	padding: 0px 0 0px 0px;
	transform: translateY(10px);
	transition: all 0.3s ease;
	opacity:0;
	visibility: hidden;
}
@media(min-width: 992px){
.header .menu > .menu-item-has-children:hover > .sub-menu{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
 }
 
}
.header .menu > .menu-item > .sub-menu > .menu-item{
	display: block;
	border-bottom: 1px solid var(--light-bg);
}
.header .menu > .menu-item > .sub-menu > .menu-item > a{
	display: block;
	padding: 5px 10px;
	font-size: 16px;
	/* font-weight: 600; */
	color: #000000;
	transition: all 0.3s ease;
	text-transform: capitalize;
}
.header .open-nav-menu{
	height: 34px;
	width: 40px;
	margin-right: 15px;
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.header .open-nav-menu span{
	display: block;
	height: 3px;
	width: 24px;
	background-color: #000000;
    position: relative;
}
.header .open-nav-menu span:before,
.header .open-nav-menu span:after{
	content: '';
	position: absolute;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	box-sizing: border-box;
}
.header .open-nav-menu span:before{
	top:-7px;
}
.header .open-nav-menu span:after{
	top:7px;
}
.header .close-nav-menu{
	height: 40px;
	width: 40px;
	background-color: #ffffff;
	margin:0 0 15px 15px;
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
}
.header .close-nav-menu img{
	width: 16px;
}
.header .menu-overlay{
	position: fixed;
	z-index: 999;
	background-color: rgba(0,0,0,0.5);
	left:0;
	top:0;
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity:0;
	transition: all 0.3s ease;

}

 .ft-social-bx a{
    border-radius: 40px;
    font-size: 16px;
    height: 40px;
    width: 40px;
	margin: 0px 4px 0px 4px;
    /* line-height: 40px; */
}
/* responsive */
@media only screen  and (max-width:600px){
	.banner_size .owl-carousel .owlmain1-item img{
		height: 208px;
		padding-top: 30px;
	}
	.heading{
		font-size: 1.2rem;
		
		font-weight: bolder;
	
	}
	.heading span{
		font-family: 'Lora', serif;
		color:  var(--light-color);
		font-size: 1.1rem;
		
	}
	.banner_img{
	    margin-top: 17%;
	}
	.owlmain1-carousel .owl-nav {
		margin-top: 30px;
		display: flex;
		justify-content: center;
	}
	
	.owlmain1-carousel .owl-nav .owl-prev{
		margin: 0 12px;
		width: 50px;
		height: 50px;
		display: flex;
		position: absolute;
		/* top: 88px; */
		background-color: #fff !important;
		left: 0px;
		align-items: center;
		justify-content: center;
		color: var(--hover);
		transform: rotate(45deg);
		/* border-radius: 50px; */
		font-size: 25px;
		/* background: red; */
		transition: .5s;
		position: absolute;
		bottom: 4px;
		left: 35%;
	}
	.owlmain1-carousel .owl-nav .owl-prev i,.owlmain1-carousel .owl-nav .owl-next i{
		transform: rotate(320deg);
		font-size: 20px;
	}
	.owlmain1-carousel .owl-nav .owl-next {
		margin: 0 12px;
		width: 50px;
		height: 50px;
		display: flex;
		position: absolute;
		/* top: 88px; */
		background-color: #fff !important;
		left: 0px;
		align-items: center;
		justify-content: center;
		color: var(--hover);
		transform: rotate(45deg);
		/* border-radius: 50px; */
		font-size: 25px;
		/* background: red; */
		transition: .5s;
		position: absolute;
		bottom: 4px;
		left: 51%;
	}
}
@media  screen  and    (min-width:676px) and (max-width:1900px){
	.banner_size .owl-carousel .owlmain1-item img{
		height: 550px;
	}
	.heading span{
		font-family: 'Lora', serif;
		color:  var(--light-color);
		font-size: 2.5rem;
		
	}
	.heading{
		font-size: 2.5rem;
		text-align: center;
		font-family: 'Noto Serif', serif;
		    text-transform: none;

	
		color: var(--primary);
		font-weight: bolder;
		transition: .3s;
	}
	.owlmain1-carousel .owl-item .owlmain1-item,
.owlmain1-carousel .owl-item .owlmain1-item * {
    transition: .5s;
}

.owlmain1-carousel .owl-item.center .owlmain1-item {
    background: var(--hover) !important;
}

.owlmain1-carousel .owl-item.center .owlmain1-item * {
    color: #000 !important;
}

.owlmain1-carousel .owl-item.center .owlmain1-item i {
    color: var(--light-color) !important;
}

.owlmain1-carousel .owl-nav {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.owlmain1-carousel .owl-nav .owl-prev{
    margin: 0 12px;
    width: 50px;
	height: 50px;
    display: flex;
    position: absolute;
    /* top: 88px; */
	background-color: #fff !important;
    left: 0px;
    align-items: center;
    justify-content: center;
    color: var(--hover);
    transform: rotate(45deg);
    /* border-radius: 50px; */
    font-size: 25px;
    /* background: red; */
    transition: .5s;
    position: absolute;
    bottom: 4px;
    left: 45%;
}
.owlmain1-carousel .owl-nav .owl-prev i,.owlmain1-carousel .owl-nav .owl-next i{
	transform: rotate(320deg);
    font-size: 20px;
}
.owlmain1-carousel .owl-nav .owl-next {
    margin: 0 12px;
    width: 50px;
	height: 50px;
    display: flex;
    position: absolute;
    /* top: 88px; */
	background-color: #fff !important;
    left: 0px;
    align-items: center;
    justify-content: center;
    color: var(--hover);
    transform: rotate(45deg);
    /* border-radius: 50px; */
    font-size: 25px;
    /* background: red; */
    transition: .5s;
    position: absolute;
    bottom: 4px;
	left: 49%;
}
.owlmain1-carousel .owl-dots  {
    margin: 0 12px;
    width: 50px;
    height: 50px;
    display: flex;
    position: absolute;
    top: 88px;
    right: 0px;
    align-items: center;
    justify-content: center;
    color: var(--dark);
   
    border-radius: 50px;
    font-size: 25px;
    transition: .5s;
}

.owlmain1-carousel .owl-nav .owl-prev:hover,
.owlmain1-carousel .owl-nav .owl-next:hover {
    color: var(--light-color);
  
}
/*** owlmain1 ***/
}

/* responsive */
@media only screen  and (max-width:600px){
	.circle_text {
		/* background-color: var(--primary); */
		/* background-color: #008d8d1f; */
	
		width: 100%;
		left: 11%;
		padding: 2% 3% 3% 7%;
		height: 100%;
	}
}
@media  screen  and    (min-width:676px) and (max-width:1900px){
    .shape-bg{background-size:cover;background-repeat:no-repeat; background-attachment: fixed;background-position:center;background-image:url(../images/vrf2.jpg)}
	.circle_text {
		/* background-color: var(--primary); */
		/* background-color: #008d8d1f; */
		position: absolute;
	top: 0;
		left: 11%;
		width: 89%;
		padding: 2% 3% 3% 7% !important;
		height: 111px;
	}
}

@media(max-width: 991px){
	.header .menu-overlay.active{
	visibility: visible;
	opacity: 1;
}
	.header .nav-menu{
		position: fixed;
		right: -280px;
		visibility: hidden;
		width: 280px;
		height: 100%;
		top:0;
		overflow-y: auto;
		background-color: var(--primary);
		z-index: 1000;
		padding: 15px 0;
		transition: all 0.5s ease;
	}
	.header .nav-menu.open{
		visibility: visible;
		right: 0px;
	}
	.header .menu > .menu-item{
		display: block;
		margin:0;
	}
	.header .menu > .menu-item-has-children > a{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header .menu > .menu-item > a{
		color: #ffffff;
		padding: 12px 15px;
		border-bottom: 1px solid #c50000;
	}
	.header .menu > .menu-item:first-child > a{
	    border-top: 1px solid #c50000;	
	}
	.header .menu > .menu-item > a .plus:before, 
	.header .menu > .menu-item > a .plus:after{
		background-color: #c1a4a400;
	}
	/* .header .menu > .menu-item-has-children.active > a .plus:after{
        transform: translate(-50%,-50%) rotate(0deg);
	} */
	.header .menu > .menu-item > .sub-menu{
		width: 100%;
		position: relative;
		opacity: 1;
		visibility: visible;
		/* border:none; */
      
        border-radius: 5px;
		background-color: transparent;
		box-shadow: none;
		transform: translateY(0px);
		padding: 0px;
		left: auto;
		top:auto;
		max-height: 0;
		overflow: hidden;
	}
	.header .menu > .menu-item > .sub-menu > .menu-item > a{
		/* padding: 12px 45px; */
		color: #ffffff;
		border-bottom: 1px solid #c50000;
	}
	.header .close-nav-menu,
	.header .open-nav-menu{
		display: flex;
	}
}


/* home */

.home{
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: url(../images/IMG-20230501-WA0025.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.home .content{
    max-width: 60rem;
    padding-left: 6rem;
    padding-top: 10rem;
}

.home .content h3{
    font-size: 6rem;
    color: var(--black);
    line-height: 1.2;
}

.home .content p{
    line-height: 2;
    font-size: 1.5rem;
    color: var(--light-color);
    padding: 1rem 0;
}

/* home end */

/* about us */

.about .row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
}

.about .row .image{
    flex: 1 1 40rem;
}

.about .row .image img{
    width: 63%;
    height: 100%;
    border-radius: 5vh;
}

.about .row .content{
    flex: 1 1 40rem;
    text-align: justify;
}

.about .row .content h3{
    color: var(--black);
    font-size: 1.5rem;
    line-height: 1.5;
}

.about .row .content p{
    font-size: 1.4rem;
    color: var(--light-color);
    padding: 1rem 0;
    line-height: 2;
}

/* about end */

.backimage{
    background-image: url("../images/hand-cream.png");
    background-position: center;
    background-repeat: no-repeat;
    /* background-size: cover;
    width: 300px;
    height: 300px; */
    display: flex;
    justify-content: center;
   
    align-items: center;
}
.logo img{
	width:127px  !important;
    /* transform: scale(1.5); */
}
.backimageofabout{
    /* background-image: url("https://regalaircon.co.nz/wp-content/uploads/2021/09/All-Weather-Split-Banner.jpg"); */
	background-color: #20a2a2d9;
    background-position: center;
    background-repeat: no-repeat;
    /* background-size: cover;
    width: 300px;
    height: 300px; */
	backdrop-filter: blur(6px);
	background-size: cover;
    display: flex;
    /* height: 578px; */
    display: flex;
    justify-content: center;
   
    align-items: center;
}
.roundedborder img{
	/* border-radius: 0px 0% 50% 50%; */
	filter: blur(0px);
}
.owlmain1{
	padding-top: 2%;
}
.bg-lightred{
	background-color: #ffdeda8c;
}
.backimage img{
	width: 576px;
    height: 402px;
}
.backimageofabout img{
	width: 576px;
    height: 402px;
}
.nav-pills .nav-link{
	border-radius: 9px 86px 90px 0px;
}
.nav-pills .nav-link.active{
    background-color:#af1805;
}
.nav-link:hover {
    color:var(--primary);
}
.nav-link{
    color: #d6230c;
}
.tabtext{
	
	border: 1px solid #d6230c !important;
}
.backimage2{
    background: linear-gradient(30deg, #16c3aa ,#0e5944e6), url("https://dt19wmazj2dns.cloudfront.net/wp-content/uploads/2019/12/Banner-1384-me.jpg");
    background-position: relative;
    /* position: fixed; */
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
   
    align-items: center;
}
.star i{
	color: orange;
}
.shadow_1{
	box-shadow: 0 0.5rem 3rem #97d6ed5e;
}
.testimonial_image{
	
    width: 106px !important;
    height: 106px;
    border:2px solid #cce3d7;

}.carousel-text{
	/* position: absolute;
	top:0px;
	left:0px;
	width: 200px;
     background-color: #000000;
	 filter: blur(5px); */
	 transform: translate(1% , -74%);
    /* backdrop-filter: blur(2px); */
	/* padding: 10px 20px; */
}

/* .color_bg{
	background-color: #fee3e3;
	
} */
.newsletter .form-fields-inline {
    margin-top: 18px;
}
.newsletter .form-fields-inline {
    display: flex;
    /* flex-wrap: wrap; */
    width: 100%;
    margin-bottom: -10px;
}
.newsletter .newsletter-input {
    /* flex-grow: 1;
    flex-shrink: 1; */
    /* margin-right: 10px; */
}

.newsletter .form-field {
    display: inline-block;
    /* margin-bottom: 10px; */
    vertical-align: middle;
}
.site-footer-block-newsletter .newsletter-submit {
    font-weight: 600;
    padding: 0 25px;
    margin: 2px;
    font-size: 16px;
}
.newsletter-input{
	/* margin: 0px 18px 0px 31px; */
	border-radius: 0% !important;
    border-bottom: 2px solid var(--primary) !important;
	border: 0 ;
	background-color: transparent !important;
}
.newsletter-input:focus{
	/* margin: 0px 18px 0px 31px; */
	background-color: transparent;
box-shadow: none !important;
}
.form-field-text{
	margin-top: 10%;
    padding: 4%;
    background: none;

}
.box ul>li{
	margin: 16px 0px;


}
.box ul>li:hover{
	color: var(--primary);
}
.box ul>li a{
	margin: 16px 0px;
	color: #1f1e1e;text-decoration: none;


}
.box ul>li a:hover{
	color: var(--primary);
}
.text_move{
	padding: 10px 2px;
}
.text_move p{
	transition: .3s;
		margin: 0;
		font-size: 18px;
	}
	.text_move i{
		color: var(--primary);
		font-size: 20px;
	margin-top: 2px;
	margin-right: 10px;
}

.text_move:hover p{
	transform: translate(5px,0px);
}
.credit span a{
	color: var(--primary);
	text-decoration: none;
}
.back_light{
	/* background-color: #5c6fff24; */
	background: linear-gradient(1deg, #92d4ebf0 ,#26a9e085 );
}
.footer{
	/* background-color: #5c6fff24; */
	background: linear-gradient(30deg, #02944929 ,#11a87e1a);
}
.footer{
	border-bottom: 1px solid var(--primary);
}
.accordion-button:not(.collapsed) {
	color:var(--primary);
	background-color: #fff !important;
	box-shadow: none !important;
}

.accordion-button:focus{
	box-shadow: none !important
	;
}
.accordion-item{
	border-bottom: 1px solid var(--primary) !important;
	border-radius: 0% !important;
	border-top:  none !important;
	border-left:  none !important;
	border-right:  none !important;
	/* border: ; */
}

–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding: 20px 0;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.15);
  }
.page-header.is-sticky {
  position: fixed;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  /* background: #4e0f9485; */
  /* padding: 8px 0; */
  backdrop-filter: blur(10px);
  animation: slideDown 0.35s ease-out;
}

.page-header.is-sticky img {
  max-width: 80%;
}

.page-header.is-sticky button {
  font-size: 14px;
  padding: 7px 10px;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.grid-container {
	display: grid;
	grid-template-columns:  auto auto auto auto auto auto ;
	/* background-color: #2196F3; */
	padding: 10px;
	    gap: 9px;
  }
  .grid-item {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 20px;
	/* font-size: 30px; */
	/* text-align: center; */
	border-bottom: 1px solid #20a99b33;
  }
  .background_light{
	background-color: #f1f2f6;
  }
  .circle_img{
	/* position: absolute; */
	top: 0;
	left: 0;
	z-index: 5;
	/* border: 2px solid var(--primary); */
	/* background-color: var(--hover); */
}
.circle_img img{
	
    background-color: #fff;
    border-radius: 50%;
  
	
    border: 5px solid #90d3ee36;
    padding: 0px;
}
.one_1 img{
	
	height: 137px;
	overflow: hidden;
	width: 123px;
  }

  .bg-area{
/* background-color: var(--hover); */
/* position: absolute;
	top: 0;
	left: 20%;
	padding-left: 5%; */
  }

.circle_text:hover h6{
	color: var(--light-color);
	z-index: -6;
}
.circle_text:hover p{
	color: var(--black)
}

.circle_text:hover {
	  /* z-index: -6; */
	background-color: #008d8d1f;
  }
.social{
	position: fixed;
	bottom: 10%;
	left: 1%;

}
.social>a>img{
	width: 50px;
	height:50px;
}
/*** owlmain1 ***/
/* .owlmain1-carousel .owl-item .owlmain1-item img {
    width: 100%;
    height: 80vh;
} */


[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0px;
  max-width: 100%;
  background-color: var(--hover);
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
  background-color: inherit;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
[class^='imghvr-'] h3,
[class*=' imghvr-'] h3,
[class^='imghvr-'] p,
[class*=' imghvr-'] p {
  margin: 0;
  padding: 0;
  color: #fff;
}
[class^='imghvr-'] a,
[class*=' imghvr-'] a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/* imghvr-fade
   ----------------------------- */
.imghvr-fade figcaption {
  opacity: 0;
}
.imghvr-fade:hover > img {
  opacity: 0;
}
.imghvr-fade:hover figcaption {
  opacity: 1;
}
/* imghvr-push-*
   ----------------------------- */
[class^='imghvr-push-']:hover figcaption,
[class*=' imghvr-push-']:hover figcaption {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
 /* imghvr-hinge-up
    ----------------------------- */
	.imghvr-hinge-up img {
		-webkit-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
	  }
	  .imghvr-hinge-up figcaption {
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
		-webkit-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
	  }
	  .imghvr-hinge-up:hover > img {
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
	  }
	  .imghvr-hinge-up:hover figcaption {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	  }
.fs_2{
    font-size: 13px;
}