/*basic css starts*/
body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: "Poppins", serif;
	font-size: 100%;
	color: #000; background-image: url("../images/header-bg.jpg"); background-size: 100%;
	background-repeat: no-repeat;
}
*,*:focus,*:hover{
    outline:none;
}
html{scroll-behavior: smooth;}
a {
	color: #000; 
	text-decoration: none;
}
a:hover {
	color: #a81d32; 
	text-decoration: none;
}
a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
article, aside, figcaption, figure, footer, header, main, nav, section, p, h1, h2, h3, h4, h5, h6, ul {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
footer{width: 100%; font-size: 0; background: #FFD4DB; padding: 4vw 0; border-radius: 2vw 2vw 0 0;}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clear {
	clear: both;
}
.responsive {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
	margin: 0;
}
.center {text-align: center;}
.right{text-align: right;}
.main-wrapper {
	width: 82%;
	margin: 0 auto;
	padding: 0px;
}

.bounce-eff{-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0); transition-property: transform; transition-duration: 0.3s;}
.bounce-eff:hover{-webkit-transform: translateY(-5px);
transform: translateY(-5px);}
article {margin-bottom: 8vw; overflow: visible;}

aside {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; /*background-color: #EEE;*/
  background-color: none;
  box-sizing: border-box;
  padding: 0px;
  transition: all .25s ease-in-out;
  z-index: 2;}
aside.scroll {
  background-color: #fff;
  z-index: 9;
  position: fixed;
  top: 0vw;
  left: 0;
  box-shadow: rgb(33 35 38 / 20%) 0px 10px 10px -10px;
  transition: all .25s ease-in-out;
  background: #fff;
  height: auto;
}
.logo-menu {
  width: 100%;
  display: block;
  padding: 1.5vw 0;
  vertical-align: top;
  font-size: 0;
  transition: all .25s ease-in-out;
}
.logo-menu-left {
  width: 9%;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  transition: all .25s ease-in-out;
}
.logo-menu-mid {
  width: 37%; margin:0 0 0 37%;
  display: inline-block;
  vertical-align: middle;
  transition: all .25s ease-in-out;
}
.logo-menu-right {
  width: 17%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu {
 padding: 0.5vw 0;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu-left {
  width: 7%;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu-mid {width: 37%; margin:0 0 0 39%;}
aside.scroll .logo-menu-right {width: 17%; transition: all .25s ease-in-out;}

.btn-01{display: inline-block; font-family: "Poppins", serif; background: #a81d32; padding: 0.6vw 2vw; width: auto; letter-spacing: 0.01vw; border: none; border-radius: 2vw; font-size: 1.2vw; font-weight: 400; color: #fff; transition: all .25s ease-in-out; margin: 0; cursor: pointer;}
.btn-01:hover{background:#ffc8d0; border: none; color: #000; transition: all .25s ease-in-out;}
.btn-01 i{margin: 0 0 0 0.5vw;}

.header-txt{display: block; margin: 8vw 0 0 0; text-align: center; width: 100%;}
.header-txt h1{font-size: 3vw; line-height: 3.8vw; font-weight: 600; color: #9a9a9b; margin: 0 0 2vw 0;}
.header-txt h1 span{display: block; color: #424242;}

.header-txt button{width: auto; background: none; border-radius: 2vw; border: solid 2px #000; padding: 0.9vw 1.7vw; font-size: 1.1vw; font-weight: 700; color: #a81d32; cursor: pointer; transition: all .25s ease-in-out; margin: 0 0 2.8vw 0;}
.header-txt button:hover{background: #a81d32; color: #fff; border: solid 2px #a81d32; transition: all .25s ease-in-out;}


.tree{width: 48%; left: 34%; position: absolute; z-index: -1;}

.pad-01{margin: 30vw 0 0 0;}
.block-one{width: 60%; display: block;}
.prod-logo{width: 40%; display: block; margin: 0 0 4vw 0;}
.phead-01{font-size: 1.7vw; font-weight: 400; color: #a81d32; margin: 0 0 1.7vw 0;}
.body-txt{font-size: 1.7vw; line-height: 2.5vw; font-weight: 300;}
.body-txt p{margin: 0 0 2vw 0;}
.body-txt li{list-style-image: url("../images/blt.png"); padding: 0 0 0 5px; margin: 0 0 1.5vw 2vw;}
.phead-02{font-size: 2.8vw; font-weight: 600; color: #a81d32; margin: 0 0 1.8vw 0;}

.block-two{width: 100%; font-size: 0; margin: 2vw 0 0 0;}
.block-two-01{width: 46%; margin: 0 8% 0 0; vertical-align: middle; display: inline-block; background: #ffc8d0; border: solid 1px #ffa6b3; border-radius: 1.5vw;}
.block-two-02{width: 46%; margin: 0; vertical-align: middle; display: inline-block; background: #ffc8d0; border: solid 1px #ffa6b3; border-radius: 1.5vw;}
.block-head{font-size: 1.5vw; background: #a81d32; border-radius: 1.5vw; color: #fff; font-weight: 300; display: block; padding: 2.5vw;}
.block-head strong{margin: 0 0 0.5vw 0; display: block; font-weight: 500;}
.block-detail{font-size: 1.5vw; background: #ffc8d0; border-radius: 0 0 1.5vw 1.5vw; border-bottom: solid 1px #ffa6b3; color: #000; font-weight: 300; display: block; padding: 1.1vw 2.5vw;}
.pos-rel{position: relative;}
.foots{width: 57%; display: block; position: absolute; right: 5vw; top: -5vw;}
.foot-pad{padding: 9vw 0 0 0;}

.marquee-logo-area{width: 100%; display: block; font-size: 0;}
.marquee-logo{display: inline-block; width: 19%; margin: 0 0.5%; vertical-align: top; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; border-radius: 1vw; padding: 1vw; position: relative;}
.marq-circle{background: #a81d32; width: 3.5vw; height: 3.5vw;  border-radius: 50%; border:solid 0.4vw #fff; display: block; position: absolute; top: 3vw; right: -2.2vw; z-index: 1; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
.circle-02{top: 1vw !important;}
.marquee-logo-02{margin: 2vw 0.5% 2vw 0.5%;}
.marquee-logo img{border-radius: 1vw;}
.graph-pad{margin: 2vw 0 4vw 0}

.phead-03{background: #a81d32; border-radius: 2vw; padding: 2vw; text-align: center; display: block; width: 100%; font-size: 2.7vw; font-weight: 600; letter-spacing: 0.01vw; color: #fff;}

.block-three{width: 100%; font-size: 0;}
.block-three-left{width: 15%; display: inline-block; margin: 0 5% 0 0; vertical-align: top; color: #a81d32; font-size: 1.8vw; text-align: right; font-weight: 600;}
.block-three-right{width: 80%; display: inline-block; vertical-align: top;}

footer li{list-style-type: none; margin: 0 0 1vw 0;}
.footer-01{width: 25%; display: inline-block; vertical-align: top; font-size: 1.4vw;}
.footer-02{width: 50%; display: inline-block; vertical-align: top; text-align: right;}
.footer-logo{width: 30%; display: block; margin: 0 0 5vw 70%;}
.copyright{display: block; font-size: 0.8vw;}
.f-icons{display: block; margin: 0 0 1.5vw 0; font-size: 1vw;}
.f-icn-pad{width: 8%; display: inline-block; vertical-align: middle; margin: 0 1vw 0 0;}

.expert{width: 30%; margin: 1vw 0 0 3vw; display: block; position: relative; float: right; font-size: 0;}
.exp-01{width: 100%; display: block; margin: 0;}
.exp-01 img{width: 70%; display: inline-block; vertical-align: top;}
.exp-01 i{width: 30%; display: inline-block; font-size: 3.2vw; color: #a81d32; vertical-align: top; padding: 0 0 0 1.5vw;}

.exp-02{width: 100%; display: block;}
.exp-02 img{width: 70%; display: inline-block; vertical-align: top;}
.exp-02 i{width: 30%; display: inline-block; font-size: 3.2vw; color: #a81d32; vertical-align: bottom; padding: 0 1.5vw 0 0; text-align: right;}