@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap");
html {
	font-size: 62.5%;
}

@font-face {
	font-family: "helveticaneue-bold";
	src: url("../Fonts/HelveticaNeue-Bold.ttf") format("woff"),
		url("../Fonts/HelveticaNeue-Bold.ttf") format("opentype"),
		url("../Fonts/HelveticaNeue-Bold.ttf") format("truetype");
}

.enter-address-btn,
.full_address,
.next_btn {
	display: none;
}

.all_errors {
	color: red;
}

body {
	font-family: "Nunito Sans", sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a,
a:hover {
	text-decoration: none;
}

h1,h2,h3,h4{
font-size: 3.2rem !important;
    line-height: 1.1  !important;
    font-weight: bold  !important;
}

.nav1 {
	margin-bottom: 0;
}

.navtop {
	position: fixed;
	top: 0;
	right: 10%;
	left: auto;
	padding-right: 4rem;
	border-radius: 0rem 0rem 5rem 5rem;
	background-color: #46247a;
}

.navtop ul li a {
	color: white;
	font-size: 1.7rem;
}

.navtop ul li a:hover {
	color: #bd138a;
}

.navtop ul li {
	color: white;
	padding: 1rem 0rem 1rem 3rem;
}

.navbar-brand img {
	height: 90px;
	width: auto;
}

.main_header {
	width: 100%;
}

.main_header .navbar-nav {
	padding-left: 5rem;
	margin-top: 6rem;
}

.main_header .navbar-nav .nav-item .nav-link {
	font-size: 2rem;
	font-family: "Nunito Sans";
	font-weight: 600;
	color: #fff;
	padding-right: 2.2rem;
}

.main_header .navbar-nav .nav-item:last-child > .nav-link {
	padding-right: 0%;
}

.main_header .dropdown:hover .dropdown-menu {
	display: block;
}

.main_header .dropdown-menu {
	margin-top: 0;
	min-width: 20rem;
	border: 0;
	font-family: "Nunito Sans";
	color: #441b68;
	font-size: 1.8rem;
	font-weight: 700;
}

.main_header .dropdown-item {
	font-size: 1.8rem;
	color: #441b68;
	font-weight: 700;
}

.main_header .dropdown-item:focus,
.main_header .dropdown-item:hover {
	color: #ffffff;
	background-color: #d044a6;
}

.main_header .nav-item:hover > .nav-link {
	color: #faf714;
}

.d-flex {
	display: none;
}

.d-flex ul {
	display: none;
}
.faq_hero {
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 50rem;
	position: relative;
}
.faq_hero::before {
	background-image: linear-gradient(
			90deg,
			rgba(127, 193, 0, 0.9) 0%,
			rgba(210, 199, 34, 0.71) 100%
		),
		url(../images/faq-bg.jpg);
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}

.faq_hero .hero_right_content {
	display: block;
	width: 90%;
	margin-left: 5rem;
	float: left;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10rem;
	margin-bottom: 5rem;
}

.faq_hero .hero_right_content h3 {
	color: #ffffff;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 2.5rem;
	font-weight: 900;
	padding: 2.5rem auto;
}
.faq_hero .hero_right_content h2 {
	color: #ffffff;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 3.5rem;

	font-weight: 900;
	padding: 2.5rem auto;
}
.faq_hero .hero_right_content ul {
	list-style: outside none none;
	margin: 0;
	padding: 2.5rem auto;
	color: White;
}

.faq_hero .hero_right_content p {
	color: #fff;
	font-size: 2rem;
	padding: 2.5rem auto;
}
.faq_hero .hero_right_content p span {
	font-weight: bold;
}
.faq_hero .hero_right_content h2 {
	color: #fff;
	font-size: 3.5rem;
	line-height: 3.8rem;
	font-weight: bold;
}
.faq_hero .hero_right_content h2 span {
	color: #99ca3c;
}

.faq_hero .hero_right_content .margin3 {
	padding-top: 0rem;
}

.faq_hero .hero_right_content .hero_button {
	margin-top: 3rem;
}

.faq_hero .hero_right_content .hero_button a {
	padding: 1.6rem 4.2rem;
	background: #bd138a;
	font-size: 1.8rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 0 4rem 0 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 25px auto -10px auto;
}

.faq_hero .hero_right_content .hero_button a:hover {
	background: #bd138a;
	font-size: 1.8rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

.thanks_hero{
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 50rem;
  position: relative;
}
.thanks_hero::before {
  background-image:linear-gradient(90deg,rgba(127, 193, 0, 0.9) 0%,rgba(210, 199, 34, 0.71) 100%), url(../images/thankyoubg.jpg);
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   z-index: -2;
}

.thanks_hero .hero_right_content {
  display: block;
  width: 90%;
  margin-left: 5rem;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10rem;
  margin-bottom: 5rem;
}

.thanks_hero .hero_right_content h3 {
  color: #FFFFFF;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2.5rem;
  font-weight: 900;
  padding: 2.5rem auto;
}
.thanks_hero .hero_right_content h2 {
  color: #FFFFFF;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 3.5rem;

  font-weight: 900;
  padding: 2.5rem auto;
}
.thanks_hero .rightcontent img {
  display: block;
  margin:1rem auto;
  text-align:center;
  width: 100%;
  height: auto;
  max-width: 30rem;
}

.thanks_hero .hero_right_content p {
  color: #fff;
  font-size: 2rem;
padding: 2.5rem auto;
}
.thanks_hero .hero_right_content p span {
 font-weight: bold;
}
.thanks_hero .hero_right_content h2 {
  color: #fff;
  font-size: 3.5rem;
  line-height: 3.8rem;
  font-weight: bold;
}
.thanks_hero .hero_right_content h2 span {
  
  color: #99CA3C;
  
}


.main_hero {
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	position: relative;
}

.main_hero::before {
	background-image: linear-gradient(90deg,rgba(31, 61, 104, 0.9) 0%,rgba(253, 146, 13, 0.71) 100%),
		url(../images/background-320x725.jpg);
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}

@media (min-width: 320px) {
	.main_hero::before {
		background-image: linear-gradient(90deg,rgba(31, 61, 104, 0.9) 0%,rgba(253, 146, 13, 0.71) 100%),
			url(../images/background-460x725.jpg);
	}
}

@media (min-width: 460px) {
	.main_hero::before {
		background-image: linear-gradient(90deg,rgba(31, 61, 104, 0.9) 0%,rgba(253, 146, 13, 0.71) 100%),
			url(../images/background-720x600.jpg);
	}
}

@media (min-width: 720px) {
	.main_hero::before {
		background-image: linear-gradient(90deg,rgba(31, 61, 104, 0.9) 0%,rgba(253, 146, 13, 0.71) 100%),
			url(../images/background-980x444.jpg);
	}
}

@media (min-width: 980px) {
	.main_hero::before {
		background-image: linear-gradient(90deg,rgba(31, 61, 104, 0.9) 0%,rgba(253, 146, 13, 0.71) 100%),
			url(../images/background-1240x562.jpg);
	}
}

@media (min-width: 1240px) {
	.main_hero::before {
		background-image: linear-gradient(90deg,rgba(31, 61, 104, 0.9) 0%,rgba(253, 146, 13, 0.71) 100%),
			url(../images/background-1500x680.jpg);
	}
}

@media (min-width: 1500px) {
	.main_hero::before {
		background-image: linear-gradient(90deg,rgba(31, 61, 104, 0.9) 0%,rgba(253, 146, 13, 0.71) 100%),
			url(../images/background-1760x798.jpg);
	}
}

@media (min-width: 1760px) {
	.main_hero::before {
		background-image: linear-gradient(90deg,rgba(31, 61, 104, 0.9) 0%,rgba(253, 146, 13, 0.71) 100%),
			url(../images/background-1920x821.jpg);
	}
}

.main_hero .hero_right_content {
	display: block;
	width: 90%;
	margin-left: 5rem;
	float: left;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10rem;
	margin-bottom: 7rem;
}

.main_hero .hero_right_content h3 {
	color: #ffffff;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 3.6rem;
	line-height:3.8rem;
	font-weight: 900;
}
.main_hero .hero_right_content ul {
	list-style: outside none none;
	margin: 0;
	padding: 1rem 2rem;
	color: White;
}
.main_hero .hero_right_content ul li {
	font-size: 1.6rem;
	line-height: 2.8rem;
}

.main_hero .hero_right_content p {
	color: #fff;
	font-size: 2rem;
	padding: 2.5rem auto;
}
.main_hero .hero_right_content p span {
	font-weight: bold;
}
.main_hero .hero_right_content h2 {
	color: #0c3e35;
	font-size: 3.2rem;
	border-radius: 2rem;
	padding: 1.2rem 0.5rem;
	background: white;
	line-height: 3.5rem;
	font-weight: bold;
	text-align: center;
}
.main_hero .hero_right_content h2 span {
	color: #99ca3c;
}

.main_hero .hero_right_content .margin3 {
	padding-top: 0rem;
}

.main_hero .hero_right_content .hero_button {
	margin-top: 3rem;
}

.main_hero .hero_right_content .hero_button a {
	padding: 1.6rem 4.2rem;
	background: #bd138a;
	font-size: 1.8rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 0 4rem 0 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 25px auto -10px auto;
}

.main_hero .hero_right_content .hero_button a:hover {
	background: #bd138a;
	font-size: 1.8rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

.rightcontent {
	background-color: white;
	position: relative;
	padding: 1.5rem;
	border-radius: 20px;
	filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
	top: 1rem;
	margin-top: 5rem;
	margin-bottom: 5rem;
	width: 100%;
}

.rightcontent h3 {
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.rightcontent h3 span {
	color: #99ca3c;
}
.rightcontent h2 {
	font-size: 3.5rem;
	padding: 2rem;
	font-weight: 600;
	text-align: center;
	font-family: arial;
}
.rightcontent h2 span {
	color: #99ca3c;
}
.rightcontent .next-btnred {
	background: red;
	padding: 1.3rem 2rem;
	color: #fff;
	font-family: oswald, sans-serif;
	text-transform: uppercase;
	font-size: 1.8rem;
	line-height: 2.4rem;
	letter-spacing: 1px;
	min-width: 20rem;
	max-width: 30rem;
	display: block;
	margin: auto;
	text-align: center;
	font-weight: 400;
	border-radius: 2rem;
	border: 0;
	transition-property: background-color;
	transition-duration: 0.5s;
	width: 100%;
	cursor: pointer;
}
.rightcontent .next-btnred:hover {
	background-color: #444b5d;
	color: #fff;
}
.rightcontent .next-btn {
	background: green;
	padding: 1.3rem 2rem;
	color: #fff;
	font-family: oswald, sans-serif;
	text-transform: uppercase;
	font-size: 1.8rem;
	line-height: 2.4rem;
	letter-spacing: 1px;
	min-width: 30rem;
	max-width: 40rem;
	display: block;
	margin: auto;
	text-align: center;
	font-weight: 400;
	border-radius: 2rem;
	border: 0;
	transition-property: background-color;
	transition-duration: 0.5s;
	width: 100%;
	cursor: pointer;
}

.rightcontent .next-btn:hover {
	background-color: #444b5d;
	color: #fff;
}

.about_hero {
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 50rem;
	position: relative;
}
.about_hero::before {
	background-image: url(../images/about-bg.jpg);
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}

.about_hero .hero_right_content {
	display: block;
	width: 90%;
	margin-left: 5rem;
	float: left;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10rem;
	margin-bottom: 5rem;
}

.about_hero .hero_right_content h3 {
	color: #ffffff;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 2.5rem;
	font-weight: 900;
	padding: 2.5rem auto;
}
.about_hero .hero_right_content h2 {
	color: #ffffff;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 3.5rem;
	font-weight: 900;
	padding: 2.5rem auto;
}
.about_hero .hero_right_content ul {
	list-style: outside none none;
	margin: 0;
	padding: 2.5rem auto;
	color: White;
}

.about_hero .hero_right_content p {
	color: #fff;
	font-size: 2rem;
	padding: 2.5rem auto;
}
.about_hero .hero_right_content p span {
	font-weight: bold;
}
.about_hero .hero_right_content h2 {
	color: #fff;
	font-size: 3.5rem;
	line-height: 3.8rem;
	font-weight: bold;
}
.about_hero .hero_right_content h2 span {
	color: #99ca3c;
}

.about_hero .hero_right_content .margin3 {
	padding-top: 0rem;
}

.about_hero .hero_right_content .hero_button {
	margin-top: 3rem;
}

.about_hero .hero_right_content .hero_button a {
	padding: 1.6rem 4.2rem;
	background: #bd138a;
	font-size: 1.8rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 0 4rem 0 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 25px auto -10px auto;
}

.about_hero .hero_right_content .hero_button a:hover {
	background: #bd138a;
	font-size: 1.8rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

.about_hero .hero_right_content .greenrec {
	background: #99ca3c;
	padding: 2rem 1rem;
	border-radius: 2rem;
}
.about_hero .hero_right_content .greenrec h2 {
	color: #fff;
	padding: 2rem 1rem;
	font-size: 2.5rem;
	line-height: 2.8rem;
	display: inline;
	position: relative;
}
.about_hero .hero_right_content .greenrec .btn-white {
	background: white;
	padding: 1.3rem 2rem;
	color: #99ca3c;
	font-family: oswald, sans-serif;
	text-transform: uppercase;
	font-size: 1.8rem;
	line-height: 2.4rem;
	letter-spacing: 1px;
	min-width: 10rem;
	max-width: 15rem;
	display: inline;
	text-align: center;
	font-weight: 400;
	border-radius: 2rem;
	border: 0;
	transition-property: background-color;
	transition-duration: 0.5s;
	width: 15rem;
	cursor: pointer;
}
.about_hero .hero_right_content .greenrec .btn-white:hover {
	background-color: #3c655d;
	color: #fff;
}

.contactform2 {
	background-color: white;
	position: relative;
	padding: 1.5rem;
	border-radius: 20px;
	filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
	top: 1rem;
	margin-top: 5rem;
	margin-bottom: 8rem;
	width: 100%;
}

.contactform2 h3 {
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.contactform2 h3 span {
	color: #99ca3c;
}
.contactform2 h2 {
	font-size: 3.5rem;
	padding: 2rem;
	font-weight: 600;
	text-align: center;
	font-family: arial;
}
.contactform2 h2 span {
	color: #99ca3c;
}
.contactform2 .next-btnred {
	background: red;
	padding: 1.3rem 2rem;
	color: #fff;
	font-family: oswald, sans-serif;
	text-transform: uppercase;
	font-size: 1.8rem;
	line-height: 2.4rem;
	letter-spacing: 1px;
	min-width: 20rem;
	max-width: 30rem;
	display: block;
	margin: auto;
	text-align: center;
	font-weight: 400;
	border-radius: 2rem;
	border: 0;
	transition-property: background-color;
	transition-duration: 0.5s;
	width: 100%;
	cursor: pointer;
}
.contactform2 .next-btnred:hover {
	background-color: #444b5d;
	color: #fff;
}
.contactform2 .next-btn {
	background: green;
	padding: 1.3rem 2rem;
	color: #fff;
	font-family: oswald, sans-serif;
	text-transform: uppercase;
	font-size: 1.8rem;
	line-height: 2.4rem;
	letter-spacing: 1px;
	min-width: 30rem;
	max-width: 40rem;
	display: block;
	margin: auto;
	text-align: center;
	font-weight: 400;
	border-radius: 2rem;
	border: 0;
	transition-property: background-color;
	transition-duration: 0.5s;
	width: 100%;
	cursor: pointer;
}

.contactform2 .next-btn:hover {
	background-color: #444b5d;
	color: #fff;
}
.contactform2 input,
.contactform2 textarea {
	width: 100%;
	padding: 0.6rem 0.8rem;
	margin-bottom: 1rem;
	color: #ffffff;
	border-radius: 2.2rem;
	background: transparent;
	font-size: 1.8rem;
	border: 1px solid #333;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.contactform2 input[type="submit"] {
	background-color: green;
	color: white;
	font-weight: bold;
	font-size: 1.3rem;
	border: 1px solid #ffffff;
	border-radius: 2.2rem;
	display: block;
	padding: 1.2rem 3rem;
	width: 100%;
	margin: auto;
	max-width: 45rem;
	cursor: pointer;
}

.contactform2 .bgcheckbox {
	border: 1px solid #ffffff;
	border-radius: 2.2rem;
	width: 100%;
}

.contactform2 p {
	font-size: 1.6rem;
	display: inline;
	padding-left: 1.2rem;
	top: 1.1rem;
	color: white;
	position: relative;
}

.contactform2 input[type="checkbox"] {
	width: auto;
	background-color: transparent;
	border: 1px solid #ffffff;
	margin-top: 1.5rem;
	margin-left: 1.2rem;
	display: inline-block;
}

.contactform2 ::-webkit-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: white;
	opacity: 1;
	/* Firefox */
}

.contactform2 :-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: white;
	opacity: 1;
	/* Firefox */
}

.contactform2 ::-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: white;
	opacity: 1;
	/* Firefox */
}

.contactform2 ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #333;
	opacity: 0.7;
	/* Firefox */
}

@import url("https://fonts.googleapis.com/css?family=Merriweather:300|Oswald");

/* Form fields */
#eco-form,
#adpreform,
#krishform {
	font-family: "Oswald", serif;
	max-width: 54rem;
	margin: 10rem auto;
}
#eco-form h5,
#adpreform h5,
#krishform h5 {
	background: #ffd500;
	padding: 2rem 1.5rem;
	font-size: 1.5rem;
	line-height: 2.2rem;
	margin: 3rem auto;
	font-family: "Nunito Sans", sans-serif;
	width: 13rem;
	text-align: center;
}
#eco-form h5 span,
#adpreform h5 span,
#krishform h5 span {
	font-weight: bold;
	display: block;
	font-size: 3rem;
	margin-top: 2rem;
}
.grants-response-model {
	padding: 3rem;
}
#eco-form ul,
#adpreform ul,
#krishform ul {
	padding-left: 0;
}
#eco-form li,
#adpreform li,
#krishform li {
	list-style: none;
}
#eco-form input,
#eco-form textarea,
#eco-form select,
#adpreform input,
#adpreform textarea,
#adpreform select,
#krishform input,
#krishform textarea,
#krishform select {
	font-size: 1.8rem;
	padding: 0 2.8rem;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid rgb(153, 202, 60);
	text-align: left;
	border-radius: 3rem;
	color: #333;

	letter-spacing: normal;
	height: 5rem;
	line-height: 5rem;
	font-family: "Oswald", serif;
	background: #fff;
	margin-bottom: 2rem;
}
#eco-form select,
#adpreform select,
#krishform select {
	background: url("../images/grey-chevron.png") no-repeat;
	-webkit-appearance: none;
	appearance: none;
	background-size: 1.5rem;
	background-position: 97% 50%;
}
#eco-form textarea,
#adpreform textarea,
#krishform textarea {
	height: 12rem;
	line-height: 1.5;
	padding: 1.5rem 2.8rem;
}
#eco-form input:focus,
#eco-form textarea:focus,
#eco-form select:focus,
#adpreform input:focus,
#adpreform textarea:focus,
#adpreformselect:focus,
#krishform input:focus,
#krishform textarea:focus,
#krishform:focus {
	outline: 0;
	border: 1px solid rgb(211, 211, 211);
}
#eco-form h6,
#adpreform h6,
#krishform h6 {
	font-size: 1.8rem;
	font-weight: 300;
	display: block;
	font-family: "Nunito Sans", sans-serif;
	text-align: center;
	margin-bottom: 1rem;
}

/* Buttons */
#eco-form .next-btn,
#eco-form .submit-btn,
#adpreform .next-btn,
#adpreform .submit-btn,
#krishform .next-btn,
#krishform .submit-btn {
	background: green;
	padding: 1.3rem 2rem;
	color: #fff;
	font-family: oswald, sans-serif;
	text-transform: uppercase;
	font-size: 1.8rem;
	line-height: 2.4rem;
	letter-spacing: 1px;
	min-width: 30rem;
	max-width: 40rem;
	display: block;
	margin: auto;
	text-align: center;
	font-weight: 400;
	border-radius: 2rem;
	border: 0;
	transition-property: background-color;
	transition-duration: 0.5s;
	width: 100%;
	cursor: pointer;
}

#eco-form .next-btn:hover,
#eco-form .submit-btn:hover,
#adpreform .next-btn:hover,
#adpreform .submit-btn:hover,
#krishform .next-btn:hover,
#krishform .submit-btn:hover {
	background-color: #444b5d;
	color: #fff;
}
#eco-form .next-btnred,
#adpreform .next-btnred,
#krishform .next-btnred {
	background: red;
	padding: 1.3rem 2rem;
	color: #fff;
	font-family: oswald, sans-serif;
	text-transform: uppercase;
	font-size: 1.8rem;
	line-height: 2.4rem;
	letter-spacing: 1px;
	min-width: 30rem;
	max-width: 40rem;
	display: block;
	margin: auto;
	text-align: center;
	font-weight: 400;
	border-radius: 2rem;
	border: 0;
	transition-property: background-color;
	transition-duration: 0.5s;
	width: 100%;
	cursor: pointer;
}
#eco-form .next-btnred:hover,
#adpreform .next-btnred:hover,
#krishform .next-btnred:hover {
	background-color: #444b5d;
	color: #fff;
}
.questionradio label {
	display: block;
	text-align: center;
	background-color: #155b80;
	color: #333;
	padding: 1.3rem 2rem;
	min-width: 25rem;
	max-width: 40rem;
	margin: 2rem auto;
	font-family: oswald, sans-serif;
	font-size: 1.8rem;
	line-height: 2.4rem;
	letter-spacing: 1px;
	border-radius: 2rem;
	transition-property: background-color;
	transition-duration: 0.5s;
	width: 100%;
	cursor: pointer;
}

.questionradio input[type="radio"]:hover + label {
	background-color: #454545;
	color: white;
}

.questionradio input[type="radio"] + label {
	background-color: #155b80;
	color: white;
}
.questionradio input[type="radio"]:checked + label {
	background-color: #454545;
	color: white;
}
.questionradio input[type="radio"] {
	display: none;
	position: fixed;
	width: 0;
}
/* Progress Bar */
.progress-wrap {
	margin: auto;
	display: table;
}
.line-progress-bar {
	display: flex;
	margin: auto;
	width: 100%;
}
.line {
	height: 1px;
	width: 250px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgb(217, 217, 217);
	position: absolute;
	margin-top: 8px;
}
.progress-wrap div ul {
	display: flex;
	width: 250px;
	list-style: none;
	padding: 0px;
	margin: initial;
	justify-content: space-between;
	z-index: 1;
}
.progressbar-dots {
	display: inline-flex;
	border: #949494 solid 4px;
	background: #333333;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	color: #d4d4d4;
	font-size: 20px;
	margin-left: 0px;
	color: #d4d4d4;
	border: 0px solid rgb(217, 217, 217);
	background: rgb(217, 217, 217);
}
.progressbar-dots span {
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	margin-top: 60px;
	/* width: 75px; */
	float: left;
	margin-left: -30px;
	display: none;
}
.progressbar-dots.active {
	color: #fff;
	border: 0px solid rgb(38, 163, 134);
	background: #82ccc8;
}

/*  Tab */
.tab-pane {
	display: none;
}
.tab-pane:first-child {
	display: block;
}

/* Error */
span.error {
	font-size: 12px;
	font-family: "helvetica neue", arial, sans-serif;
	color: #d6041d;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}

.contactform2 textarea {
	height: 15rem;
}

.secfaq {
	background: #ccc;
	position: relative;
	padding: 5rem 1rem;
}
.roundrec {
	background: white;
	border-radius: 2.5rem;
	margin-top: -10rem;
	z-index: 9999;
	margin-left: auto;
	margin-right: auto;
	max-width: 100rem;
	filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
	width: 100%;
	text-align: center;
	display: block;
}
.roundrec h2 {
	color: #0c3e35;
	font-size: 3.6rem;
	font-family: "helveticaneue-bold";
	line-height: 3.8rem;
	font-weight: bold;
	padding: 3rem 1.5rem;
}
.roundrec .next-btngreen {
	background: green;
	padding: 1.3rem 2rem;
	margin-top: 2rem;
	color: #fff;
	font-family: oswald, sans-serif;
	font-size: 1.8rem;
	line-height: 2.4rem;
	letter-spacing: 1px;
	min-width: 20rem;
	max-width: 30rem;
	display: block;
	text-align: center;
	font-weight: 400;
	border-radius: 2rem;
	border: 0;
	transition-property: background-color;
	transition-duration: 0.5s;
	width: 100%;
	cursor: pointer;
}
.roundrec .next-btngreen:hover {
	background-color: #444b5d;
	color: #fff;
}
.calltoaction .whitepink {
	background: white;
	padding: 1.3rem 2rem;
	color: #e9153c;
	font-family: oswald, sans-serif;
	font-size: 1.8rem;
	line-height: 2.4rem;
	letter-spacing: 1px;
	min-width: 20rem;
	max-width: 30rem;
	display: block;
	text-align: center;
	font-weight: 400;
	border-radius: 2.5rem;
	border: 0;
	transition-property: background-color;
	transition-duration: 0.5s;
	width: 100%;
	cursor: pointer;
}
.calltoaction .whitepink:hover {
	background-color: #444b5d;
	color: #fff;
}

.sec1 {
	position: relative;
	padding: 10rem 0;
}

.sec1 .sec1_right_content {
	display: block;
	color: #ffffff;
}

.sec1 .sec1_right_content h3 {
	color: #ffffff;
	background: #512974;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 2rem;
	padding: 1rem 1.2rem;
}

.sec1 .sec1_right_content h2 {
	color: #bd138a;
	font-size: 4.8rem;
	font-family: "helveticaneue-bold";
	line-height: 5rem;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 3rem;
}

.sec1 .sec1_right_content h1 {
	color: #0c3e35;;
	font-size: 3.6rem;
	line-height: 3.8rem;
	font-weight: bold;
	font-family: "helveticaneue-bold";
}

.sec1 .sec1_right_content p {
	color: #333;
	font-size: 2rem;
}

.sec1 .sec1_right_content p span {
	color: #99ca3c;
}

.sec1 .sec1_right_content .sec1_button {
	margin-top: 2rem;
}

.sec1 .sec1_right_content .sec1_button a {
	padding: 1.6rem 4.2rem;
	background: red;
	font-size: 1.8rem;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 2rem auto 2rem auto;
}

.sec1 .sec1_right_content .sec1_button a:hover {
	background: deeppink;
	color: #ffffff;
}

.sec1 .sec1right {
	margin: 3rem 5rem;
}

.sec1 .sec1right img {
	width: 100%;
	border-radius: 2.5rem;
	height: auto;
	filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
}

.sec2 {
	position: relative;
	z-index: 1;
	background: #ffffff;
	margin: 0px auto;
}

.sec2 .features {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: -7rem auto 2rem auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	text-align: center;
}

.sec2 .features .feature1 {
	margin: 0rem 3rem;
}

.sec2 .features img {
	display: block;
}

.sec2 .features p {
	text-align: center;
	display: block;
	margin: 0px auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0.5rem 1rem;
}

.sec2 .features2 {
	display: block;
	text-align: center;
}

.sec2 .features2 h2 {
	color: #2f2e35;
	font-size: 4rem;
	font-family: "helveticaneue-bold";
	line-height: 4.5rem;
	font-weight: bold;
}

.sec2 .features2 h2 span {
	color: #bd138a;
	display: block;
}

.sec2 .features3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 5rem auto 2rem auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	text-align: center;
	font-size: 1.66rem;
	font-weight: 900;
}

.sec2 .features3 .features3_col1 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.sec2 .features3 .features3_col1 p {
	border: 1px solid #bd138a;
	width: 150px;
	height: 150px;
	color: #bd138a;
	text-align: center;
	line-height: 150px;
	border-radius: 50%;
}

.sec2 .features3 .features3_col1 span {
	width: 70px;
	line-height: 150px;
	margin-top: 75px;
	position: relative;
	height: 2px;
	background-color: #e09ccc;
}

.sec2 .features3 .features3_col2 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.sec2 .features3 .features3_col2 p {
	border: 1px solid #c13b99;
	background-color: #e09ccc;
	color: #ffffff;
	text-align: center;
	width: 150px;
	height: 150px;
	padding-top: 50px;
	border-radius: 50%;
}

.sec2 .features3 .features3_col2 span {
	width: 70px;
	line-height: 150px;
	margin-top: 75px;
	position: relative;
	height: 2px;
	background-color: #d06cb2;
}

.sec2 .features3 .features3_col3 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.sec2 .features3 .features3_col3 p {
	border: 1px solid #707070;
	background-color: #d06cb2;
	color: #ffffff;
	text-align: center;
	width: 150px;
	height: 150px;
	padding-top: 50px;
	border-radius: 50%;
}

.sec2 .features3 .features3_col3 span {
	width: 70px;
	line-height: 150px;
	margin-top: 75px;
	position: relative;
	height: 2px;
	background-color: #d06cb2;
}

.sec2 .features3 .features3_col4 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.sec2 .features3 .features3_col4 p {
	border: 1px solid #707070;
	color: #ffffff;
	text-align: center;
	background-color: #c13b99;
	width: 150px;
	height: 150px;
	padding-top: 50px;
	border-radius: 50%;
}

.sec2 .features3 .features3_col4 span {
	width: 70px;
	line-height: 150px;
	margin-top: 75px;
	position: relative;
	height: 2px;
	background-color: #bd138a;
}

.sec2 .features3 .features3_col5 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.sec2 .features3 .features3_col5 p {
	border: 1px solid #707070;
	background-color: #bd138a;
	color: #ffffff;
	text-align: center;
	width: 150px;
	height: 150px;
	padding-top: 50px;
	border-radius: 50%;
}

.sec3 {
	position: relative;
	padding: 10rem 5rem;
	z-index: -1;
	background: #2f2e35;
	margin: 0px auto;
}

.bg-gray {
	background-color: white;
	width: 100%;
	border-radius: 2rem;
	padding: 2rem;
	filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(255, 255, 255, 0.7));
}
.bg-gray h2 {
	font-size: 3.6rem;
    line-height: 3.8rem;
    font-weight: bold;
    font-family: "helveticaneue-bold";
color: #0c3e35;
	text-align: center;
}
.bg-gray h4 {
	font-size: 2rem;
	line-height: 2.3rem;
	padding: 2rem auto;
	margin-top: 4rem;
	text-align: center;
	color: #333;
}
.services {
	position: relative;
	padding: 10rem 5rem;
	text-align: center;
	margin: 2rem auto 2rem auto;
}

.sec3 .service1 {
	display: block;
	color: #ffffff;
}

.sec3 .service1 img {
	width: 250px;
	height: auto;
	margin: 1rem auto;
	display: block;
	text-align: center;
}

.sec3 .service1 p {
	font-size: 1.8rem;
	line-height: 2rem;
	text-align: center;
	font-weight: bold;
	color: #0c3e35;
}

.sec3 .service1 hr {
	width: 50%;
	background-color: #bd138a;
	height: 0.2rem;
	margin: 0 auto 1rem auto;
	opacity: 1;
}

.sec3 .serv1_button a {
	padding: 1.6rem 4.2rem;
	background: #512974;
	font-size: 1.8rem;
	line-height: 6rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 0 4rem 0 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 2rem auto 2rem auto;
}

.ourwork {
	position: relative;
	background: #ffffff;
	margin: 0px auto;

	padding: 6rem 1rem;
}
.ourwork img {
	width: 100%;
	margin-top: 2rem;
}
.ourwork .sec1_button a {
	display: block;
	margin: auto;
}
.graysection ol li {
	font-size: 1.6rem;
	line-height: 1.8rem;
	margin-left: 1rem;
}

.ourwork h2 {
	font-size: 3.6rem;
	line-height: 3.8rem;
	font-weight: bold;
	font-family: "helveticaneue-bold";
	display: block;
	padding-top:7%;
	width: 100%;
	color: #0c3e35;
}
.ourwork h2 span {
	color: #99ca3c;
}
.ourwork h3 {
	font-size: 3.6rem;
	line-height: 3.8rem;
	font-weight: bold;
	font-family: "helveticaneue-bold";
	display: block;
	width: 100%;
	color: #0c3e35;
}
.ourwork h3 span {
	color: #99ca3c;
}
.ourwork ul {
	font-size: 1.6rem;
	line-height: 2rem;
}
.ourwork ul li {
	font-size: 1.6rem;
	line-height: 2.8rem;
}
.ourwork p {
	font-size: 1.6rem !important;
	line-height: 2rem;
}
.padding-10 {
	padding: 2rem auto;
	margin-top: 5rem;
}
.ourwork img {
	width: 100%;
	height: auto;
	display: block;
	text-align: center;
	border-radius: 2rem;
	box-shadow: -4px 4px 10px #ccc;
	z-index: -1;
}
.margin2 {
	margin-top: 2rem;
}

.aboutsection {
	position: relative;
	background: #ffffff;
	margin: 0px auto;

	padding: 0rem;
}

.aboutsection h2 {
	font-size: 3.6rem;
	line-height: 3.8rem;
	font-weight: bold;
	font-family: "helveticaneue-bold";
	display: block;
	width: 100%;
	color: #0c3e35;
	margin-top: 5%;
}
.aboutsection h2 span {
	color: #99ca3c;
}
.aboutsection h3 {
	font-size: 2.2rem;
	line-height: 2.4rem;
	font-weight: bold;
	font-family: "helveticaneue-bold";
	display: block;
	width: 100%;
	color: #0c3e35;
}
.aboutsection h3 span {
	color: #99ca3c;
}
.aboutsection ul {
	font-size: 1.8rem;
	line-height: 2rem;
}
.aboutsection ul li {
	font-size: 1.6rem;
	line-height: 2rem;
}
.aboutsection p {
	font-size: 1.6rem !important;
	line-height: 2rem;
}

.aboutsection .aboutimg img {
	width: 100%;
	height: auto;
	display: block;
	text-align: center;
	padding: 0rem;
	margin-left: -1rem;
	border-radius: 0rem;
}

.aboutsection .sec1_button {
	margin-top: 2rem;
}
.aboutsection .sec1_button a {
	padding: 1.6rem 4.2rem;
	background: red;
	font-size: 1.8rem;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
}

.aboutsection .sec1_button a:hover {
	background: deeppink;
	color: #ffffff;
}

.ourwork .contenteco4 {
	position: relative;
}
.ourwork .greencontent {
	background: #99ca3c;
	bottom: 3.2rem;
	left: 2.5rem;
	width: 90%;
	position: absolute;
	padding: 2rem 3rem;
	z-index: 9999;
	border-radius: 2rem;
}
.ourwork .greencontent h3 {
	color: white;
	font-size: 3.6rem;
    line-height: 3.8rem;
    font-weight: bold;
    font-family: "helveticaneue-bold";
}
.ourwork .greencontent p {
	color: white;
	font-size: 2rem;
	line-height: 2.3rem;
}
.ourwork .sec1_button {
	margin-top: 2rem;
}
.ourwork .sec1_button a {
	padding: 1.6rem 4.2rem;
	background: red;
	font-size: 1.8rem;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
}

.ourwork .sec1_button a:hover {
	background: deeppink;
	color: #ffffff;
}

/* FAQs section css start*/
.faqitems {
	padding: 2rem;
	position: relative;
}
.faqitems .accordion .accordion-item {
	border-bottom: 1px solid #e5e5e5;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
.faqitems .accordion .accordion-item button[aria-expanded="true"] {
	border-bottom: 1px solid darkorange;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
.faqitems .accordion button {
	position: relative;
	display: block;
	text-align: left;
	width: 100%;
	padding: 1rem 0;
	color: chocolate;
	font-size: 2.15rem;
	font-weight: 400;
	border: none;
	background: none;
	outline: none;
}
.faqitems .accordion button:hover,
.accordion button:focus {
	cursor: pointer;
	color: darkorange;
}
.faqitems .accordion button:hover::after,
.accordion button:focus::after {
	cursor: pointer;
	color: darkorange;
	border: 1px solid darkorange;
}
.faqitems .accordion button .accordion-title {
	padding: 1rem 1.5rem 1rem 0;
}
.faqitems .accordion button .icon {
	display: inline-block;
	position: absolute;
	top: 1.8rem;
	right: 0;
	width: 2.2rem;
	height: 2.2rem;
	border: 1px solid;
	border-radius: 2.2rem;
}
.faqitems .accordion button .icon::before {
	display: block;
	position: absolute;
	content: "";
	top: 1rem;
	left: 0.5rem;
	width: 1rem;
	height: 2px;
	background: currentColor;
}
.faqitems .accordion button .icon::after {
	display: block;
	position: absolute;
	content: "";
	top: 0.5rem;
	left: 1rem;
	width: 2px;
	height: 1rem;
	background: currentColor;
}
.faqitems .accordion button[aria-expanded="true"] {
	color: darkorange;
}
.faqitems .accordion button[aria-expanded="true"] .icon::after {
	width: 0;
}
.faqitems .accordion button[aria-expanded="true"] + .accordion-content {
	opacity: 1;
	max-height: 9em;
	transition: all 200ms linear;
	will-change: opacity, max-height;
}
.faqitems .accordion .accordion-content {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 200ms linear, max-height 200ms linear;
	will-change: opacity, max-height;
}
.faqitems .accordion .accordion-content p {
	font-size: 1.8rem;
	line-height: 2rem;
	font-weight: 300;
	margin: 2em 0;
}
/* FAQs section css end*/

.graysection {
	position: relative;
	background: #e1e7e3;
	margin: 0px auto;

	padding: 6rem 1rem;
}

.graysection h5 {
	font-size: 3.6rem;
	line-height: 3.8rem;
	font-weight: bold;
	font-family: "helveticaneue-bold";
	display: block;
	padding: 2rem;
	float: right;
	width: 70%;
	color: #0c3e35;
	border-bottom: 4px solid green;
}
.graysection h5 span {
	color: #99ca3c;
}

.graysection p {
	float: right;
	width: 70%;
}
.graysection h6 {
	font-size: 1.6rem;
	line-height: 1.8rem;
}

.graysection h4 {
	font-size: 3.6rem;
	line-height: 4rem;
	font-weight: bold;
	font-family: "helveticaneue-bold";
	display: block;
	float: right;
	width: 70%;
	color: #0c3e35;
	padding: 2rem 2.5rem;
	border-bottom: 4px solid green;
}

.graysection .cavity3 p {
	float: right;
	width: 70%;
	padding: 2rem;
	border-bottom: 4px solid green;
}
.graysection .cavity3 {
	padding: 2rem 1rem;
}
.graysection .cavity3 h4 {
	font-size: 3.6rem;
	line-height: 4rem;
	font-weight: bold;
	font-family: "helveticaneue-bold";
	display: block;
	float: right;
	padding: 2rem;
	width: 70%;
	color: #0c3e35;
	border-bottom: none !important;
}
.graysection h4 span {
	color: #99ca3c;
}
.graysection h3 {
	font-size: 2.5rem;
	line-height: 2.8rem;
	font-weight: bold;
	font-family: "helveticaneue-bold";
	display: block;
	width: 100%;
	color: #0c3e35;
}
.graysection h3 span {
	color: #99ca3c;
}
.graysection ol {
	font-size: 1.8rem;
	line-height: 2rem;
}
.padding-10 {
	padding: 2rem auto;
	margin-top: 5rem;
}
.graysection img {
	width: 100%;
	height: auto;
	padding: 2rem auto;
	display: block;
	text-align: center;
	border-radius: 2rem;
	z-index: -1;
}

.graysection .sec1_button {
	margin: 2rem auto;
	display: block;
	text-align: center;
}
.graysection .sec1_button a {
	padding: 1.6rem 4.2rem;
	background: red;
	font-size: 1.8rem;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
}

.graysection .sec1_button a:hover {
	background: deeppink;
	color: #ffffff;
}

.graysection table {
	width: 75rem;
	border-collapse: collapse;
	margin: 5rem auto;
}

/* Zebra striping */
.graysection tr:nth-of-type(odd) {
	background: #eee;
}

.graysection th {
	background: #0c3e35;
	color: white;
	text-align: center;
	font-weight: bold;
}

.graysection td,
th {
	padding: 1rem;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 1.6rem;
}

/* top-left border-radius */
.graysection table tr:first-child th:first-child {
	border-top-left-radius: 3rem;
	border: none;
}

/* top-right border-radius */
.graysection table tr:first-child th:last-child {
	border-top-right-radius: 3rem;
	border: none;
}

/* bottom-left border-radius */
.graysection table tr:last-child td:first-child {
	border-bottom-left-radius: 3rem;
}

/* bottom-right border-radius */
.graysection table tr:last-child td:last-child {
	border-bottom-right-radius: 3rem;
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px) {
	.graysection table {
		width: 100%;
	}

	/* Force table to not be like tables anymore */
	.graysection table,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.graysection thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.graysection tr {
		border: 1px solid #ccc;
	}

	.graysection td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	.graysection td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 1rem;
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}
}

.whitebox {
	padding: 2rem;
	background: white;
	border-radius: 3rem;
	margin-left: -3rem;
	filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
}
.whitebox p {
	font-size: 1.8rem !important;
	float: none !important;
	width: 100%;
	padding: 2.5rem;
}
.whitebox ul {
	list-style: none;
	padding: 1rem;
	color: #0c3e35;
}
.whitebox ul li {
	font-size: 1.6rem;
}
.whitebox ul li strong {
	font-size: 2rem;
	font-family: arial;
	font-weight: 600;
}
.calltoaction {
	position: relative;
	background: #e9153c;
	margin: 0px auto;
	padding: 6rem 1rem;
}
.calltoaction h1 {
	font-size: 3.9rem;
	line-height: 4.5rem;
	font-weight: bold;
	color: white;
	text-align: center;
}
.calltoaction h2 {
	font-size: 3rem;
	line-height: 3.5rem;
	font-weight: bold;
	color: white;
	text-align: center;
}
.calltoaction h3 {
	font-size: 3rem;
	line-height: 3.5rem;
	font-weight: bold;
	color: white;
	text-align: center;
}

.privacyhead {
	position: relative;
	background: #99ca3c;
	margin: 0px auto;
	padding: 6rem 1rem;
}

.privacyhead h2 {
	font-size: 3.8rem;
	line-height: 4.1rem;
	font-weight: bold;
	color: #0c3e35;
	text-align: center;
}

.privacyhead h2 span {
	color: white;
}

.privacytext {
	position: relative;
	background: white;
	margin: 0px auto;
	padding: 6rem 1rem;
}

.privacytext h2 {
	font-size: 3.8rem;
	line-height: 4.1rem;
	font-weight: bold;
	color: #0c3e35;
}
.privacytext h3 {
	font-size: 2.8rem;
	line-height: 3.1rem;
	font-weight: bold;
	color: #0c3e35;
}

.privacytext p {
	color: #0c3e35;
	line-height: 1.2;
	font-size: 1.6rem !important;
}
.privacytext ul {
	margin-left: 2.5rem;
}
.privacytext ul li {
	line-height: 1.2;
}
.bizsec {
	position: relative;
	background: #0c3e35;
	margin: 0px auto;
	padding: 7rem 1rem;
}

.bizsec .bizheading {
	display: block;
	color: #ffffff;
}

.bizsec .bizheading h2 {
	font-size: 3.6rem;
    line-height: 3.8rem;
    font-weight: bold;
    font-family: "helveticaneue-bold";
color: #fff;
}
.bizsec .bizheading h3 {
	font-size: 2.2rem;
	line-height: 2.5rem;
	font-weight: bold;
}

.bizsec .biztext {
	display: block;
}

.bizsec .biztext p {
	display: block;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	margin: 2rem auto;
}

.bizsec .biztext p a {
	color: #bd138a;
}

.bizsec .biztext p a:hover {
	color: #ffffff;
}
.bizsec .sec1_button {
	margin: 5rem auto;
	display: block;
	text-align: center;
}
.bizsec .sec1_button a {
	padding: 1.6rem 4.2rem;
	background: red;
	font-size: 1.8rem;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 5rem auto 2rem auto;
}

.bizsec .sec1_button a:hover {
	background: deeppink;
	color: #ffffff;
}

.footer {
	position: relative;
	background: #333;
	display: block;
	margin: 0rem auto;
	padding: 10rem 0 3rem 0;
}

.footer .footercol {
	color: #ffffff;
}

.footer .footercol h3 {
	font-size: 2.5rem;
	line-height: 3.4rem;
	font-weight: 800;
}

.footer .footercol ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer .footercol a {
	text-decoration: none;
	font-size: 2rem;
	color: #ffffff;
	line-height: 2.7rem;
}

.footer .footercol a:hover {
	color: #99ca3c;
}

.footer p {
	text-align: center;
	display: block;
	margin: 3rem auto -2rem auto;
	color: white;
	font-size: 1.5rem;
	line-height: 2rem;
}

@media (min-width: 720px) {
	.dropdown-toggle::after {
		border: 0rem;
	}
}

@media (max-width: 767px) {
	#eco-form,
	#adpreform,
	#krishform {
		margin: 2.5rem auto;
	}
	.faqitems .accordion button[aria-expanded="true"] + .accordion-content {
	max-height: 100%;
	}
	.contactform2 h2 {
		font-size: 2.6rem;
		padding: 0.8rem 0rem;
	}
	.bizsec .bizheading h2 {
		font-size: 3rem;
		line-height: 1.2;
	}
	.bizsec .bizheading h3 {
		font-size: 2.2rem;
		line-height: 1.2;
	}
	.order1 {
		display: flex;
		flex-flow: column-reverse;
	}
	.margin2 {
		margin-top: 0rem;
	}
	.ourwork .greencontent {
		background: #99ca3c;
		bottom: 3rem;
		left: 1.6rem;
		width: 90%;
		position: absolute;
		padding: 0.8rem 1.5rem;
		z-index: 9999;
		border-radius: 2rem;
	}
	h1,h2,h3,h4{
	    font-size:2.4rem !important;
	    line-height:1.2 !important;
	}
	.ourwork .greencontent h3 {
		font-size: 2.2rem;
		line-height: 1.2;
	}
	.ourwork h2 {
		font-size: 2.8rem;
		line-height: 1.2;
	}
	.bg-gray h2 {
	font-size: 2.8rem;
    line-height: 1.2;
	}
	.navbar-nav {
		background: #2f2e35;
	}
	.main_header .navbar-nav .nav-item .nav-link {
		color: white;
	}
	.dropdown-menu {
		background-color: transparent;
	}
	.main_header .dropdown-item {
		color: #ca4da5;
		width: unset;
	}
	.main_hero .hero_right_content {
		width: 96%;
		margin-bottom: 2rem;
	}
	.main_hero .hero_right_content {
		margin-left: 1rem;
		margin-top: 0rem;
	}
	.contactform2 {
		margin-top: 1rem;
		margin-bottom: 7rem;
	}
	.roundrec {
		width: 90%;
	}
	.roundrec h2 {
		font-size: 2.5rem;
		font-family: "helveticaneue-bold";
		line-height: 1.2;
		font-weight: 700;
		padding: 0.8rem 0.8rem;
	}
	.roundrec .next-btngreen {
		margin-top: 1rem;
		margin-bottom: 2rem;
	}
	.main_hero .hero_right_content h2,
	.main_hero .hero_right_content h1 {
		font-size: 2.6rem;
		line-height: 1.2;
	}
	.main_hero .hero_right_content h2 {
		padding-top: 2rem;
		margin-top: 2rem;
	}
	.margin3 {
		padding-top: 3rem;
	}
	.main_hero .hero_right_content h1 hr {
		width: 50%;
	}
	.main_hero .hero_right_content .hero_button a {
		padding: 1.2rem 3.6rem;
		-webkit-transition: background-color 0.5s;
		transition: background-color 0.5s;
	}

	.graysection .cavity3 h4 {
		font-size: 2.7rem;
		line-height: 1.2;
		float: none;
		width: 100%;
	}
	.graysection .cavity3 p {
		float: none;
		width: 100%;
	}
	.sec3 .testimonial .testi1 {
		display: block;
	}
	.main_hero .hero_right_content .hero_button a:hover {
		color: #653c89;
	}
	.main_hero .hero_right_content p {
		padding-bottom: 0rem;
	}
	.privacytext h3 {
		font-size: 2.3rem;
		line-height: 1.2;
	}
	.privacytext h2 {
		font-size: 3.5rem;
		line-height: 1.2;
		margin-bottom: 2rem;
	}
	.privacytext p {
		font-size: 1.6rem !important;
		line-height: 1.2;
	}
	.fixed-top {
		position: relative;
	}
	.sec2 .features {
		display: block;
	}
	.sec2 .features3 {
		display: block;
	}
	.ourwork .workicons {
		display: block;
	}
	.bizsec .bizlogos {
		display: block;
	}
	.family .family_pics {
		display: block;
	}
	.family .family_cont h2 {
		font-size: 3rem;
		line-height: 3rem;
	}
	.services .service1 img {
		width: 100%;
		height: auto;
	}
	.gettouch .addr {
		padding: 3rem 1rem;
	}
	.subscribe .subscribe_sec input,
	.subscribe .subscribe_sec textarea {
		width: 100%;
	}
	.subscribe h2 {
		font-size: 2.8rem;
	}
	.subscribe {
		padding: 3rem 0;
	}
	.sec1 .sec1_right_content h1,
	.sec1 .sec1_right_content h2 {
		font-size: 2.5rem;
		line-height: 1.2;
		font-family: "helveticaneue-bold";
		text-align: center;
	}
	.main_hero .hero_right_content h3 {
		font-size: 2.5rem;
		line-height: 1.2;
		font-family: "helveticaneue-bold";
	}
	.sec1 {
		padding: 5rem 0;
	}
	.sec1 .sec1_right_content .sec1_button a {
		display: block;
		padding: 1.5rem 2.6rem;
		line-height: unset;
	}
	.sec1 .sec1right {
		margin: 5rem 0;
	}
	.sec2 .features img {
		display: block;
		margin: 0 auto;
	}
	.sec2 .features p {
		font-weight: 800;
		color: #653c89;
		font-size: 2.8rem;
	}
	.sec2 .features2 h2 {
		color: #2f2e35;
		font-size: 2.8rem;
		line-height: 3rem;
		font-weight: bold;
	}
	.sec2 .features3 .features3_col1 span,
	.sec2 .features3 .features3_col2 span,
	.sec2 .features3 .features3_col3 span,
	.sec2 .features3 .features3_col4 span {
		display: none;
	}
	.casestudies .features3 .features3_col1 span,
	.casestudies .features3 .features3_col2 span,
	.casestudies .features3 .features3_col3 span,
	.casestudies .features3 .features3_col4 span {
		display: none;
	}
	.curl {
		display: none;
	}
	.sec3 {
		padding: 5rem 1rem;
	}
	.sec3 .morefeature h3 {
		font-size: 2.6rem;
		line-height: 3rem;
	}
	.sec3 .morefeature h3 span {
		font-size: 3.4rem;
		line-height: 1.2;
	}
	.ourwork .workheading h2,
	.referus .refercontent h1 {
		font-size: 3.5rem;
		line-height: 1.2;
	}
	.sec3 .testimonial {
		padding: 1.5rem;
		margin-top: 1rem;
	}
	.sec3 .testimonial .testi1 {
		padding: 1rem;
	}
	.sec3 .testimonial .testi1 img {
		margin: 0 auto;
		display: block;
	}
	.sec3 .testimonial .testi1 p {
		text-align: center;
	}
	.sec3 .testimonial h4 {
		text-align: center;
		float: none;
	}
	.services .serv1_button a {
		display: block;
		padding: 1.5rem 2.6rem;
		line-height: unset;
	}
	.services {
		position: relative;
		padding: 5rem 1rem;
		margin: -10rem auto 2rem auto;
	}
	.ourwork {
		position: relative;
		padding: 5rem 1rem;
	}
	.ourwork h3 {
		font-size: 3.2rem;
		line-height: 3.2rem;
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.calltoaction h3 {
		font-size: 2.7rem;
		line-height: 1.2;
	}
	.calltoaction h2 {
		font-size: 2.7rem;
		line-height: 1.2;
	}
	.calltoaction h1 {
		font-size: 3.2rem;
		line-height: 1.2;
	}

	.calltoaction .whitepink {
		margin: 1rem auto;
	}
	.faq_hero .hero_right_content {
		float: none;
		margin: 4rem auto;
	}
	.faq_hero .hero_right_content h2 {
		text-align: center;
		font-size: 3.2rem;
		line-height: 1.2;
	}
	.graysection h4 {
		font-size: 2.8rem;
		line-height: 1.2;
		float: none;
		width: 100%;
	}
	.graysection h5 {
		font-size: 2.8rem;
		line-height: 1.2;
		float: none;
		width: 100%;
	}

	.whitebox {
		margin: 1rem auto;
	}
	.whitebox ul li strong {
		font-size: 1.6rem;
	}
	.bizsec {
		padding: 5rem 1rem;
	}

	.about_hero .hero_right_content {
		display: block;
		width: 100%;
		margin: 5rem auto;
		float: none;
	}
	.rightcontent {
		margin: 4rem auto;
	}
	.aboutsection .sec1_button {
		margin: 2rem auto;
		display: block;
		text-align: center;
	}
	.aboutsection .aboutimg img {
		margin: 1rem auto;
	}
	.referus {
		padding: 5rem 1rem 1rem 1rem;
	}
	.family {
		padding: 5rem 1rem;
	}
	.covid .covid_right_content .covid_button a {
		display: block;
		padding: 1.5rem 2.6rem;
		line-height: unset;
	}
	.covid .covidpurple {
		padding: 2rem 2rem 5rem 2rem;
	}
	.covid .covidleft {
		margin: 0;
	}
	.covid .covid_right_content h1 {
		font-size: 2.6rem;
		line-height: 3rem;
	}
	.gettouch {
		padding: 5rem 1rem;
	}
	.footer {
		padding: 5rem 1rem;
	}
	.footer .footercol {
		margin: 2rem 1rem;
	}
	.d-flex {
		background: #2f2e35;
		margin-top: -0.5rem;
	}
	.d-flex ul {
		list-style: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: auto;
		margin-right: auto;
		padding: 1rem 0;
	}
	.social-icon {
		height: 30px;
		width: 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff;
		font-size: 14px;
		border-radius: 7px;
		margin-right: 11px;
		cursor: pointer;
	}
	.social-twitter {
		background-color: #55acee;
	}
	.social-facebook {
		background-color: #3b5999;
	}
	.social-linkedin {
		background-color: #0077b5;
	}
	.social-icon i {
		-webkit-transition: 0.4s all;
		transition: 0.4s all;
	}
	.social-icon:hover i {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	#eco-form .next-btn,
	#eco-form .submit-btn,
	#adpreform .next-btn,
	#adpreform .submit-btn,
	#krishform .next-btn,
	#krishform .submit-btn {
		width: 100%;
		min-width: 20rem;
		max-width: 30rem;
	}
}

/* about us page classes  */
.secabout {
	position: relative;
	background: #ffffff;
	padding: 20rem 0 5rem 0;
}

.secabout .secab_block1 {
	display: block;
	color: #ffffff;
}

.secabout .secab_block1 h2 {
	color: #512974;
	font-size: 4.5rem;
	line-height: 4.5rem;
	font-weight: 700;
	font-family: "helveticaneue-bold";
	text-transform: uppercase;
}

.secabout .secab_block1 h1 {
	color: #bd138a;
	font-size: 4.5rem;
	line-height: 4.5rem;
	font-weight: 700;
	text-transform: uppercase;
	font-family: "helveticaneue-bold";
}

.secabout .secab_block1 p {
	color: #2f2e35;
	font-size: 2rem;
}

.secabout .secab_block1 p span {
	color: #d044a6;
	font-weight: 600;
}

.secabout .secab_block1 p a {
	color: #653c89;
	text-decoration: none;
}

.secabout .secab_block1 p a:hover {
	color: #d044a6;
}

.secabout .secab_block2 {
	margin: 5rem 5rem;
}

.secabout .secab_block2 img {
	width: 100%;
	height: auto;
}

.secabout .secab_block3 {
	margin: 5rem 5rem;
}

.secabout .secab_block3 img {
	width: 100%;
	height: auto;
}

.secabout .secab_block4 {
	margin: 5rem 5rem;
	display: block;
	color: #ffffff;
}

.secabout .secab_block4 h1 {
	color: #512974;
	font-size: 4.5rem;
	line-height: 4.5rem;
	font-weight: 700;
	text-transform: uppercase;
	font-family: "helveticaneue-bold";
}

.secabout .secab_block4 p {
	color: #2f2e35;
	font-size: 2rem;
}

/* about us responsive classes */
@media (max-width: 767px) {
	.secabout {
		padding: 12rem 0 5rem 0;
	}
	.secabout .secab_block1 {
		display: block;
		color: #ffffff;
		margin-top: 3rem;
	}
	.secabout .secab_block1 h2 {
		color: #512974;
		font-size: 3rem;
		line-height: 3.3rem;
	}
	.secabout .secab_block1 h1 {
		color: #bd138a;
		font-size: 3rem;
		line-height: 3.3rem;
	}
	.secabout .secab_block1 p {
		font-size: 1.7rem;
	}
	.secabout .secab_block1 p span {
		color: #d044a6;
		font-weight: 600;
	}
	.secabout .secab_block2 {
		margin: 5rem 0;
	}
	.secabout .secab_block2 img {
		width: 100%;
		height: auto;
	}
	.secabout .secab_block3 {
		margin: 5rem 0;
	}
	.secabout .secab_block3 img {
		width: 100%;
		height: auto;
	}
	.secabout .secab_block4 {
		margin: 1rem 0;
		display: block;
		color: #ffffff;
	}
	.secabout .secab_block4 h1 {
		font-size: 3rem;
		line-height: 3.3rem;
	}
	.secabout .secab_block4 p {
		color: #2f2e35;
		font-size: 2rem;
	}
}

/* case studies */
.casestudies {
	background-color: #f5f5f5;
	padding: 5rem 2rem;
}

.casestudies .foldt2 {
	position: relative;
}

.casestudies .foldt2:before {
	content: "";
	position: absolute;
	top: 0%;
	left: 0%;
	width: 0px;
	height: 0px;
	border-bottom: 69px solid #ffffff;
	border-left: 69px solid transparent;
}

.casestudies .foldt2:after {
	content: "";
	position: absolute;
	top: 0%;
	left: 0%;
	width: 0px;
	height: 0px;
	border-top: 69px solid #653c89;
	border-right: 69px solid transparent;
}

.casestudies .foldtl {
	position: relative;
}

.casestudies .foldtl:before {
	content: "";
	position: absolute;
	top: 0%;
	right: 0%;
	width: 0px;
	height: 0px;
	border-bottom: 69px solid #d044a6;
	border-right: 69px solid transparent;
}

.casestudies .foldtl:after {
	content: "";
	position: absolute;
	top: 0%;
	right: 0%;
	width: 0px;
	height: 0px;
	border-top: 69px solid #f5f5f5;
	border-left: 69px solid transparent;
}

.casestudies .overlayd {
	z-index: 2;
}

.casestudies .casetags {
	background: #d044a6;
	margin: 20rem 5rem -5rem -15rem;
	padding: 5rem 6rem;
}

.casestudies .casetags h6 {
	color: #ffffff;
	padding-top: 3rem;
	font-size: 1.8rem;
	line-height: 2rem;
}

.casestudies .casetags h3 {
	font-size: 2.2rem;
	line-height: 2.5rem;
	font-weight: 800;
	color: #ffffff;
	padding-top: 1.5rem;
}

.casestudies .casetags h4 {
	font-size: 2rem;
	line-height: 2.1rem;
	padding-top: 1.5rem;
	color: #ffffff;
	font-weight: 100;
	font-style: italic;
}

.casestudies .casetags p {
	font-size: 1.8rem;
	line-height: 2rem;
	padding-top: 1.5rem;
	font-style: italic;
	font-weight: 100;
	color: #ffffff;
}

.casestudies .case {
	background: #653c89;
	padding: 4rem 10rem;
	z-index: 0;
}

.casestudies .case h1 {
	font-size: 4rem;
	color: #ffffff;
	padding: 0 5rem;
	font-family: "helveticaneue-bold";
}

.casestudies .case p {
	color: #ffffff;
	font-size: 1.8rem;
	line-height: 2rem;
	padding: 2rem 5rem;
}

.casestudies .case span {
	color: #d044a6;
}

.casestudies .case img {
	width: 80%;
	margin: 2rem auto;
}

.casestudies .caseform {
	padding: 3rem 2rem 1rem 2rem;
}

.casestudies .caseform h3 {
	font-size: 2.2rem;
	line-height: 2.5rem;
	color: #bd138a;
	font-weight: 800;
}

.casestudies .caseform span {
	color: #2f2e35;
	display: block;
}

.casestudies .caseformbody {
	padding: 0.1rem 2rem 1rem 2rem;
}

.casestudies .caseformbody input,
.casestudies .caseformbody textarea {
	width: 100%;
	padding: 0.6rem 0.8rem;
	margin-bottom: 1rem;
	color: #512974;
	border-radius: 2.2rem;
	background: transparent;
	font-size: 1.8rem;
	border: 1px solid #512974;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.casestudies .caseformbody input[type="submit"] {
	background-color: #512974;
	color: white;
	font-weight: bold;
	font-size: 1.3rem;
	border: 1px solid #512974;
	border-radius: 2.2rem;
	display: inline-block;
	padding: 1.2rem 3rem;
	width: unset;
	cursor: pointer;
}

.casestudies .caseformbody input:hover[type="submit"] {
	background-color: #ffffff;
	color: #512974;
	border: 1px solid #512974;
}

.casestudies .amazon-head {
	padding: 5rem 5rem 0rem 5rem;
}

.casestudies .amazon-head h2 {
	font-size: 4rem;
	line-height: 4.5rem;
	font-weight: 800;
	padding-left: 8rem;
	font-family: "helveticaneue-bold";
	color: #bd138a;
}

.casestudies .amazon-head span {
	display: block;
	color: #441b68;
}

.casestudies .amazon-left {
	padding: 0;
}

.casestudies .amazon-left img {
	display: block;
	padding-top: 1rem;
	width: 35rem;
	height: auto;
	float: right;
}

.casestudies .amazon-right {
	padding: 0 10rem 0 1rem;
	width: 80%;
}

.casestudies .amazon-right p {
	font-size: 1.6rem;
	line-height: 1.8rem;
	color: #101010;
}

.casestudies .amazon-right span a {
	font-size: 1.6rem;
	line-height: 1.8rem;
	color: #707070;
}

.casestudies .features2 {
	display: block;
	text-align: center;
	margin-top: 10rem;
}

.casestudies .features2 h2 {
	color: #2f2e35;
	font-size: 4rem;
	font-family: "helveticaneue-bold";
	line-height: 4.5rem;
	font-weight: bold;
}

.casestudies .features2 h2 span {
	color: #bd138a;
	display: block;
}

.casestudies .features3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 5rem auto 2rem auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	text-align: center;
	font-size: 1.66rem;
	font-weight: 900;
}

.casestudies .features3 .features3_col1 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.casestudies .features3 .features3_col1 p {
	border: 1px solid #bd138a;
	width: 150px;
	height: 150px;
	color: #bd138a;
	text-align: center;
	line-height: 150px;
	border-radius: 50%;
}

.casestudies .features3 .features3_col1 span {
	width: 70px;
	line-height: 150px;
	margin-top: 75px;
	position: relative;
	height: 2px;
	background-color: #e09ccc;
}

.casestudies .features3 .features3_col2 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.casestudies .features3 .features3_col2 p {
	border: 1px solid #c13b99;
	background-color: #e09ccc;
	color: #ffffff;
	text-align: center;
	width: 150px;
	height: 150px;
	padding-top: 50px;
	border-radius: 50%;
}

.casestudies .features3 .features3_col2 span {
	width: 70px;
	line-height: 150px;
	margin-top: 75px;
	position: relative;
	height: 2px;
	background-color: #d06cb2;
}

.casestudies .features3 .features3_col3 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.casestudies .features3 .features3_col3 p {
	border: 1px solid #707070;
	background-color: #d06cb2;
	color: #ffffff;
	text-align: center;
	width: 150px;
	height: 150px;
	padding-top: 50px;
	border-radius: 50%;
}

.casestudies .features3 .features3_col3 span {
	width: 70px;
	line-height: 150px;
	margin-top: 75px;
	position: relative;
	height: 2px;
	background-color: #d06cb2;
}

.casestudies .features3 .features3_col4 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.casestudies .features3 .features3_col4 p {
	border: 1px solid #707070;
	color: #ffffff;
	text-align: center;
	background-color: #c13b99;
	width: 150px;
	height: 150px;
	padding-top: 50px;
	border-radius: 50%;
}

.casestudies .features3 .features3_col4 span {
	width: 70px;
	line-height: 150px;
	margin-top: 75px;
	position: relative;
	height: 2px;
	background-color: #bd138a;
}

.casestudies .features3 .features3_col5 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.casestudies .features3 .features3_col5 p {
	border: 1px solid #707070;
	background-color: #bd138a;
	color: #ffffff;
	text-align: center;
	width: 150px;
	height: 150px;
	padding-top: 50px;
	border-radius: 50%;
}

.why_choose {
	background: #2f2e35;
	padding: 5rem 2rem 0 2rem;
}

.why_choose .client_choose {
	display: block;
	padding: 1rem 4rem;
}

.why_choose .client_choose h3 {
	font-size: 4rem;
	line-height: 4.5rem;
	font-weight: 800;
	font-family: "helveticaneue-bold";
	color: #bd138a;
}

.why_choose .client_choose h3 span {
	color: #ffffff;
}

.why_choose .client_choose p {
	font-size: 1.8rem;
	line-height: 2rem;
	color: #ffffff;
}

.why_choose .foldt3 {
	position: relative;
}

.why_choose .foldt3:before {
	content: "";
	position: absolute;
	top: 0%;
	left: 0%;
	width: 0px;
	height: 0px;
	border-bottom: 69px solid #d044a6;
	border-left: 69px solid transparent;
}

.why_choose .foldt3:after {
	content: "";
	position: absolute;
	top: 0%;
	left: 0%;
	width: 0px;
	height: 0px;
	border-top: 69px solid #2f2e35;
	border-right: 69px solid transparent;
}

.why_choose .client_desc {
	padding: 8rem 4rem 4rem 4rem;
	background: #ffffff;
	margin: 3rem 2rem;
}

.why_choose .client_desc p {
	font-size: 1.8rem;
	line-height: 2rem;
	padding: 1rem 5rem;
	color: #2f2e35;
}

.why_choose .client_desc span {
	color: #d044a6;
	font-weight: 800;
}

.why_choose .clients_sample {
	padding: 2rem 1rem;
}

.why_choose .clients_sample img {
	width: 40rem;
	display: block;
	height: auto;
}

.why_choose .clients_sample h3 {
	text-align: center;
	display: block;
	position: relative;
	font-size: 1.5rem;
	line-height: 2rem;
	padding: 1rem 0;
	color: #ffffff;
}

.why_choose .clients_sample span {
	color: #c13b99;
}

@media (max-width: 767px) {
	.casestudies {
		padding: 5rem 1rem;
	}
	.casestudies .case {
		background: #653c89;
		padding: 4rem 2rem;
		z-index: 0;
	}
	.casestudies .case h1 {
		font-size: 3rem;
		padding: 2rem 2rem 0 2rem;
	}
	.casestudies .case p {
		color: #ffffff;
		font-size: 1.8rem;
		line-height: 2rem;
		padding: 1rem 2rem;
	}
	.casestudies .case img {
		width: 100%;
		margin: 2rem auto;
	}
	.casestudies .features2 {
		display: block;
	}
	.casestudies .features2 h2 {
		font-size: 2.4rem;
		padding: 2rem;
		line-height: 2.6rem;
	}
	.casestudies .features3 {
		display: block;
	}
	.casestudies .casetags {
		background: #d044a6;
		margin: 2rem 1rem;
		padding: 5rem 3rem;
	}
	.casestudies .casetags h3 {
		font-size: 3rem;
		line-height: 3.5rem;
		padding-top: 2rem;
	}
	.casestudies .casetags h4 {
		font-size: 2rem;
		line-height: 2.5rem;
		padding-top: 1rem;
		color: #ffffff;
	}
	.casestudies .amazon-head {
		padding: 5rem 1rem;
	}
	.casestudies .amazon-head h2 {
		font-size: 3rem;
		line-height: 3.4rem;
		font-weight: 800;
		padding-left: 2rem;
		color: #bd138a;
	}
	.casestudies .amazon-head span {
		display: block;
		color: #441b68;
	}
	.casestudies .amazon-left {
		padding: 0;
	}
	.casestudies .amazon-left img {
		display: block;
		padding-top: 1rem;
		width: 30rem;
		height: auto;
		margin: 0 auto;
	}
	.casestudies .amazon-right {
		padding: 0 2rem;
		width: 100%;
	}
	.why_choose {
		background: #2f2e35;
		padding: 5rem 2rem;
	}
	.why_choose .client_choose {
		display: block;
		padding: 1rem 1rem;
	}
	.why_choose .client_choose h3 {
		font-size: 2.7rem;
		line-height: 3.5rem;
	}
	.why_choose .clients_sample {
		padding: 2rem 1rem;
	}
	.why_choose .clients_sample img {
		width: 27rem;
		display: block;
		height: auto;
		margin: 0rem auto;
	}
	.why_choose .client_desc {
		padding: 8rem 1rem 3rem 1rem;
		background: #ffffff;
		margin: 3rem 1rem;
	}
	.why_choose .client_desc span {
		padding: 0.8rem 0;
	}
	.why_choose .amazon-head {
		padding: 2rem 0;
	}
	.why_choose .amazon-head h2 {
		font-size: 2.4rem;
		line-height: 2.8rem;
		padding-left: 0;
	}
	.casestudies .foldt2:after {
		border-top: 69px solid #f5f5f5;
	}
}

/* Enterprises Section */
.enterprise {
	position: relative;
	background: #fff;
	padding: 3rem 5rem;
}

.enterprise .ent-bg {
	background: #2f2e35;
	padding: 3rem;
}

.enterprise .foldt5 {
	position: relative;
}

.enterprise .foldt5:before {
	content: "";
	position: absolute;
	top: 0%;
	left: 0%;
	width: 0px;
	height: 0px;
	border-bottom: 69px solid #d044a6;
	border-left: 69px solid transparent;
}

.enterprise .foldt5:after {
	content: "";
	position: absolute;
	top: 0%;
	left: 0%;
	width: 0px;
	height: 0px;
	border-top: 69px solid #ffffff;
	border-right: 69px solid transparent;
}

.enterprise .ent_left {
	display: block;
	color: #ffffff;
	padding: 3rem 4rem;
}

.enterprise .ent_left h1 {
	color: #ffffff;
	font-size: 3rem;
	line-height: 3.5rem;
	padding-top: 2rem;
	font-weight: 700;
	font-family: "helveticaneue-bold";
}

.enterprise .ent_left p {
	color: #ffffff;
	font-size: 2rem;
	padding: 1rem 0;
}

.enterprise .ent_left .ent_button a {
	padding: 1.6rem 4.2rem;
	background: #ffffff;
	font-size: 1.8rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #d044a6;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 0 4rem 0 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 2rem 0;
	float: left;
}

.enterprise .ent_left .ent_button a:hover {
	background: #653c89;
	color: #ffffff;
}

.enterprise .ent_left .ent_button2 a {
	padding: 1.6rem 4.2rem;
	background: #d044a6;
	display: inline;
	font-size: 1.8rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 0 4rem 0 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 2rem 0;
	float: right;
}

.enterprise .ent_left .ent_button2 a:hover {
	background: #653c89;
	color: #ffffff;
}

.enterprise .ent_right {
	margin: 2rem 1rem;
	padding: 8rem 0;
}

.enterprise .ent_right img {
	width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	.navtop {
		display: none;
	}
	.enterprise {
		position: relative;
		background: #fff;
		padding: 3rem 1rem;
	}
	.enterprise .ent_left {
		padding: 3rem 1rem;
	}
	.enterprise .ent_left h1 {
		font-size: 2.5rem;
		line-height: 3rem;
		padding-top: 2rem;
	}
	.enterprise .ent_left p {
		color: #ffffff;
		font-size: 2rem;
		padding: 3rem 0;
	}
	.enterprise .ent_left .ent_button a {
		display: block;
		float: none;
	}
	.enterprise .ent_left .ent_button2 a {
		display: block;
		float: none;
	}
	.subscribe .subscribe_sec input[type="submit"] {
		width: 70%;
	}
	.subscribe .subscribe_sec input,
	.subscribe .subscribe_sec textarea {
		width: 90%;
	}
}
/*# sourceMappingURL=main.css.map */

.main-heading {
	font-size: 4.5rem !important;
	font-weight: 700;
	line-height: 4.5rem !important;
}

p {
	font-size: 1.8rem !important;
}

.search-input {
	border: 1px #b4398f solid;
	width: 300px;
	max-width: 90%;
	padding: 15px;
	border-radius: 15px;
	margin: auto;
}
.search-input input {
	border: 0px;
	outline: 0px !important;
}

.btns {
	margin-top: 50px;
}

.btns button {
	width: 230px;
	margin-top: 15px;
}

.btn-main {
	background-color: #d044a6;
	color: #fff;
}

.btn-purple {
	background-color: #512974;
	color: #fff;
}

.curved-btn {
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	font-weight: 800;
	font-size: 2rem;
	padding: 10px 20px;
}

.curved-btn:hover {
	background: white;
	color: black;
}

.btn-light.curved-btn:hover {
	background: #d044a6;
	border-color: transparent;
}

.referral-container {
	background: #d044a6;
	padding: 40px;
	text-align: center;
}

.referral-input {
	width: 100%;
	margin-top: 10px;
	border: 1px solid #fff;
	background: transparent;
	border-radius: 20px;
	padding: 10px;
	font-size: 1.6rem;
	color: white;
}

.referral-input::placeholder {
	color: white;
}

.referral-content {
	max-width: 900px;
	margin: auto;
}

.referral-container h1 {
	font-size: 4.1rem;
	font-weight: 800;
	color: #4d1e75;
}

.referral-container h5 {
	color: #fff;
}

.referral-container h3 {
	text-align: left;
	font-weight: 800;
	margin-top: 60px;
	color: #4d1e75;
}

.referral-additionals {
	width: 100%;
	margin-top: 10px;
	border: 1px solid #fff;
	background: transparent;
	border-radius: 5px;
	padding: 10px;
	font-size: 1.6rem;
	color: white;
}

.referral-additionals::placeholder {
	color: white;
}

.referral-container .refer_btn {
	margin-bottom: -5rem;
	margin-top: 30px;
}

.referral-container .refer_btn span {
	padding: 1.6rem 4.2rem;
	background: #fff;
	font-size: 1.8rem;
	line-height: 6rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #d044a6;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 1rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 0rem auto 0rem auto;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}

.referral-container .refer_btn a:hover {
	background: #ffffff;
	color: #d044a6;
	border: 1px solid #653c89;
}

.back {
	position: absolute;
	width: 300px;
	max-width: 30%;
	color: white;
	background: #bd138a;
	z-index: 999;
	margin-top: 132px;
	padding: 10px;
	font-size: 1.2rem;
	text-align: right;
	border-bottom-right-radius: 10px;
}

/* HR service */

.hr-intro {
	background: #512974;
	padding: 200px 40px 40px;
	color: white;
}

.hr-intro h1,
.hr-intro h3 {
	font-size: 4rem;
}

.hr-intro h3 {
	color: #bd138a;
}

.hr-intro .content {
	max-width: 800px;
	margin: auto;
}

.hr-intro h1 {
	margin: 10px 0 30px;
	font-size: 4rem;
	font-weight: 700;
}

.hr-intro h3 {
	margin: 30px 0;
	font-weight: bold;
}

.hr-intro p {
	font-size: 1.2rem;
}

.workicon1.image img {
	height: 350px;
	width: 350px;
}

.more.service {
	margin-top: 0px;
}

.more.service h2 {
	font-size: 4rem;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;
}

/* free guide */

.free-guide .foldt2:before {
	content: "";
	position: absolute;
	top: 0%;
	left: 0%;
	width: 0px;
	height: 0px;
	border-bottom: 69px solid #d044a6;
	border-left: 69px solid transparent;
}

.free-guide .foldt2:after {
	content: "";
	position: absolute;
	top: 0%;
	left: 0%;
	width: 0px;
	height: 0px;
	border-top: 69px solid white;
	border-right: 69px solid transparent;
}

.free-guide .foldt3:before {
	content: "";
	position: absolute;
	top: 0%;
	right: 0%;
	width: 0px;
	height: 0px;
	border-bottom: 69px solid #d044a6;
	border-right: 69px solid transparent;
}

.free-guide .foldt3:after {
	content: "";
	position: absolute;
	top: 0%;
	right: 0%;
	width: 0px;
	height: 0px;
	border-top: 69px solid #fff;
	border-left: 69px solid transparent;
}

.free-guide {
	position: relative;
	padding: 100px 30px 40px;
	background: #3e3c3c;
	color: white;
	margin-bottom: 50px;
	height: 600px;
	height: auto;
}

.free-guide h2 {
	font-weight: 700;
	font-size: 4rem;
}

.free-guide .guide-left {
	padding: 10px;
}
.free-guide .guide-left .btns {
	text-align: center;
}
.free-guide .guide-right {
	padding: 10px;
}

.free-guide .guide-right img {
	width: 100%;
}

/* service Intro */

.service-intro .refer_btn {
	margin-bottom: -4rem;
}

.service-intro .refer_btn a {
	padding: 1.6rem 4.2rem;
	background: #d044a6;
	font-size: 1.8rem;
	line-height: 6rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 1rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 2rem auto 2rem auto;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	z-index: 999;
}

.service-intro .refer_btn a.btn-purple {
	background: #512974;
}

.service-intro .refer_btn a:hover {
	background: #ffffff;
	color: #d044a6;
	border: 1px solid #653c89;
}

.service-intro {
	position: relative;
	z-index: 1;
	margin: 0px auto;
	text-align: center;
	margin-top: 140px;
}

.service-intro .refercontent {
	display: block;
	color: #ffffff;
	padding-top: 40%;
	height: 300px;
}

.service-intro .left {
	background: url("../images/asset-10.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

.service-intro .right {
	background: url("../images/asset-8.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

.service-intro .refercontent {
	width: 100%;
}

.service-intro .service-intro h2 {
	padding-top: 220px;
}

/*---- */

.category {
	display: contents;
	font-size: 12.5px;
}

.category a {
	text-transform: uppercase;
	color: #974a8b;
}

/*---- articles -----*/

.articles-intro {
	margin-top: 160px;
	padding: 15px;
	max-width: 1000px;
}

.articles-intro .image {
	position: relative;
}

.articles-intro .image span {
	position: absolute;
	background: #4d1e75;
	margin-top: 0;
	color: white;
	padding: 15px;
	margin-left: 20%;
}

.read_button a {
	padding: 1.6rem 4.2rem;
	background: #b4398f;
	font-size: 1.8rem;
	font-weight: 900;
	text-transform: uppercase;
	color: #ffffff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 0 4rem 0 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 2rem auto 2rem auto;
	float: left;
}

.read_button a:hover {
	background: #fff;
	color: black;
	border: 1px solid #b4398f;
}

.unlock-btn {
	background-color: rgb(65, 62, 62);
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	padding: 15px 40px;
	color: white;
	cursor: pointer;
}

.unlock {
	position: relative;
}

.unlock .m-box::after {
	content: "";
	background: linear-gradient(rgba(256, 256, 256, 0.5), rgba(256, 256, 256, 1));
	width: 100%;
	height: 100%;
	position: absolute;
}

.categories-container {
	margin-top: 50px;
	background: #ff50ca;
	color: white;
	padding: 20px 0;
}

.categories-container .row {
	width: 900px;
	max-width: 90%;
	margin: 30px auto;
}

.categories-container h2 {
	width: 900px;
	max-width: 90%;
	margin: 30px auto;
}

.categories-container li {
	list-style-type: none;
}

.covid .upper-note {
	position: absolute;
	top: -35px;
	left: 40px;
	padding: 10px;
	background: #512974;
	color: #fff;
	width: 120px;
	text-align: center;
}

.article.transparent .col,
.article.transparent .card,
.article.transparent .card-body,
.article.transparent .read_button {
	background: transparent;
	color: white;
}

.login-toggler {
	top: 130px;
	position: absolute;
	color: black;
	z-index: 999;
	background: grey;
	width: 100%;
	text-align: center;
	padding: 10px;
	box-shadow: 1px 1px 15px black;
}
.login-toggler b {
	cursor: pointer;
}
.login-input,
.login-btn {
	border: 1px solid white;
	background: transparent;
	width: 400px;
	max-width: 90%;
	margin: auto;
	margin: 10px;
	padding: 10px;
	border-radius: 30px;
	color: white;
}

.login-input::placeholder {
	color: white;
}
.login-divider {
	padding: 0;
	padding-top: 170px;
	margin: 0;
	color: white;
}
.login-divider .left-row {
	background: #4d1e75;
	padding: 25px;
}

.login-divider .right-row {
	background: #bd138a;
	padding: 25px;
}
.login-divider .left {
	width: 400px;
	max-width: 90%;
	direction: rtl;
	float: right;
}
.login-divider .right {
	width: 600px;
	max-width: 90%;
}
.contact-form input {
	width: 100%;
	margin: 5px 0;
	background: transparent;
	border: 2px solid;
	padding: 5px 10px;
	font-size: 1.3rem;
}
.login-divider select {
	width: 100%;
	background: transparent;
	color: white;
	border: 2px solid;
	padding: 5px 20px;
}

.login-divider img {
	width: 100%;
}

@media (min-width: 768px) {
	.login-divider .image {
		position: relative;
	}
	.login-divider img {
		width: 100%;
		position: absolute;
		right: 0;
		bottom: 0;
	}
}
.login-divider .end {
	margin-top: 50%;
}
.contact-form input::placeholder {
	color: #fff;
}

/*search*/
.m-box {
	margin: 0px;
	margin-top: 150px;
	display: -ms-grid;
	display: grid;
	grid-template-areas: "header header header" "article article article" "guides guides guides" "bar bar bar";
	grid-gap: 50px;
	padding: 10px;
}

.m-box div {
	background-color: #ffffffcc;
	padding: 20px;
	font-size: 25px;
	font-weight: 600;
}

.m-box .title {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	grid-area: header;
}

.m-box .title h1 {
	font-size: 4rem;
	font-weight: 900;
}

.m-box .article {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	grid-area: article;
	padding: 0;
}

.m-box .article h3 {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 900;
}

.m-box .article .card {
	border: none;
}

.m-box .article .card img {
	-webkit-box-shadow: 5px 5px 5px #808080;
	box-shadow: 5px 5px 5px #808080;
}

.m-box .article .card .card-body {
	padding: 0;
}

.m-box .article .card .card-body .card-title {
	font-size: 25px;
	font-weight: 900;
	padding: 5px;
}

.m-box .article .card .card-body .type {
	display: contents;
	font-size: 12.5px;
}

.m-box .article .card .card-body .type a {
	text-transform: uppercase;
	color: #974a8b;
}

.m-box .article .card .card-body .card-text {
	font-size: 25px;
	font-weight: 400;
	padding: 10px;
}

.m-box .article .card .read_button a {
	padding: 1.6rem 4.2rem;
	background: #b4398f;
	font-size: 1.8rem;
	font-weight: 900;
	text-transform: uppercase;
	color: #ffffff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 0 4rem 0 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 2rem auto 2rem auto;
	float: left;
}

.m-box .article .card .read_button a:hover {
	background: #fff;
	color: #000;
	border: 1px solid #b4398f;
}

.m-box .article .card .read_button a {
	background: rgb(90, 89, 89);
}

.m-box .guides {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	grid-area: guides;
	padding: 0;
}

.m-box .guides h3 {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 900;
}

.m-box .guides .card {
	border: none;
}

.m-box .guides .card img {
	-webkit-box-shadow: 5px 5px 5px #808080;
	box-shadow: 5px 5px 5px #808080;
}

.m-box .guides .card .card-body {
	padding: 0;
}

.m-box .guides .card .card-body .card-title {
	font-size: 25px;
	font-weight: 900;
	padding: 5px;
}

.m-box .guides .card .card-body .card-text {
	font-size: 25px;
	font-weight: 400;
	padding: 10px;
}

.m-box .guides .card .download_button a {
	padding: 10px;
	background: #b4398f;
	font-size: 1.8rem;
	font-weight: 900;
	text-transform: uppercase;
	color: #ffffff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 0 4rem 0 4rem;
	outline: none;
	margin: 2rem auto 2rem auto;
	float: left;
	width: -webkit-fill-available;
	text-align: center;
}

.m-box .guides .card .download_button a:hover {
	background: #fff;
	color: black;
	border: #b4398f 1px solid;
}

.m-box .search-bar {
	-ms-grid-row: 4;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	grid-area: bar;
}
/*# sourceMappingURL=b-style.css.map */
/*privacy_policy*/
.pp-main {
	margin: 135px 0 50px 0;
	padding-bottom: 100px;
	background-color: #323237;
	color: #ffffff;
}

.pp-main .btn-final {
	width: 31.5%;
	background-color: #b546a0;
	border-radius: 0 0 1.5rem 0;
	color: #ffffff;
}

.pp-main .btn-final:hover {
	background: #653c89;
	color: white;
}

.pp-main .center {
	margin: auto;
	width: 63%;
	padding: 10px;
}

.pp-main .center h1 {
	font-size: 4rem;
	font-weight: 700;
}

.pp-main .center p {
	font-size: 1.2rem;
	font-weight: 10;
	margin-top: 20px;
	line-height: 1.6;
}

.pp-main .center .question {
	margin: 75px 0;
}

.pp-main .center .question h3 {
	color: #b249a4;
	font-size: 4rem;
}

.pp-main .center .question .p-side {
	margin-left: 10px;
}

.pp-main .center .reach_button a {
	width: 175px;
	padding: 1.2rem 30px;
	background: #b4398f;
	font-size: 1.2rem;
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 4rem 0;
	outline: none;
	margin: auto;
	float: left;
}

.pp-main .center .reach_button a:hover {
	background: #653c89;
	color: white;
}
/*# sourceMappingURL=privacy-policy.css.map */
/*topic*/
.topic {
	background-color: #ffffff;
	padding: 20px;
}

.topic .t_header .t_cat a {
	color: #b94aa7;
	font-size: 1.5rem;
	font-weight: 900;
}
.topic .topic-image img {
	width: 100%;
}

@media (min-width: 768px) {
	.topic .topic-image {
		float: right;
		width: 70%;
	}
}

.topic .t_header .t_head h1 {
	font-size: 4.5rem;
	font-weight: 800;
	color: #5c3e85;
}

.topic .t_header .para h2 {
	font-size: 4.5rem;
	color: #5c3e85;
	font-weight: 800;
}

.topic .tp_last h3 {
	color: #b94aa7;
	font-size: 2.5rem;
	font-weight: 800;
}
.cont_button {
	background: #fff;
	padding: 0;
}
.topic .cont_button a {
	padding: 10px;
	font-size: 1.8rem;
	font-weight: 900;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 4rem 0 4rem 0;
	outline: none;
	display: inline-block;
	margin: 10px;
	width: fill-available;
}

.topic .cont_button .in_touch {
	margin-right: 0.25rem;
	border: 0.25rem solid #5c3e85;
	color: #5c3e85;
}

.topic .cont_button .in_touch:hover {
	background: #653c89;
	color: white;
}

.topic .cont_button .call {
	margin-right: 0.25rem;
	margin-left: 0.75rem;
	background: #323237;
	color: #ffffff;
	border: 0.25rem solid #323237;
	border-radius: 4rem;
}

.topic .cont_button .call span {
	color: #b94aa7;
}

.topic .cont_button .send {
	margin-left: 0.25rem;
	background-color: #b94aa7;
	color: #ffffff;
}

.topic .cont_button .send:hover {
	background: #fff;
	color: black;
	border: #b94aa7 1px solid;
}

.more_a a {
	background: #323237;
	color: #ffffff;
	border: 0.25rem solid #323237;
	padding: 1.6rem 4.2rem;
	font-size: 1.8rem;
	font-weight: 900;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 0 4rem 0 4rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 2rem auto 2rem auto;
	float: left;
}

.referus .refer_btn span {
	padding: 1.6rem 4.2rem;
	background: #ffffff;
	font-size: 1.8rem;
	line-height: 6rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #d044a6;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 1rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	outline: none;
	margin: 2rem auto 2rem auto;
}

.referus .refer_btn span:hover {
	background: #d044a6;
	color: #fff;
	border: 1px solid #653c89;
}

.cookie-container {
	display: flex;
	align-content: center;
	align-items: center;
	padding: 1rem 2rem;
	background: #dc7008;
	z-index: 9999;
	color: white;
	position: fixed;
	bottom: 0;
	font-size: 1.8rem;
	gap: 2rem;
	opacity: 1;
	visibility: visible;
	flex-wrap: wrap;
}

.cookie-container.hide {
	opacity: 0;
	visibility: hidden;
}

.cookie-container a {
	color: white;
}

.cookie-container a:hover {
	color: #222;
}

.cookie-container .cookie-text {
	flex: 8 768px;
}

.cookie-container .agree {
	flex: 1 150px;
	text-align: center;
}

.agree button {
	background: #fff;
	color: #333;
	border: none;
	padding: 1rem 2.5rem;
	cursor: pointer;
	border-radius: 20px;
	font-size: 1.8rem;
}

.agree button:hover {
	background: black;
	color: white;
}
.modal-content {
	border: 1px solid rgb(0, 0, 0) !important;
}