input::placeholder {
	color: #000;
}
/* ria */
.thankyou h6{
	font-size: 1.35rem;
    font-weight: 600;
	margin:1rem 0;
}
.thankyou .thankupage-content{
	    background: #fff;
    padding: 38px 25px 56px;
    box-shadow: 0 0 10px #00000026;
    border-radius: 10px;
}
.thankyou h1{
	font-size: 2.157rem;
}
@media screen and (max-width: 3840px) {

	.form  .cssbuttons-io-button .icon {
		right: 0.5em;
	}
	.banner p {
		line-height: 28px;
	}
	.banner .icon9 {
		top: 7rem;
		right: 40%;
		width: 5rem;
	}
	.banner {
		padding-top: 8.5rem;
		padding-bottom: 5rem;
	}
	header .logo {
		position: relative;
		left: -1.875rem;
		width: 10rem;
		display: inline-block;
	}
	.banner .icon10 {
		top: 28%;
		left: 40%;
		width: 1rem;
	}
	.banner p {
		font-size: 1.7rem;
	}
	.form p br {
		display: none !important;
	}
	form .cssbuttons-io-button {
		max-width: 7.875rem;
		width: 100%;
	}
	.weDo .box p {
		min-height: 7rem;
	}
	.wpcf7 form .wpcf7-response-output {
		margin: 0 0.5em 1em !important;
		padding: 1em 1em !important;
		border: 1px solid #00a0d2;
		text-align: center;
		border-radius: 0.5rem !important;
	}
	.banner {
		padding-top: 9rem;
	}
	.logo {
		position: relative;
		left: -1.875rem;
	}
	.cssbuttons-io-button .icon {
		right: 1em;
	}
	.cssbuttons-io-button:hover .icon {
		width: calc(100% - 0.5em);
		background: #0d783d;
		right: 0.3rem;
	}
	.form-control,
	.form-select {
		border-radius: 0.625rem;
	}
	.accordion-button {
		border-bottom: #bab8b8 1px solid !important;
	}
	.callbox h3 {
		font-size: 2.875rem;
		line-height: 3.125rem;
	}
	.callbox {
		background: #0d783d;
		padding: 2rem 2rem;
		border-radius: 1.875rem;
	}
	.callbox .cssbuttons-io-button {
		max-width: 9.2rem;
	}
	footer h5 {
		font-weight: 600;
		line-height: 1.5rem;
	}
	footer {
		margin-top: -3.5rem;
	}
}

@media screen and (max-width: 2560px) {
	.swiper-progress-bar {
		-moz-transform: rotate(90deg) translateY(-13.625rem);
		-webkit-transform: rotate(90deg) translateY(-13.625rem);
		-o-transform: rotate(90deg) translateY(-13.625rem);
		-ms-transform: rotate(90deg) translateY(-13.625rem);
		transform: rotate(90deg) translateY(-13.625rem);
	}
	.form::before,
	.form::after {
		width: 15%;
	}
	.why .logoSec .box2 .circleBox .brand4 {
		left: 21%;
		width: 6rem;
		top: 38%;
	}
	.why .logoSec .box2 .circleBox .brand5 {
		right: 18%;
		width: 6rem;
		top: 42%;
	}
	.why .logoSec .box2 .behindShadow {
		width: calc(80% - 7rem);
		height: calc(85% - -5rem);
	}
	.weDo .box p {
		padding-right: 1rem;
	}
	.why .testiSlider p {
		font-weight: 500;
	}
}
@media screen and (max-width: 1920px) {
	h1,
	.heads {
		line-height: 3.125rem;
	}
	h3 {
		line-height: 3.125rem;
	}
	.why p {
		line-height: 1.625rem;
		margin-bottom: 0;
	}
	.why ul li {
		line-height: 3rem;
		margin-bottom: 0;
	}
	.why ul li i {
		top: 1.15rem;
	}
	.form::before,
	.form::after {
		width: 19%;
	}
	.banner .icon1 {
		top: 9%;
		left: 21%;
		width: 8rem;
	}
	.form .certificate {
		position: absolute;
		right: 2rem;
		top: 0rem;
		display: inline-block;
		width: 9rem;
	}
	.why .testiSlider {
		padding: 3.1rem 2rem;
	}
	.why .testiSlider p {
		width: 72%;
	}
	.banner .icon3 {
		bottom: 12%;
		left: 3%;
		width: 5.3rem;
	}
	.banner .icon4 {
		bottom: 13%;
		left: 35%;
		width: 2rem;
	}
	.swiper-progress-bar {
		transform: rotate(90deg) translateY(-9.8rem);
	}
	h3 {
		line-height: 3.125rem;
		margin: 0;
	}
	.weDo .box h3 {
		line-height: 2.25rem;
		margin-bottom: 0 !important;
		margin-top: 1rem !important;
	}
	.why ul li i {
		font-size: 0.7rem;
	}
	.why .testiSlider {
		max-width: 71.563rem;
	}
}

@media screen and (max-width: 1680px) {
	.form::before,
	.form::after {
		width: 15%;
	}
	.banner .icon3 {
		bottom: 2%;
		left: 3%;
		width: 5.3rem;
	}
	.banner .icon4 {
		bottom: 3%;
		left: 35%;
		width: 1.5rem;
	}
	.swiper-progress-bar {
		transform: rotate(90deg) translateY(-8.2rem);
	}
	.weDo .box p {
		padding-right: 0;
	}
	.why .testiSlider {
		max-width: 60.563rem;
	}
}

@media screen and (max-width: 1440px) {
	h2 {
		font-size: 3rem;
		line-height: 1;
		font-weight: bold;
	}
	.banner p {
		font-size: 1.2rem;
	}
	.weDo .box {
		font-size: 1rem;
	}
	.why p {
		font-size: 1rem;
	}
	.why ul li {
		font-size: 0.9rem;
	}
	.why .logoSec .box2 .mySwiper .heads {
		font-size: 2.575rem;
		margin-top: 4rem;
	}
	.why .logoSec .box2 h3 {
		font-size: 1.575rem;
	}
	.why .testiSlider p {
		font-size: 0.9999rem;
		width: 65%;
	}
	.weDo.action .box {
		font-size: 1rem;
	}
	.form::before,
	.form::after {
		width: 15%;
		top: 7%;
	}
	.swiper-progress-bar {
		transform: rotate(90deg) translateY(-6.8rem);
	}
	.callbox h3 {
		font-size: 2.3rem;
		line-height: 3.125rem;
	}
	::-webkit-input-placeholder {
		color: #f00;
	}
	::-moz-placeholder {
		color: #f00;
	} /* firefox 19+ */
	:-ms-input-placeholder {
		color: #f00;
	} /* ie */
	input:-moz-placeholder {
		color: #f00;
	}
	.wpcf7-not-valid-tip {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 1366px) {
	.why .logoSec .box2 .behindShadow {
		width: calc(80% - 1rem);
		height: calc(85% - -5rem);
	}
	.swiper-progress-bar {
		transform: rotate(90deg) translateY(-6.3rem);
	}
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1200px) {
	h2 {
		font-size: 3rem;
	}
	.banner p {
		font-size: 1rem;
	}
	.cssbuttons-io-button {
		font-size: 0.8rem;
		max-width: 13.875rem;
		height: 3rem;
	}
	h1,
	.heads {
		font-size: 2.5rem;
	}
	h3 {
		font-size: 1.5rem;
	}
	.why .logoSec .box2 .behindShadow {
		width: calc(100% - 14rem);
		height: calc(100% - 0rem);
	}
}
@media screen and (max-width: 1156px) {
	h2 {
		font-size: 2.5rem;
	}
	h1,
	.heads {
		font-size: 2.1rem;
	}
	h3 {
		font-size: 1.3rem;
	}
	.why .logoSec .box2 .behindShadow {
		width: calc(100% - 5rem);
		height: calc(100% - 0rem);
	}
}
@media screen and (max-width: 1024px) {
	h2 {
		font-size: 2rem;
	}
	.banner p {
		margin: 1rem 0;
	}
	.weDo .box {
		font-size: 0.85rem;
	}
	.form .certificate{
		        right: 0rem;
	}
	.callbox h3 {
    font-size: 2.2rem;
}
}

@media screen and (max-width: 991px) {
	h1,
	.heads {
		font-size: 1.8rem;
	}
	h3,
	h5 {
		font-size: 1.1rem;
	}
	.logo a{
		display: inline-block;
	}
	.why .logoSec .box2 .circleBox {
		max-width: 51.75rem;
		min-height: 23rem;
		min-height: 16rem;
	}
	.why .testiSlider {
		margin: -5rem auto 0;
		padding: 2rem 1rem;
		max-width: 40.563rem;
	}

	.why .logoSec .box2 .circleBox .brand1 {
		width: 4rem;
		top: 4%;
	}
	.why .logoSec .box2 .circleBox .brand2 {
		left: 27%;
		width: 6rem;
		top: 9%;
	}
	.why .logoSec .box2 .circleBox .brand3 {
		right: 25%;
		width: 4rem;
		top: 18%;
	}
	.why .logoSec .box2 .circleBox .brand4 {
		left: 21%;
		width: 4rem;
		top: 35%;
	}
	.why .logoSec .box2 .circleBox .brand5 {
		right: 18%;
		width: 5rem;
		top: 36%;
	}
	.why .logoSec .box2 .mySwiper .heads {
		font-size: 1.8rem;
		margin-top: 0rem;
	}
	img.img-fluid.users {
		width: 5rem;
	}
	.why .testiSlider p {
		font-size: 0.8rem;
		width: 65%;
	}
	.why .testiSlider p span.q2,
	.why .testiSlider p span.q1 {
		width: 2rem;
		display: inline-block;
	}
	.why .testiSlider p span.q1 {
		top: -0.5rem;
		left: -2rem;
	}
	.form .certificate {
		position: absolute;
		right: -3rem;
		top: 0rem;
		display: inline-block;
		width: 7rem;
	}
	.form-control,
	.form-select {
		font-size: 0.7rem;
	}
	.callbox {
		background: #0d783d;
		padding: 1rem 2rem;
	}
	.accordion-button {
		font-size: 1rem;
	}
	.why .logoSec .box2 h3 {
		font-size: 1em;
	}
	.weDo .box p {
		font-size: 0.9rem;
	}
	.callbox h3{
		font-size: 1.3rem;
		line-height: 2.125rem;
	}
	.thankyou h1 {
    font-size: 1.900rem;
}
	.thankyou h6 {
    font-size: 1.15rem;
    margin: 0.44rem 0;
}
}

@media screen and (max-width: 820px) {
	.form .certificate {
		position: absolute;
		right: 0rem;
		top: 0rem;
		display: inline-block;
		width: 5rem;
	}
}

@media screen and (max-width: 768px) {
	.weDo .box p {
    min-height: 125px;
}
}

@media screen and (max-width: 767px) {
	.form-control,
	.form-select {
		font-size: 0.9rem;
	}
	.why .logoSec .box2 {
		padding: 2rem 0 0;
	}
	.why .logoSec .box2 .circleBox {
		max-width: 51.75rem;
		min-height: 14rem;
	}
	.why .logoSec .box2 .behindShadow {
		right: 0;
		position: absolute;
		left: -17px;
		top: -26px;
		content: "";
		width: calc(100% + 2rem);
		height: calc(100% + 2rem);
	}
	.why .logoSec .box2 .circleBox .brand4 {
		left: 21%;
		width: 3rem;
		top: 35%;
	}
	.why .logoSec .box2 .circleBox .brand2 {
		left: 26%;
		width: 5rem;
		top: 12%;
	}
	.why .logoSec .box2 .circleBox .brand5 {
		right: 19%;
		width: 3.5rem;
		top: 37%;
	}
	.why .logoSec .box2 .circleBox .brand3 {
		right: 26%;
		width: 3rem;
		top: 22%;
	}
	.why .logoSec .box2 .mySwiper .heads {
		font-size: 1.4rem;
		margin-top: 0rem;
	}
	.why .testiSlider {
		margin: -5rem auto 0;
		padding: 2rem 1rem 1rem;
		max-width: 40.563rem;
	}
	.why .testiSlider h6 {
		font-size: 1rem;
	}
	.why .testiSlider .swiper-button-next,
	.why .testiSlider .swiper-button-prev {
		width: 2.438rem;
		height: 2.438rem;
		background-size: 100%;
	}
	.banner .swiper .row {
		flex-direction: column-reverse;
		text-align: center;
	}
	.banner .swiper h2 {
		margin-top: 1rem;
	}
	.banner .swiper h2 br {
		display: none;
	}
	.banner span {
		text-align: center;
	}
	.banner .cssbuttons-io-button {
		margin: 0 auto;
	}
	.mt-5 {
		margin-top: 1rem !important;
	}
	.mt-4 {
		margin-top: 1.1rem !important;
	}
	.form .certificate {
		right: -2rem;
	}
	.callbox {
		display: block;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.callbox span {
		display: block;
		margin: 0 auto;
	}
	.callbox .call {
		position: absolute;
		left: 83%;
		top: -3rem;
	}
	.pb-5 {
		padding-bottom: 2rem !important;
	}
	.pt-5 {
		padding-bottom: 2rem !important;
	}
	h3 {
		margin: 0.8rem 0;
	}
	.logo {
		width: 8rem;
		display: inline-block;
	}
	.weDo .box h3 {
		margin-top: 1rem;
		line-height: 1.4;
	}
	.why .box:after {
		display: none;
	}
	h3,
	h5 {
		font-size: 1.3rem;
	}
	header .logo, footer .logo {
		left: 0rem;
	}
}

@media screen and (max-width: 667px) {
}

@media screen and (max-width: 575px) {
	.why .logoSec .box2 .circleBox {
		max-width: 51.75rem;
		min-height: 12rem;
	}
	img.img-fluid.users {
		width: 4rem;
	}
	.why .testiSlider {
		margin: -5.5rem auto 0;
	}
	.why .logoSec .box2 .mySwiper .heads {
		font-size: 1.3rem;
		margin-top: 0rem;
	}
	.why .logoSec .box2 h3 {
		font-size: 0.7em;
	}
	.why .testiSlider {
		border-radius: 1rem;
		-webkit-border-radius: 1rem;
		-moz-border-radius: 1rem;
		-ms-border-radius: 1rem;
		-o-border-radius: 1rem;
	}
	h1,
	.heads {
		font-size: 1.4rem;
	}
	.form .certificate {
		right: 0;
		width: 4rem;
	}
	.cols {
		width: 50%;
		float: left;
	}
	body,
	footer li a {
		font-size: 0.9rem;
		line-height: 1.6 !important;
	}
	footer {
		padding: 4rem 0 1rem;
	}
	.callbox .call {
		left: 0;
		right: -15px;
		margin: 0 auto;
		top: -1.5rem;
	}
	.callbox{
		margin-top: 35px;
	}
	
	.why .logoSec .box2 .circleBox {
		max-width: 51.75rem;
		min-height: 15rem;
	}
	.banner .icons {
		display: none;
	}
	.accordion-button {
		font-size: 1.1rem;
		line-height: 1.2;
	}
	h1,
	.heads {
		font-size: 1.4rem;
		line-height: 1.3;
	}
	.why .logoSec .box2 .circleBox .brand2 {
		left: 26%;
		width: 6rem;
		top: 12%;
	}
	.why .logoSec .box2 .circleBox .brand4 {
		left: 21%;
		width: 4rem;
		top: 35%;
	}
	.why .logoSec .box2 .circleBox .brand5 {
		right: 19%;
		width: 4.5rem;
		top: 37%;
	}
	.weDo .box p {
		min-height: auto;
	}
	.why .box img,
	.why .logoSec .box2 {
		border-radius: 2rem;
		-webkit-border-radius: 2rem;
		-moz-border-radius: 2rem;
		-ms-border-radius: 2rem;
		-o-border-radius: 2rem;
	}
	.callbox span {
		display: flex !important;
		justify-content: center;
	}
	footer li a {
		padding-left: 1.2rem;
	}
	.why ul {
		padding-left: 1rem;
	}
	 h3 {
    line-height: 2.10rem;
}
	.thankyou{
		padding: 162px 0 92px !important;
	}
	.thankyou h1 {
    font-size: 1.4rem;
}
	.thankyou .thankupage-content {
    padding: 16px 13px 19px;
}
	.thankupage-content p br{
		display:none;
	}
	.thankyou h6 {
    font-size: 1rem;
}
	
}
@media screen and (max-width: 480px) {
	.why .logoSec .box2 .circleBox {
		max-width: 51.75rem;
		min-height: 15rem;
		clip-path: circle(50% at 50% 76%);
	}
	.why .logoSec .box2 .behindShadow {
		top: -57px;
	}
	.why .logoSec .box2 .circleBox .brand2 {
		left: 19%;
		width: 6rem;
		top: 15%;
	}
	.why .logoSec .box2 h3 {
		font-size: 1.2em;
	}
	.why .logoSec .box2 .circleBox .brand4 {
		left: 16%;
		width: 5rem;
		top: 53%;
	}
	.why .logoSec .box2 .circleBox .brand3 {
		right: 21%;
		width: 4rem;
		top: 22%;
	}
	.why .logoSec .box2 .circleBox .brand5 {
		right: 14%;
		width: 6rem;
		top: 52%;
	}

	.why .testiSlider {
		margin: -2.5rem auto 0;
	}
	.why .testiSlider .swiper-button-next,
	.why .testiSlider .swiper-button-prev {
		width: 2rem;
		height: 2rem;
		background-size: 100%;
	}
	.why .swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		left: var(--swiper-navigation-sides-offset, 0px);
		right: auto;
	}
	.why .swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		right: var(--swiper-navigation-sides-offset, 0px);
		left: auto;
	}
	.why .testiSlider p {
		font-size: 0.9rem;
		width: 73%;
	}
	.form .certificate {
		top: -2.8rem;
		width: 3rem;
	}
	.mb-4 {
		margin-bottom: 1rem !important;
	}
	.cols {
		width: 100%;
		float: left;
	}
	h3,
	h5 {
		font-size: 1.4rem;
	}
	.why .testiSlider p {
		font-size: 0.9rem;
		width: 64%;
	}
	.callbox .cssbuttons-io-button {
    max-width: 8rem;
}
	form .cssbuttons-io-button {
    max-width: 6.875rem;
  
}
}
@media screen and (max-width: 414px) {
	.why .logoSec .box2 .circleBox .brand4 {
		left: 16%;
		width: 5rem;
		top: 57%;
	}
	.why .logoSec .box2 .circleBox .brand1 {
		width: 3rem;
		top: 12%;
	}
	.callbox {
		background: #0d783d;
		padding: 1rem 1rem;
	}
	.why .logoSec .box2 .mySwiper .heads {
		font-size: 1.3rem;
		margin-top: 1.5rem;
	}
}

@media screen and (max-width: 390px) {
	.why .logoSec .box2 .circleBox {
		max-width: 51.75rem;
		min-height: 13rem;
		clip-path: none;
		border-radius: 2rem 2rem 0 0;
		-webkit-border-radius: 2rem 2rem 0 0;
		-moz-border-radius: 2rem 2rem 0 0;
		-ms-border-radius: 2rem 2rem 0 0;
		-o-border-radius: 2rem 2rem 0 0;
	}
	.why .logoSec .box2 .behindShadow {
		display: none;
	}
	.why .logoSec .box2 .circleBox .brand1 {
		width: 4rem;
		top: 3%;
	}
	.why .logoSec .box2 .circleBox .brand2 {
		left: 9%;
		width: 5rem;
		top: 4%;
	}
	.why .logoSec .box2 .circleBox .brand5 {
		right: 3%;
		width: 5rem;
		top: 28%;
	}
	.why .logoSec .box2 .circleBox .brand4 {
		left: 6%;
		width: 4rem;
		top: 29%;
	}

	.why .logoSec .box2 .circleBox .brand3 {
		right: 25%;
		width: 2.5rem;
		font-weight: 200;
	}
	.why .logoSec .box2 .circleBox .brand3 {
		right: 8%;
		width: 3.5rem;
		top: 10%;
	}
	.banner p {
		font-size: 0.9rem;
	}
	.banner p {
		font-size: 0.9rem;
	}
	form .cssbuttons-io-button {
		max-width: 6.875rem;
	}
	.cssbuttons-io-button {
		font-size: 0.8rem;
		max-width: 7.875rem;
		height: 3rem;
	}
	.banner .cssbuttons-io-button {
		font-size: 0.8rem;
		max-width: 14.875rem;
		height: 3rem;
	}
	.thankyou .cssbuttons-io-button {
    max-width: 12.875rem;
}
}

@media screen and (max-width: 320px) {
	.why .logoSec .box2 .mySwiper .heads {
		font-size: 1.2rem;
		margin-top: 2rem;
	}
}