/* add by abhi font-family */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/************************************************ section one start here ******************************************************/
.weocomePpc {
	padding-top: 0px;
}
.topSecBanSmp .titleContPages{
	font-size: 54px;
	line-height: 65px;
	color: #000;
	font-weight: 600;
}
.smpBannerContent .titleContPages span {
	color: #000000;
	font-weight: 300;
}
.smpBannerContent .titleContPages span.ttlSub {
	color: #4acd0f;
	font-weight: 600;
	width: 100%;
    display: block;
}
.crStiTle {
	width: 100%;
	float: left;
	margin-bottom: 18px;
}
.smpBannerOuter {
}
.getMoreBottom {
	display: flex;
}
.leftGetMoreSlideOuter {
}
.titleDescSMP h3 {
	font-size: 23px;
	line-height: 30px;
	color: #060606;
	font-weight: 500;
	font-family: "Poppins";
	max-width: 280px;
	padding-bottom: 5px;
}
.outerCircle h3 {
	font-size: 16px;
	color: #060606;
	font-weight: 500;
	font-family: "Poppins";
}
.outerCircle p {
	font-size: 14px;
	line-height: 24px;
	color: #707070;
	font-weight: 400;
	font-family: "Poppins";
}

.borderSec {
	display: flex;
	gap: 2px;
}
.borderSec span:nth-child(1) {
	background: #e41b23;
}
.borderSec span {
	width: 22px;
	height: 3px;
	border-radius: 2px;
	background: #c6c6c6;
	transition: all 0.5s ease;
}
.borderSec span:hover {
	background: #e41b23;
}

.titleDescSMP .titleBoxOne {
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
}
.titleDescSMP p {
	font-size: 17px;
	line-height: 24px;
	color: #202227;
	font-weight: 300;
	font-family: "Poppins";
}
.smpBannerContent .titleDescSMP p {
}



.progreCirSmpBanOuter{
	display: flex;
}

    .banSmpProgress {
      position: relative;
      width: 132px;
      height: 132px;
    }

    .banSmpProgress svg {
      transform: rotate(-90deg);
      width: 132px;
      height: 132px;
	  overflow: visible;
    }

    .smpProgressBg {
      stroke: #52bd3c;
    }

    .smpBanProBar {
      stroke: url(#grad);
      stroke-linecap: round;
      /* transition: stroke-dashoffset 1s ease; */
	  transition: all 0.5s ease;
      transform: rotate(21deg) translate(15px, -22px);
    }
.weocomePpc.active .smpBanProBar{
animation: banCirPro 1s 0.5s forwards;
}
@keyframes banCirPro {
	0%{
		stroke-dasharray: 282.743;
		stroke-dashoffset: 281.372;	
	}
	100%{
	stroke-dasharray: 282.743;
	stroke-dashoffset: 141.372;	
	}
}
    .centerSmpBanText {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
      font-weight: bold;
      color: #0066cc;
    }



.circleAreaPie {
	width: 133px;
	height: 133px;
	border-radius: 100%;
	position: relative;
	border: 23px solid #53be3d;
	z-index: -1;
}
.circleAreaPie:after {
	width: 133px;
	height: 133px;
	border-radius: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border: 23px solid #1e88e5;
	border-top-color: transparent;
	border-left-color: transparent;
	transform: rotate(90deg);
	top: -23px;
	left: -23px;
	transition: all 0.5s ease;
}
.weocomePpc.fp-completely .circleAreaPie:after {
	animation: rotateCurve 2s 0.5s forwards;
}
@keyframes rotateCurve {
	0% {
		transform: rotate(90deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.rightCustomAudience {
	display: flex;
	flex-direction: column;
	position: relative;
}
.circleInner {
	display: flex;
}
.titleBoxCircleMark {
	width: 150px;
	height: auto;
	border-radius: 9px;
	filter: drop-shadow(0px 2px 3px rgba(2, 2, 2, 0.17));
	background-color: #ffffff;
	padding: 8px 13px;
	display: flex;
	position: absolute;
	bottom: 13px;
	left: 25px;
}
.titleBoxCircleMark ul li {
	font-size: 14px;
	line-height: 24px;
	color: #202227;
	font-weight: 400;
	font-family: "Poppins";
	position: relative;
	padding-left: 18px;
}
.titleBoxCircleMark ul li:after {
	width: 9px;
	height: 9px;
	border-radius: 100px;
	background: #50be3b;
	content: "";
	left: 0;
	top: 8px;
	position: absolute;
}
.titleBoxCircleMark ul li:nth-child(2):after {
	background: #1873e8;
}

.cixs {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: linear-gradient(to bottom right, #6fcf97, #56ccf2);
	position: relative;
	overflow: hidden;
}

.cixs::after {
	content: "";
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: 20px solid #1e88e5;
	border-top-color: transparent;
	border-left-color: transparent;
	transform: rotate(45deg);
	top: 15px;
	left: 15px;
}

.titleDescSMP {
	position: relative;
	padding-right: 25px;
	margin-right: 25px;
	width: 392px;
}
.titleDescSMP:after {
	width: 1px;
	height: 100%;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background: #cccccc;
}
.crSMPBannerLeft {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.welcomeCrSmp {
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	position: relative;
	padding: 80px 70px 60px;
}
.bannerAreaSmp {
	width: 55%;
	height: 100%;
	float: right;
	position: relative;
	right: 0px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.bannerImgArea {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	bottom: 0px;
	top: 0px;
	transform: translateY(0px);
}
.bannerImgArea img {
	width: 100%;
	height: 100%;
	position: relative;
	bottom: -0px;
	object-fit: contain;
	object-position: bottom;
}
.smpBannerOuter {
	width: 100%;
	display: flex;
	position: relative;
	justify-content: space-between;
}
.smpBannerContent {
	padding-top: 85px;
	padding-bottom: 0px;
}
.innerSmp {
	width: 100%;
	float: left;
	height: 100%;
}
.butCrSmp {
	width: 100%;
	float: left;
	position: relative;
}

.consuLtUs h2 {
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	transition: all 0.5s ease;
}

.weocomePpc.active .consuLtUs h2 {
	animation: fDleft 1.5s 0.5s forwards;
	transition: all 0.5s ease;
}

@keyframes fDleft {
	0% {
		transform: translate(-100%, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
.consuLtUs:hover h2 {
	color: #000000;
}
.cirCleBox {
	width: 50px;
	height: 50px;
	border-radius: 100px;
	background: #ffa133;
	position: relative;
	display: flex;
	align-items: center;
	transition: all 0.5s ease;
}
.consuLtUs:hover .cirCleBox {
	background: #ffa133;
}
.arrowAnix {
	width: 44px;
	height: 44px;
	object-fit: contain;
	left: 0px;
	position: relative;
	animation: arrLeftrt 1s 1s infinite;
	transition: all 0.5s ease;
	transform: translateX(-25px);
}
@keyframes arrLeftrt {
	0%,
	100% {
		transform: translateX(-25px);
	}
	50% {
		transform: translateX(-10px);
	}
}
.consuLtUs {
	display: flex;
	align-items: center;
	gap: 5px;
	text-decoration: none !important;
	overflow: hidden;
}
.smpBannerContent p {
	padding: 0;	
	width: 100%;
}
.smpBannerContent .crSdescTop  p {
	max-width: 649px;	
}

.local-cr-seo {
	width: 100%;
	float: left;
	padding: 0px 55px;
}
.local-seo {
	margin: 0;
	overflow: hidden;
	width: 100%;
	padding-top: 130px;
}
.mainSeoHeading ul {
	display: flex;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	gap: 20px;
}
.mainSeoHeading ul li {
	font-size: 17px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	display: flex;
	margin: 0;
	padding: 0;
	color: #0765d0;
	position: relative;
}
.mainSeoHeading ul li:after {
	width: 2px;
	height: 16px;
	position: absolute;
	content: "";
	background: #0765d0;
	right: -11px;
	top: 1px;
}
.mainSeoHeading ul li:last-child:after {
	display: none;
}
.mainSeoHeading ul li:nth-child(1) {
	padding: 0;
}
.mainSeoHeading {
	width: auto;
	float: left;
	display: flex;
	gap: 19px;
	flex-direction: column;
}
.gseoTtlArea {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.globalSeoAgency {
	display: flex;
	flex-direction: column;
	position: relative;
	top: -12px;
	width: 530px;
}
.globalSeoAgency h3 {
	color: #e55447;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.3px;
}
.globalSeoAgency ul li {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin-top: 4px;
	color: #000;
	text-transform: capitalize;
	border: none;
	padding: 0px;
}
.local-benifit-content ul li {
}

.smpBanConArea {
	width: 100%;
	float: left;
	margin-top: 15px;
	position: relative;
	left: -20px;
}
.smpContInfo {
	display: flex;
	gap: 0px;
}
.smpContInfo li {
	width: 65px;
	height: 65px;
}
.smpContInfo li a {
	width: 100%;
	height: 100%;
	border-radius: 100px;
	transition: all 0.5s ease;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.smpContInfo li a:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	/* background:#000; */
	left: 0;
	top: 0;
	z-index: -1;
	border-radius: 100px;
	opacity: 0;
	transform: scale(0);
	transition: all 0.5s ease;
}
.smpContInfo li.microTeam a:after {
	background: #464eb8;
	opacity: 0.2 !important;
}
.smpContInfo li.liveChat a:after {
	background: #3d85d4;
	opacity: 0.2 !important;
}

.smpContInfo li.telBg a:after {
	background: #feedd4;
}
.smpContInfo li.mailBg a:after {
	background: #fed2cf;
}
.smpContInfo li.whBg a:after {
	background: #c9ffcb;
}
.smpContInfo li.formBg a:after {
	background: #f5e9fd;
}
.smpContInfo li:hover a:after {
	transform: scale(1);
	opacity: 1;
}

.smpContInfo li img {
	width: 25px;
	transition: all 0.5s ease;
}
.smpContInfo li.microTeam img {
	width: 30px;
}
.smpContInfo li.liveChat img {
	width: 30px;
}

.button_content {
	width: 100%;
	float: left;
}
.button_content h3 {
	color: #0765d0;
	font-weight: 600;
	width: 100%;
	float: left;
	margin-bottom: 5px;
	position: relative;
	z-index: 1;
	max-width: 255px;
	font-size: 24px;
	line-height: 32px;
}
.button_content h3:after {
	width: 70px;
	height: 1px;
	z-index: -1;
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	border-top: 1px solid #000;
}
/* animation */
.circleThreeBox {
	width: 110px;
	height: 145px;
	position: absolute;
	left: -15px;
	bottom: 65px;
	z-index: -1;
}
.circleOne {
	background: #a7e1ea;
	width: 76px;
	height: 76px;
	border-radius: 100px;
	opacity: 0.4;
	position: absolute;
	bottom: 0;
	animation: zoMcircl 5s 1s infinite;
	transition: all 0.5s ease;
}

.circleTwo {
	background: #a186be;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	opacity: 0.4;
	position: absolute;
	bottom: 80px;
	right: 10px;
	animation: zoMcirc2 5s 2s infinite;
	transition: all 0.5s ease;
}
.circleThree {
	background: #f49ac1;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	opacity: 0.4;
	position: absolute;
	top: -5px;
	left: 15px;
	animation: zoMcirc3 5s 2.5s infinite;
	transition: all 0.5s ease;
}

@keyframes zoMcircl {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.7);
	}
}
@keyframes zoMcirc2 {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.7);
	}
}
@keyframes zoMcirc3 {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.5);
	}
}

.smpBannerContent .button_content p {
	width: 100%;
	float: left;
}
.crSdescTop {
	margin-bottom: 92px;
}

/************************************************************** section one end  here ******************************************************************/

/*************************************************************** section two start here *****************************************************************/
.rightInfoSmp .infoIcon {
	width: 160px;
}
.rightInfoSmp .infoIcon img {
	width: 100%;
}
.rightInfoSmp .leftborder {
	position: relative;
	padding-left: 20px;
	margin-left: 10px;
}
.rightInfoSmp .leftborder:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.rightInfoSmp .smpIcon p {
	font-weight: 400;
	font-size: 17px;
	line-height: 26px;
	margin: 0;
	padding: 0;
}
.drivingInnerSec {
	width: 100%;
	float: left;
	height: 100%;
	padding-block: 131px 60px;
}
.drivingBetter {
	padding-inline: 70px;
}
.drivingInnerSec .titleContPages {
	font-size: 50px;
	line-height: 58px;
	color: #000;
	font-weight: 600;
}
.rowOneDriving {
	justify-content: space-between;
	margin-bottom: 60px;
}
.rightInfoSmp {
	width: auto;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
.rightInfoSmp .smpIcon {
	display: flex;
	max-width: 845px;
	align-items: center;
}
.titleSubSmp {
	max-width: 604px;
}
.rightInfoSmp .leftborder {
	position: relative;
	padding-left: 20px;
	margin-left: 10px;
	width: auto;
}
.rightInfoSmp .leftborder:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 64px;
	transform: translateY(-50%);
	background: #ccc;
}
.leftTitleDriving {
	width: auto;
}
.faxcommxtab {
}
.faxcommxtab .tabSmpContent {
	overflow: hidden;
	max-width: 500px;
}
.tabContSmpArea {
	opacity: 0;
	transform: translateX(-50%);
	transition: all 0.7s ease;
}
.faxcommxtab.active-tab .tabContSmpArea {
	opacity: 1;
	transform: translateX(0%);
}

.tab_drawer_heading {
	width: 100%;
	float: left;
	display: none;
}
.faceBookCircle {
}
.faceBookCircle .faceTitle {
	margin-bottom: 38px;
	display: flex;
	justify-content: center;
}
.colTwoArea .faceBookCircle .faceTitle h4 {
	width: 90%;
}
.faceBookCircle .faceTitle h4 {
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
}
.faceBookCircle .bottomAnalyDot {
	justify-content: space-between;
}
.faceBookCircle .bottomAnalyDot .leftDoots {
	justify-content: space-between;
}
.faceBookCircle .bottomAnalyDot .rightGoal {
}
.chartFaceBook {
	display: flex;
	justify-content: center;
	margin-bottom: 38px;
}
.leftDoots,
.rightGoal {
	position: relative;
	padding-left: 15px;
}
.leftDoots p,
.rightGoal p {
	color: #9b9b9b;
}
.leftDoots span,
.rightGoal span {
	color: #575757;
}
.leftDoots:after {
	width: 8px;
	height: 8px;
	border-radius: 100px;
	content: "";
	background: #6755e9;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.rightGoal:after {
	width: 8px;
	height: 8px;
	border-radius: 100px;
	content: "";
	background: #e3e3e3;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

@media only screen and (max-width: 1024px) {
	.tab_drawer_heading {
		display: block;
	}
	.tabs-navigation,
	.tabs-init .tabs-container__panel,
	.tabs-init .accordion--closed .tabs-container__panel {
		display: none;
	}
}

/* tabdesign start */
.tabsInnerDeskSmp {
	padding-block: 50px;
	padding-inline-start: 40px;
	display: flex;

	position: relative;
	z-index: 1;
}
.tabsInnerDeskSmp:after {
	width: 475px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	content: "";
	border: 1px dashed #33bf28;
	border-right: none;
	border-radius: 30px 0px 0px 30px;
}
.tabsInnerDeskSmp ul {
	display: flex;
	flex-direction: column;
	gap: 9px;
	min-width: 553px;
}
.tabsInnerDeskSmp ul li {
	padding-block: 5px;
	padding-inline-end: 5px;
	padding-inline-start: 55px;
	cursor: pointer;
	position: relative;
	z-index: 1;
	border-radius: 60px;
	display: flex;
	transition: all 0.5s ease;
	overflow: hidden;
}
.tabsInnerDeskSmp ul li:hover h3 span.textSocial{
color: #2f9f55;
}
.tabsInnerDeskSmp ul li.active:hover h3 span.textSocial{
color: #fff;
}

.tabsInnerDeskSmp ul li:before {
	width: 281px;
	height: 74px;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background: url("../images/smp/curve.png") no-repeat;
	opacity: 1;
	transition: all 0.5s ease;
	z-index: -1;
	transform: translateX(50px);
}
.tabsInnerDeskSmp ul li.active:before {
transform: translateX(0px);
}
.tabsInnerDeskSmp ul li:after {
	width: 15px;
	height: 16px;
	content: "";
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	background: linear-gradient(
		to right,
		rgba(75, 195, 41, 1) 0%,
		rgba(47, 158, 87, 1) 100%
	);
	border-radius: 100px;
	opacity: 1;
	transition: all 0.5s ease;
}
.tabsInnerDeskSmp ul li.active:after {
	opacity: 0;
}
.tabsInnerDeskSmp ul li.active {
	background: #4bc329;

	background: linear-gradient(
		to right,
		rgba(75, 195, 41, 1) 0%,
		rgba(47, 158, 87, 1) 100%
	);
}
.tabsInnerDeskSmp ul li.active h3 {
	color: #fff;
}
.tabsInnerDeskSmp ul li h3 {
	font-size: 35px;
	line-height: 45px;
	color: #817f80;
	font-weight: 600;
	font-family: "Poppins";
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tabsInnerDeskSmp ul li h3 span.arrowRight img {
	width: 22px;
	filter: invert(98%) sepia(27%) saturate(2%) hue-rotate(244deg)
		brightness(116%) contrast(100%);
}

.tabsInnerDeskSmp ul li h3 span.arrowRight {
	width: 64px;
	height: 64px;
	background: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	opacity: 0;
	/* transition: all 0.5s ease; */
	visibility: hidden;
	transform: translateX(-50px);
}
.tabsInnerDeskSmp ul li.active h3 span.arrowRight {
	animation: leftToRight 0.5s 0s forwards;
}
@keyframes leftToRight {
	0% {
		transform: translateX(-50px);
		opacity: 0.5;
		visibility: visible;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
		visibility: visible;
	}
}
.tabsInnerDeskSmp ul li h3 span.textSocial {
}

.rowTwoOutersecTwo {
}
.tabSmpInner {
	position: relative;
	z-index: 1;

	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.tabSmpInner:after {
	width: calc(100% - 425px);
	height: 100%;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background: #f7f6fb;
	background: linear-gradient(
		to right,
		rgba(247, 246, 251, 1) 0%,
		rgba(255, 255, 255, 1) 100%
	);
	border-radius: 60px;
	z-index: -1;
}
.tabContentOuterSmp {
	padding-left: 50px;
	padding-top: 60px;
	width: 100%;
	max-width: 630px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.rightAnalysisOuter {
	width: 533px;
	display: flex;
	padding-top: 70px;
	padding-left: 40px;
	padding-bottom: 33px;
}
.innerrightCircleArea {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.colOneAreaSmp.colTwoArea {
	justify-content: flex-end;
}
.colOneAreaSmp.colTwoArea .leftColCirOne {
	justify-content: flex-end;
}
.rightBtnHlp {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 7px;
}
.leftColCirOne {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.tabContSmpArea {
}
.bottomRtfreeSmp {
	padding-bottom: 33px;
}
.freeAnalys {
}
.bottomRtfreeSmp h4.titleAnaly {
	font-size: 20px;
	color: #000000;
	font-weight: 600;
	font-family: "Poppins";
	position: relative;
	padding-bottom: 13px;
	margin-bottom: 5px;
}
.bottomRtfreeSmp h4.titleAnaly:after {
	width: 100%;
	height: 1px;
	background: #a1a1a1;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
}
.bottomRtfreeSmp p.myAnyl {
	font-size: 17px;
	line-height: 26px;
	color: #202227;
	font-weight: 300;
	font-family: "Poppins";
}

.titleTabAreaContent {
}
.titleTabAreaContent h3 {
	font-size: 25px;
	line-height: 32px;
	color: #000000;
	font-weight: 500;
	font-family: "Poppins";
	margin-bottom: 12px;
}
.tabDescArea {
	margin-bottom: 30px;
	display: flex;
}
.tabDescArea p {
	font-size: 17px;
	line-height: 26px;
	color: #202227;
	font-weight: 300;
	font-family: "Poppins";
}
.listItemsSmpSecTwo {
	display: flex;
	flex-direction: column;
	gap: 1;
}
.listItemsSmpSecTwo .listItemOne {
	position: relative;
	padding-left: 24px;
}
.listItemsSmpSecTwo .listItemOne:after {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6.5px 0 6.5px 9px;
	border-color: transparent transparent transparent #51bb3d;
	transform: rotate(0deg);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
}
.listItemsSmpSecTwo .listItemOne p {
	font-size: 17px;
	line-height: 28px;
	color: #202227;
	font-weight: 300;
	font-family: "Poppins";
}

.colTwoArea .card {
	text-align: center;
	width: 168px;
}

.colTwoArea .bar-chart {
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: flex-end;
	height: 100px;
	margin-bottom: 40px;
	border-bottom: 2px solid #efefef;
	padding-inline: 15px;
}

.colTwoArea .bar {
	width: 7px;
	height: 100%;
	border-radius: 30px;
	background: #eeeeee;
	position: relative;
	overflow: hidden;
}
.colTwoArea .bar1 {
	height: 50px;
}
.colTwoArea .bar2 {
	height: 73px;
}
.colTwoArea .bar3 {
	height: 50px;
}
.colTwoArea .bar4 {
	height: 65px;
}
.colTwoArea .bar5 {
	height: 54px;
}
.colTwoArea .bar6 {
	height: 70px;
}
.colTwoArea .bar7 {
	height: 81px;
}
.colTwoArea .bar8 {
	height: 70px;
}

.colTwoArea .bar::before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	border-radius: 30px;
	left: 0;
	transition: all 0.5s ease;
	transform: translateY(100%);
}
.colTwoArea .bar1:before,
.colTwoArea .bar2:before,
.colTwoArea .bar3:before,
.colTwoArea .bar4:before,
.colTwoArea .bar5:before {
background: #ffc107;
}

.colTwoArea .bar6::before,
.colTwoArea .bar7::before,
.colTwoArea .bar8::before {
	background: #6a5dfc;
}

/* bar one animation start*/
.colTwoArea .bar1::before {
	height: 29px;		
} 
.drivingBetter.active .colTwoArea .bar1::before {
	animation: barOneAni 1s 0.5s forwards;
}
@keyframes barOneAni {
	0%{
transform: translateY(100%);
	}
	100%{
		transform: translateY(0);
	}
}
/* bar two animation start*/
.colTwoArea .bar2::before {
	height: 50px;
} 
.drivingBetter.active .colTwoArea .bar2::before {
	animation: barOneAni2 1.5s 0.5s forwards;
}
@keyframes barOneAni2 {
	0%{
transform: translateY(100%);
	}
	100%{
		transform: translateY(0);
	}
}
/* bar three animation start*/
.colTwoArea .bar3::before {
	height: 26px;
} 
.drivingBetter.active .colTwoArea .bar3::before {
	animation: barOneAni3 2s 0.5s forwards;
}
@keyframes barOneAni3 {
	0%{
transform: translateY(100%);
	}
	100%{
		transform: translateY(0);
	}
}
/* bar four animation start*/
.colTwoArea .bar4::before {
	height: 37px;
} 
.drivingBetter.active .colTwoArea .bar4::before {
	animation: barOneAni4 2.5s 0.5s forwards;
}
@keyframes barOneAni4 {
	0%{
transform: translateY(100%);
	}
	100%{
		transform: translateY(0);
	}
}
/* bar five animation start*/
.colTwoArea .bar5::before {
	height: 50px;
} 
.drivingBetter.active .colTwoArea .bar5::before {
	animation: barOneAni5 3s 0.5s forwards;
}
@keyframes barOneAni5 {
	0%{
transform: translateY(100%);
	}
	100%{
		transform: translateY(0);
	}
}
/* bar six animation start*/
.colTwoArea .bar6::before {
	height: 44px;
} 
.drivingBetter.active .colTwoArea .bar6::before {
	animation: barOneAni6 3.5s 0.5s forwards;
}
@keyframes barOneAni6 {
	0%{
transform: translateY(100%);
	}
	100%{
		transform: translateY(0);
	}
}
/* bar seven animation start*/
.colTwoArea .bar7::before {
	height: 71px;
} 
.drivingBetter.active .colTwoArea .bar7::before {
	animation: barOneAni7 4s 0.5s forwards;
}
@keyframes barOneAni7 {
	0%{
transform: translateY(100%);
	}
	100%{
		transform: translateY(0);
	}
}
/* bar eight animation start*/
.colTwoArea .bar8::before {
	height: 60px;
} 
.drivingBetter.active .colTwoArea .bar8::before {
	animation: barOneAni8 4.5s 0.5s forwards;
}
@keyframes barOneAni8 {
	0%{
transform: translateY(100%);
	}
	100%{
		transform: translateY(0);
	}
}










.colTwoArea .percentage {
	font-size: 28px;
	line-height: 28px;
	font-weight: 600;
	margin-bottom: 0;
}
.colTwoArea .faceBookCircleBox {
	padding-bottom: 32px;
}
.colTwoArea .faceBookCircle .faceTitle {
	margin-bottom: 30px;
}
.colTwoArea .chartFaceBook {
	margin-bottom: 0;
}

.colTwoArea .labelx {
	font-size: 12px;
	color: #888;
}

/* btn help */
.userBicon {
	width: 22px;
	height: 22px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
}
.userBicon span.heaDcir {
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	border-radius: 100px;
	transition: all 0.5s ease;
	position: absolute;
	top: 0;
}
.userBicon span.bodYhalf {
	width: 22px;
	height: 22px;
	border-radius: 100px;
	transition: all 0.5s ease;
	transform: rotate(0);
	position: absolute;
	bottom: -11px;
}
.userBicon span.bodYhalf:after {
	width: 100%;
	height: 50%;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	border: 2px solid #fff;
	border-bottom: none;
	border-radius: 100px 100px 0px 0px;
	z-index: 1;
}
.userBicon span.bodYhalf:before {
	width: 100%;
	height: 50%;
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	border: 2px solid rgba(0, 0, 0, 0);
	border-top: none;
	border-radius: 0px 0px 100px 100px;
	z-index: 1;
}

.colOneAreaSmp .help-bttn:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	*border: 1px solid #006b65;
	line-height: 1;
}

.colOneAreaSmp .help-bttn:hover {
	line-height: 1;
}

.colOneAreaSmp .help-bttn:hover {
	transition: 0.3s background-color ease;
	background-color: #c9ffb1;
}

.colOneAreaSmp .help-bttn-icon {
	background-color: #4acd0f;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 52px;
	height: 52px;
	border-radius: 100%;
	position: static;
	padding: 0;
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translate(0%, -50%);
}

.colOneAreaSmp .help-bttn-icon img {
	width: 22px;
}

.colOneAreaSmp .help-bttn-icon i {
	color: white;
	font-size: 1.3vw;
}
.colOneAreaSmp .help-bttn a {
	letter-spacing: 3px;
	font-size: 1vw;
	font-weight: 600;
	color: #050505;
}
.colOneAreaSmp .help-bttn a {
	font-size: 18px;
	line-height: 26px;
	text-decoration: none !important;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0px 52px 0 0;
}

.colOneAreaSmp .help-bttn a:hover {
	text-decoration: none;
}

.colOneAreaSmp .help-bttn {
	background: #c9ffb1;
	padding: 0px 0px;
	width: 160px;
	height: 41px;
	border-radius: 30px;
	position: relative;
	border: none;
	box-shadow: 0 0 1px rgb(0 0 0 / 0%);
	outline: none;
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 26px;
	color: #000;
	text-decoration: none !important;
	letter-spacing: 3px;
	/* animation: fromRight 1s 0.5s forwards; */
}

.ecommerce-call-info h3 {
	margin-right: 50px;
	margin-bottom: 10px;
}

.textFlipArea {
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 41px;
	position: relative;
	left: 3px;
	overflow: hidden;
}

.colOneAreaSmp .help-bttn::before {
	content: "";
	position: absolute;
	z-index: -1;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 1vw;
	background-color: #c9ffb1;
	*border: 1px solid #ffd979fc;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.helText {
	position: absolute;
	opacity: 1;
	overflow: hidden;
	top: 8px;
	transition: all 0.5s ease;
	z-index: 9;
}

.rightBtnHlp:hover .helText:nth-child(1) {
	animation: flipVerticalOut 1s 0.1s forwards;
}
.rightBtnHlp .helText:nth-child(2) {
	opacity: 0;
	transform: translateX(140%);
}
.rightBtnHlp:hover .helText:nth-child(2) {
	animation: flipVerticalIn 1s 0.1s forwards;
}

.progressBar {
   stroke: url(#grad2);
      stroke-linecap: round;
  transition: all 1s ease;
  stroke-dasharray: 282.6;
  stroke-dashoffset: 282.6; /* full circle hidden */
     
}
.drivingBetter.active .progressBar{
 /* stroke-dashoffset: 87.6504; */
 animation: circleAnimation 2.5s 0.5s forwards;
}
@keyframes circleAnimation {
	0%{
stroke-dashoffset: 282.6;
	}
	100%{
	stroke-dashoffset: 87.6504;	
	}
}
.faceBookCircleBox {
	width: 225px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
	padding-block: 15px;
	border-radius: 2px;
	padding-inline: 20px;
}

.faceBookCircleBox .progressContainer {
	width: 132px;
	height: 132px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.faceBookCircleBox .progressCircle {

	transform: rotate(-90deg);
}

.faceBookCircleBox .progressContainer svg {
	width: 100%;
	height: 100%;
}

.faceBookCircleBox .progressBg {
	stroke: #e6e6e6;
}

.faceBookCircleBox .progressBar {
	stroke: #6a5dfc;
	transition: stroke-dashoffset 1s ease;
}

.faceBookCircleBox .progressText {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
	text-align: center;
	font-family: sans-serif;
}

.faceBookCircleBox .progressText .value {
	font-size: 28px;
	font-weight: bold;
}

.faceBookCircleBox .progressText .label {
	font-size: 13px;
	color: #999;
}

@keyframes flipVerticalOut {
	0% {
		opacity: 1;
		transform: translateX(0%);
	}
	100% {
		opacity: 0;
		transform: translateX(-140%);
	}
}
@keyframes flipVerticalIn {
	0% {
		opacity: 0;
		transform: translateX(140%);
	}

	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}

/******************************************************** section two end here ***********************************************/



/******************************************************* section four start here ***********************************************/

.makeDifferent {
    padding-inline: 70px;
}
.makeDifferentInnerArea {
    width: 100%;
    float: left;
    height: 100%;
    padding-block: 131px 60px;
}
.titleBoxMakeDiff{
    margin-bottom: 12px;
}
.titleBoxMakeDiff h2{
	font-size: 50px;
    line-height: 58px;
	color: #2c2d2d;
	font-weight: 300;
	font-family: "Poppins";
}
.titleBoxMakeDiff h2 span{
    color: #000;
    font-weight: 600;
	}
	.leftMakeDiffAreaOuter{
		width:100%;
		max-width: 980px;
		display: flex;
		padding-right: 30px;
	}
	.leftWeshallPutArea .titleSubWeShall{
    margin-bottom: 24px;
	}
	.leftWeshallPutArea .titleSubWeShall h3{
    font-size: 35px;
    line-height: 45px;
    color: #060606;
    font-weight: 600;
    font-family: "Poppins";
    width: 490px;
	}
	.leftWeshallPutArea .descWeshallArea{
display: flex;
flex-direction: column;
    gap: 32px;
	}
	.leftWeshallPutArea .descWeshallArea p{
font-size: 17px;
line-height: 26px;
color: #202227;
font-weight: 300;
font-family: "Poppins";
margin: 0;
	}
	.rightWeshallArea{
    width: 280px;
    display: flex
;
    justify-content: flex-end;
 
    position: relative;
    top: -13px;
	
	}
	.rightWeshallArea .innerWhatDid{
		position:relative;
		
	}
	.rightWeshallArea .innerWhatDid h4{
    font-size: 30px;
    line-height: 40px;
    color: #060606;
    font-weight: 500;
    max-width: 180px;
    font-family: "Poppins";
	position: absolute;
	    left: -50px;
	}
	.rightWeshallArea .innerWhatDid h4 span{
		display: block;
	}
	.rightWeshallArea .imageBoxWhatDidArea{

	}
	.rightWeshallArea .imageBoxWhatDidArea img{
		
	}

	.leftCombineArea {

	}
	.leftCombineArea .titleCombineBox{
		padding-right: 65px;
		margin-right: 65px;
		position:relative;
		z-index: 1;
	}
	.leftCombineArea .titleCombineBox:after{
		width:1px;
		height: 128px;
		background:#d4d4d4;
		content: "";
		right:0;
		top:50%;
		transform: translateY(-50%);
		position:absolute;
	}
	.leftCombineArea .titleCombineBox{
		
	}
	.leftCombineArea .titleCombineBox h4{
font-size: 35px;
    color: #060606;
    line-height: 43px;
    font-weight: 500;
    font-family: "Poppins";
	max-width: 743px;
	}
	.innerCombineRt{

	}
	.innerCombineRt .descCombineSmp{
		
	}
	.innerCombineRt .descCombineSmp p{
		font-size: 17px;
line-height: 26px;
color: #202227;
font-weight: 300;
font-family: "Poppins";
	}
	.innerCombineRt .titleUnderCombi{
		margin-top:25px;

	}
	.innerCombineRt .titleUnderCombi h5{
font-size: 17px;
line-height: 26px;
color: #1c1c1c;
font-weight: 400;
font-family: "Poppins";
position:relative;
padding-bottom:8px;
cursor: pointer;
transition: all 0.5s ease;
	}
	.innerCombineRt .titleUnderCombi h5 a{
		color: #1c1c1c;
		transition: all 0.5s ease;
		text-decoration: none !important;
	}
	.innerCombineRt .titleUnderCombi h5:hover{
		color:#4acd0f;
	}
	.innerCombineRt .titleUnderCombi h5:after{
		width:100%;
		height: 3px;
		background:#4acd0f;
		content: "";
		bottom:0;
		left:0;
		position:absolute;
	}
	.rowInnerAreaDiff{
		    flex-direction: column;
			justify-content: space-between;
	}
	.differentRowAreaTwoOuter {
		height: 100%;
		display: flex		;
		justify-content: space-between;
		flex-wrap: nowrap;
		}
	.outerContentMakeDiff {
			height: 100%;
	flex-direction: column;
	}
	.rowOneTwoOuter{
		flex-direction: column;
		    gap: 70px;
	}
.rowOneWeShallPut {  
	    flex-wrap: nowrap;
    justify-content: space-between;
	    align-items: flex-end;
}
.rowOneWeShallPut .leftWeshallPutArea{
width: 100%;
    max-width: 580px;
}
.rowLeftTwoAreaWeCombine {
    padding-right: 35px;
}
.leftCombineArea .rightCombineArea{

}
.lineBullListOuter {
	position: relative;
	justify-content: space-between;
	width: 100%;
	
}



.lineBullListOuter:after {
	width:100%;
	height: 1px;
	content: "";
	position:absolute;
	left:0;
	top:0;
	border-top:1px dashed #a9a9a9;
	transition: all 0.5s ease;
	opacity: 1;
}



.lineBullListOuter .oneListFunding {
	position:relative;
	padding-top: 30px;
	display: flex;
	padding-right: 30px;
}

.lineBullListOuter .oneListFunding:after {
    width: 14px;
    height: 14px;
    border-radius: 100px;
    position: absolute;
    top: -7px;
    left: 0;
    content: "";
    background: #1873e5;
    z-index: 1;
	transition: all 0.5s ease;
	opacity: 0;	
}

.lineBullListOuter .oneListFunding:nth-child(1):after {
opacity: 0;
}
.lineBullListOuter .oneListFunding:nth-child(2):after {
opacity: 0;
}
.lineBullListOuter .oneListFunding:nth-child(3):after {
opacity: 0;
}
.makeDifferent.active .lineBullListOuter .oneListFunding:nth-child(1):after {
animation: firstShow 0.5s 0.5s forwards;
}
@keyframes firstShow {
	0%{
opacity: 0;
	}
	100%{
opacity: 1;
	}
}
.makeDifferent.active .lineBullListOuter .oneListFunding:nth-child(2):after {
animation: firstShow2 0.5s 1s forwards;
}
@keyframes firstShow2 {
	0%{
opacity: 0;
	}
	100%{
opacity: 1;
	}
}
.makeDifferent.active .lineBullListOuter .oneListFunding:nth-child(3):after {
animation: firstShow3 0.5s 1.5s forwards;
}
@keyframes firstShow3 {
	0%{
opacity: 0;
	}
	100%{
opacity: 1;
	}
}

.makeDifferent.active .lineBullListOuter .oneListFunding:after {

}
.lineBullListOuter .oneListFunding p{
	font-size: 17px;
	line-height: 26px;
	color: #1c1c1c;
	font-weight: 600;
	font-family: "Poppins";
	width: 100%;
	max-width: 250px;
}
/* tab area start here */
.rightTabOuterDiff{

}
.tabOuterTranspArea {
	flex-direction: column;
	max-width: 710px;
	position: relative;
	z-index: 1;
	justify-content: space-between;
}
.tabOuterTranspArea:after {
width:100%;
height: calc(100% - 65px);
/* height: 100%; */
position:absolute;
left:0;
bottom:0;
content: "";
background:#f0fee7;
z-index: -1;
border-radius: 30px 30px 30px 30px;
}
.outerMakeDiffTabArea{
    padding: 35px;
	position: relative;
	top:0px;
	height: 100%;
	display: flex;
}
.differentTabOuterx{
display: flex;
}
.differentTabOuterx .diffTabArea{

}

.difTabContentInner{
	height: 100%;
	display: flex;
	padding-top: 68px;
	overflow: hidden;
}
.rowDifTabArea{
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
}
.descTitleTabMore{
margin-bottom: 20px;
transition: all 0.5s ease;
transform: translateX(-50%);
}

.differentTabOuterx .diffTabArea.active-tab .descTitleTabMore{
animation: leftTabUpper 0.8s 0s forwards;
}
@keyframes leftTabUpper {
	0%{
transform: translateX(-50%);
	}
	100%{
transform: translateX(0%);
	}
}

.descTitleTabMore .tabDescDiff{

}
.descTitleTabMore .tabTitleBoxDiff{
	margin-bottom: 10px;
}

.descTitleTabMore .tabDescDiff p{
	font-size: 17px;
	line-height: 26px;
	color: #202227;
	font-weight: 300;
	font-family: "Poppins";
}
.descTitleTabMore .tabTitleBoxDiff h2{
	font-size: 43px;
	line-height: 53px;
	color: #060606;
	font-weight: 600;
	font-family: "Poppins";
}
.diffTabDrawerHead {
    width: 100%;
    float: left;
    display: none;
}
@media only screen and (max-width: 1024px) {
	.diffTabDrawerHead {
		display: block;
	}
	.tabs-navigation,
	.tabs-init .tabs-container__panel,
	.tabs-init .accordion--closed .tabs-container__panel {
		display: none;
	}
}
.makeTabDifferList{
    position: absolute;
    top: 0;
	z-index: 9;
	width: 100%;
}
.makeTabDifferList .myTaxbs{
	justify-content: space-between;
}
.makeTabDifferList .myTaxbs li{
	font-size: 18px;
	line-height: 28px;
	color: #060606;
	font-weight: 500;
	font-family: "Poppins";
	padding-block: 20px 19px;
	padding-inline: 35px;
	display: flex;
	    border-radius: 30px 30px 0px 0px;
		cursor: pointer;
		position:relative;
		z-index: 1;
}
.makeTabDifferList .myTaxbs li:nth-child(1):after{
width: 100%;
    height: 32px;
    position: absolute;
    left: 0;
    bottom: -29px;
    content: "";
    background: #f0fee7;
    z-index: -1;
    opacity: 0;
}
.makeTabDifferList .myTaxbs li:nth-child(3):after{
	width: 100%;
	height: 32px;
	position: absolute;
	right: 0;
	bottom: -29px;
	content: "";
	background: #f0fee7;
	z-index: -1;
	opacity: 0;
}
.makeTabDifferList .myTaxbs li.active{
background:#f0fee7;
}
.makeTabDifferList .myTaxbs li:nth-child(1).active:after{
opacity: 1;
}
.makeTabDifferList .myTaxbs li:nth-child(3).active:after{
opacity: 1;
}

/* graph area start */
  .tabAnalysisGraphArea .chart-container {
      background: white;
      padding-block-end: 40px;
	  padding-block-start: 36px;
	  padding-inline: 27px;
      border-radius: 16px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
      width: 100%;   
    }
.tabAnalysisGraphArea{

}
    .tabAnalysisGraphArea .chart-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 0px;
	  border-bottom: 1px solid #e9e9e9;
	  padding-bottom: 15px;
    }

     .tabAnalysisGraphArea .chart-header h3 {
      margin: 0;
	  font-size: 22px;
	  line-height: 28px;
	  font-weight: 600;
	  
    }

     .tabAnalysisGraphArea .dropdown {
      background: #f3f3f3;
      padding: 5px 12px;
      border-radius: 12px;
      font-size: 14px;
	  display: none;
    }

     .tabAnalysisGraphArea .chart-svg {
      width: 100%;
      height: 190px;
    }

     .tabAnalysisGraphArea .line {
		fill: none;
		stroke: black;
		stroke-width: 5;
		/* stroke-linecap: round; */
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000;
		transition: all 0.5s ease;
		opacity: 0;
    }
	 .tabAnalysisGraphArea .lineTwoGraph{
		fill: none;
		stroke: black;
		stroke-width: 5;
		/* stroke-linecap: round; */
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000;
		transition: all 0.5s ease;
		opacity: 0;
	}
	 .tabAnalysisGraphArea .lineThreeGraph{
		fill: none;
		stroke: black;
		stroke-width: 5;
		/* stroke-linecap: round; */
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000;
		transition: all 0.5s ease;
		opacity: 0;
	}

	.makeDifferent.active  .tabAnalysisGraphArea .lineThreeGraph{	
		animation: graphLineStarttt 5s 0.5s forwards;
	}
	.makeDifferent.active  .tabAnalysisGraphArea .lineTwoGraph{	
		animation: graphLineStartt 5s 0.5s forwards;
	}
	.makeDifferent.active  .tabAnalysisGraphArea .line{	
		animation: graphLineStart 5s 0.5s forwards;
	}

	@keyframes graphLineStart {
		0%{
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000;
		opacity: 1;	
		}
		100%{
		stroke-dasharray: 588.109 ;
		stroke-dashoffset: 0;
		opacity: 1;	
		}
	}
	@keyframes graphLineStartt {
		0%{
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000;
		opacity: 1;	
		}
		100%{
		stroke-dasharray: 588.109 ;
		stroke-dashoffset: 0;
		opacity: 1;	
		}
	}
	@keyframes graphLineStarttt {
		0%{
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000;
		opacity: 1;	
		}
		100%{
		stroke-dasharray: 588.109 ;
		stroke-dashoffset: 0;
		opacity: 1;	
		}
	}

     .tabAnalysisGraphArea .dot {
		fill: orange;
		stroke: white;
		stroke-width: 2;
		r: 8;
		opacity: 0;
		/* transform: translateY(-50px); */
		transition: all 0.5s ease;
    }
	.makeDifferent.active .tabAnalysisGraphArea .dot {
  animation: circleOrange 0.5s 0.5s forwards;
}
@keyframes circleOrange {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		/* transform: translateY(0px); */
	}
}

    .tabAnalysisGraphArea .x-labels {
		display: flex;
		justify-content: space-between;
		padding: 5px 20px 0;
		font-size: 14px;
		line-height: 20px;
		color: #333;
		/* border-top:1px solid #e9e9e9; */
		margin-top: -35px;
    }
	 .tabAnalysisGraphArea .x-labels span{
		font-size: 14px;
		line-height: 18px;
		font-weight: 500;
		    font-family: "Poppins";
	 }

     .tabAnalysisGraphArea .y-labels {
      font-size: 14px;
      fill: #5c5c5c;
    }
   .tabAnalysisGraphArea .y-labels text{

   }
     .tabAnalysisGraphArea .grid-line {
      stroke: #c7c7c7;
      stroke-dasharray: 8;
      stroke-width: 1;
    }

/******************************************************* section four end here ***********************************************/


/* Section 5 Start */
.smp_sec5 {
	padding: 131px 85px 70px;
}

.p-0 {
	padding: 0 !important;
}
.fw-bold {
	font-weight: bold;
}

.gicon-box {
	font-family: "Poppins", sans-serif;
	font-size: 121px;
	color: #1a73e8;
	font-weight: 600;
	line-height: 0;
}

.gicon_wrp h5 {
	font-family: "Poppins", sans-serif;
	font-size: 23px;
	font-weight: 500;
	line-height: 0;
}

.gicon_wrp {
	display: flex;
	margin-top: 107px;
}

.growth_textbx {
	max-width: 80%;
	margin-top: 45px;
	width: 100%;
	padding: 5px 0 0 50px;
}

.growth_textbx ul {
	display: grid;
	gap: 26px;
	border-left: 1px solid #1a73e8;
	padding-left: 25px;
	padding-top: 10px;
}

.growth_textbx li {
	font-size: 17px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
}

.growth_textbx ul li:nth-child(2) {
	width: 92%;
}

.main_title {
	font-size: 54px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	color: #2c2d2d;
	line-height: 64px;
}

.main_title .highlight-green {
	font-style: italic;
	font-weight: 400;
	color: #8dc63f;
	font-size: 45px;
}

.sec5_left {
	width: 49%;
}

.sec5_right {
	width: 51%;
}

.sec5_right .main_title {
	margin-bottom: 20px;
}

.para_txtsmp {
	font-size: 17px;
	font-family: "Poppins", sans-serif;
	color: #202227;
	font-weight: 400;
}

.smpslider .item {
	border: 1px solid #ebebeb;
	padding: 50px 40px;
	text-align: center;
	margin-right: 15px;
	margin-left: 15px;
	position: relative;
	overflow: hidden;
}

.smpslider .item p {
	font-size: 17px;
	font-family: "Poppins", sans-serif;
	color: #202227;
	margin-bottom: 60px;
	font-weight: 400;
	transition: all 0.3s ease-in-out;
}

.smpslider .item h3 {
	font-size: 23px;
	font-family: "Poppins", sans-serif;
	color: #000000;
	font-weight: 500;
	transition: all 0.3s ease-in-out;
	margin-bottom: 55px;
}

.smpslider .item .slider_icon {
	width: 80px;
	height: 80px;
	margin: 0px auto;
}

.smpslider .item:has(.bx_care) {
	border-bottom: 3px solid #00ca8e;
	background: url(../images/smp/mapbg.png) no-repeat;
	background-position: top left;
	background-size: 100%;
}

.smpslider .item:has(.bx_care)::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 109px;
	height: 179px;
	background: url(../images/smp/smpbx1.png) no-repeat top left;
	background-size: cover;
	transform-origin: top right;
	transition: all 0.8s ease-in-out;
	z-index: -1;
	transform: scale(1);
}

.smpslider .item:has(.bx_care):hover::after {
	transform: scale(9);
}

.smpslider .item:has(.protect_bx) {
	border-bottom: 3px solid #a44cba;
	background: url(../images/smp/mapbg2.png) no-repeat;
	background-position: top left;
	background-size: 100%;
}

.smpslider .item:has(.protect_bx)::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 109px;
	height: 179px;
	background: url(../images/smp/smpbx2.png) no-repeat top left;
	background-size: cover;
	transform-origin: top right;
	transition: all 0.8s ease-in-out;
	z-index: -1;
	transform: scale(1);
}

.smpslider .item:has(.protect_bx):hover::after {
	transform: scale(9);
}

.smp_sldierbx {
	margin-top: 85px;
}

.smpslider .slick-next {
	width: 40px;
	height: 40px;
	transition: all 0.6s ease-in-out;
	background: url('data:image/svg+xml,<svg fill="%23a2a2a2"  viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 16 3 C 8.832031 3 3 8.832031 3 16 C 3 23.167969 8.832031 29 16 29 C 23.167969 29 29 23.167969 29 16 C 29 8.832031 23.167969 3 16 3 Z M 16 5 C 22.085938 5 27 9.914063 27 16 C 27 22.085938 22.085938 27 16 27 C 9.914063 27 5 22.085938 5 16 C 5 9.914063 9.914063 5 16 5 Z M 16.71875 9.59375 L 15.28125 11 L 19.28125 15 L 9 15 L 9 17 L 19.28125 17 L 15.28125 21 L 16.71875 22.40625 L 23.125 16 Z"></path></svg>');
}

.smpslider .slick-prev {
	width: 40px;
	height: 40px;
	transition: all 0.6s ease-in-out;
	background: url('data:image/svg+xml,<svg fill="%23a2a2a2"  viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 16 3 C 8.832031 3 3 8.832031 3 16 C 3 23.167969 8.832031 29 16 29 C 23.167969 29 29 23.167969 29 16 C 29 8.832031 23.167969 3 16 3 Z M 16 5 C 22.085938 5 27 9.914063 27 16 C 27 22.085938 22.085938 27 16 27 C 9.914063 27 5 22.085938 5 16 C 5 9.914063 9.914063 5 16 5 Z M 15.28125 9.59375 L 8.875 16 L 15.28125 22.40625 L 16.71875 21 L 12.71875 17 L 23 17 L 23 15 L 12.71875 15 L 16.71875 11 Z"></path></svg>');
}

.smpslider .slick-next:hover {
	transition: all 0.6s ease-in-out;
	background: url('data:image/svg+xml,<svg fill="%23000000"  viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 16 3 C 8.832031 3 3 8.832031 3 16 C 3 23.167969 8.832031 29 16 29 C 23.167969 29 29 23.167969 29 16 C 29 8.832031 23.167969 3 16 3 Z M 16 5 C 22.085938 5 27 9.914063 27 16 C 27 22.085938 22.085938 27 16 27 C 9.914063 27 5 22.085938 5 16 C 5 9.914063 9.914063 5 16 5 Z M 16.71875 9.59375 L 15.28125 11 L 19.28125 15 L 9 15 L 9 17 L 19.28125 17 L 15.28125 21 L 16.71875 22.40625 L 23.125 16 Z"></path></svg>');
}

.smpslider .slick-prev:hover {
	transition: all 0.6s ease-in-out;
	background: url('data:image/svg+xml,<svg fill="%23000000"  viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 16 3 C 8.832031 3 3 8.832031 3 16 C 3 23.167969 8.832031 29 16 29 C 23.167969 29 29 23.167969 29 16 C 29 8.832031 23.167969 3 16 3 Z M 16 5 C 22.085938 5 27 9.914063 27 16 C 27 22.085938 22.085938 27 16 27 C 9.914063 27 5 22.085938 5 16 C 5 9.914063 9.914063 5 16 5 Z M 15.28125 9.59375 L 8.875 16 L 15.28125 22.40625 L 16.71875 21 L 12.71875 17 L 23 17 L 23 15 L 12.71875 15 L 16.71875 11 Z"></path></svg>');
}

.smpslider .slick-prev:before,
.smpslider .slick-next:before {
	display: none !important;
}

.smpslider .slick-prev {
	left: -40px;
}

.smpslider .slick-next {
	right: -40px;
}

.smpslider .item .smp_hoversliderbx {
	z-index: 2;
	position: relative;
}

.smpslider .item:hover .smp_hoversliderbx p,
.smpslider .item:hover .smp_hoversliderbx h3,
.smpslider .item:hover .smp_hoversliderbx svg path {
	fill: #fff;
	color: #fff;
	transition: all 0.3s ease-in-out;
}

.buttonAreaQuality {
	display: flex;
	gap: 27px;
	margin-top: 20px;
	width: 100%;
	float: left;
	align-items: center;
}

.reqCall a img {
	width: 20px;
}

.hoverEffIcon {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -37px);
	opacity: 0;
	visibility: hidden;
	transition: all 1s ease;
}
.reqCall a:hover .hoverEffIcon {
	opacity: 1;
	transform: translate(-50%, -58px);
	visibility: visible;
}
.reqCall {
	position: relative;
	background: #fff;
	z-index: 1;
}
.reqCall a .hoverEffIcon img {
	width: 70px;
	height: 70px;
}
.buttOnStart a {
	display: flex;
	font-size: 16px;
	line-height: 24px;
	background: #8dc63f;
	color: #fff;
	transition: all 0.5s ease;
	text-decoration: none;
	padding-block: 5px;
	padding-inline: 26px;
	border-radius: 30px;
	position: relative;
	overflow: hidden;
	border: 1px solid #8dc63f;
	z-index: 1;
}
.buttOnStart a:hover {
	color: #000;
	border: 1px solid #000;
}
.buttOnStart a span {
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(255, 255, 255, 1);
	transform: translateY(-100%);
	transition: all 0.5s ease;
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
}
.buttOnStart a:hover span {
	transform: translateY(0%);
}
.buttOnStart {
	position: relative;
}
.buttOnStart:after {
	width: 1px;
	height: 23px;
	position: absolute;
	right: -13px;
	top: 50%;
	content: "";
	background: #ccc;
	transform: translate(0, -50%);
}

.reqCall a {
	display: flex;
	font-size: 16px;
	line-height: 24px;
	color: #151515;
	transition: all 0.5s ease;
	text-decoration: none;
	align-items: center;
	gap: 15px;
	font-weight: 500;
	background-color: #fff;
}

.reqCallTel {
	overflow: hidden;
	position: relative;
	height: 25px;
}
.reqCall:hover .textCallTel {
	transform: translateY(100%);
}
.textCallTel {
	transform: translateY(0);
	transition: all 0.5s 0.5s ease;
}
.textNumberTel {
	transform: translateY(100%);
	transition: all 0.5s 0.5s ease;
}
.reqCall:hover .textNumberTel {
	transform: translateY(-85%);
}
.textNumberTel p {
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	color: #151515;
	font-weight: 500;
}
.reqCall .blgpg_latup_tabdv_cntnmb_link_icn {
	width: 24px;
	height: 24px;
	padding: 0;
	box-shadow: none;
	position: relative;
	background: #fff;
	z-index: 9;
}

.reqCall .blgpg_latup_tabdv_cntnmb_link_icn img {
	width: 100%;
	object-fit: cover;
	margin-top: 0;
	padding-top: 0px;
}

.reqCall .icon-phone-active-3 {
	width: 30px;
	color: #fff;
	line-height: 20px;
	float: right;
	position: absolute;
	left: 1px;
	top: -5px;
	transform: rotate(-13deg);
}

.reqCall .icon-phone-active-3 path {
	fill: #000;
	stroke-width: 1px;
}

.growth_talkus {
	margin-top: 129px;
}

.growth_talkus .title_h3 {
	font-size: 20px;
	line-height: 28px;
	color: #2c2d2d;
	font-weight: 600;
	margin-bottom: 5px;
}

.growth_talkus .paragraph_p {
	font-size: 17px;
	line-height: 26px;
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
	font-weight: 400;
	color: #202227;
}

.developstrategy {
	position: relative;
	padding-left: 115px;
}

.cirCleBoxOne {
	width: 32px;
	height: 32px;
	border: 4px solid #a186be;
	position: absolute;
	right: 200px;
	top: -380px;
	border-radius: 100px;
	animation: leftTop 15s 0.5s infinite;
	transition: all 0.5s ease;
}

@keyframes leftTop {
	0%,
	100% {
		transform: translateY(20px);
	}
	50% {
		transform: translateY(0px);
	}
}

.circleBoxTwo {
	width: 56px;
	height: 56px;
	border: 4px solid #7da7d9;
	position: absolute;
	right: 48px;
	top: -340px;
	transform: translateY(90px);
	border-radius: 100px;
	animation: topBottom 15s 0.5s infinite;
	transition: all 0.5s ease;
}

@keyframes topBottom {
	0%,
	100% {
		transform: translateY(90px);
	}
	50% {
		transform: translateY(0px);
	}
}

.circleBoxThree {
	width: 106px;
	height: 106px;
	border: 4px solid #c2c2c2;
	position: absolute;
	right: 146px;
	top: -265px;
	transform: translateY(90px);
	border-radius: 100px;
	animation: topBottom 15s 0.5s infinite;
	transition: all 0.5s ease;
}

.smp_sec4vidwrp {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-self: center;
}

.smp_sec4videobx {
	position: relative;
	width: 100%;
}

.smp_sec4videobx img {
	position: absolute;
	bottom: 0;
}

@media only screen and (max-width: 2560px) {
	/* Add your CSS rules here */
}

@media only screen and (max-width: 1880px) {
	.smpslider .item p {
		margin-bottom: 0;
	}
	.smp_sldierbx {
		margin-top: 65px;
	}
	.growth_textbx li {
		font-size: 16px;
	}
}
/* Section 5 End */


/************************************************************************************************** Section 3 start ***********************************/
.sec3_title3 h3 {
	font-size: 65px;
	line-height: 70px;
	color: #060606;
	font-weight: 700;
	font-family: "Poppins";
	padding-bottom: 10px;
}

/* .sec3_left {
	padding-top: 85px;
} */
.sec3_left .sec3_title3 h3 span {
	font-size: 23px;
	color: #52bd3e;
	font-weight: 500;
	font-family: "Poppins";
	border-bottom: 5px solid #ccc;
	position: relative;
	top: -10px;
}

.smp_sec3 {
	padding: 131px 85px 70px;
}

.smp_sec3_para p {
	font-size: 17px;
	line-height: 26px;
	color: #202227;
	font-weight: 300;
	font-family: "Poppins";
}

.li_list .checklist li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 10px;
}

.li_list .checklist li::before {
	content: url('../images/smp/checkk.svg');
	position: absolute;
	left: 0;
	top: 3px;
	color: #007bff;
	font-size: 18px;
	/* Adjust size as needed if using font icon */
}

.sec3_left .smp_sec3_para p {
	padding-bottom: 20px;
}

.sec3_left .checklist li {
	font-size: 17px;
	line-height: 26px;
	color: #202227;
	font-weight: 300;
	font-family: "Poppins";
}

.bottom_icon img {
	width: 60px;
	position: relative;
	top: 6px;
}

.smp_analysis {
	display: flex;
}

.li_list .checklist {
	margin-bottom: 85px;
}

.smp_sec3 .leftAnalys h3 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
	margin-right: 0;
	width: 100%;
	float: left;
	position: relative;
	padding-bottom: 9px;
	font-weight: 600;
}

.smp_sec3 .leftAnalys h3:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #a1a1a1;
	bottom: 0px;
	left: 0;
}

.smp_sec3 .leftAnalys p {
	font-size: 17px;
	line-height: 26px;
	width: 100%;
	margin: 0;
	float: left;

}

.smp_sec3 .leftAnalys {
	width: 370px;
	padding-left: 15px;
}

.sec3_right .benefits h2 {
	font-size: 47px;
	line-height: 60px;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 25px;
}

.smp_sec3 .privacy-choices p {
	width: 100%;
	font-size: 17px;
	line-height: 26px;
	padding-bottom: 12px;
	font-weight: 300;
}

.smp_customer {
	margin-top: 145px;
}

.smp_sec3 {
	background: url(../images/smp/ppc-bg.png) no-repeat;
	background-position: right 77%;
}

.sec3_left {
	display: flex;
}

.sec1_col1 {
	width: 60%;
	padding-top: 70px;
}

.sec1_col2 {
	width: 40%;
}

.ai_box {
	border: 2px solid #ccc;
	padding: 136px 20px 25px 25px;
	border-radius: 20px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.12);
}

.ai_inner_box h6 {
	font-size: 17px;
	line-height: 26px;
	color: #49cd0f;
	font-weight: 500;
	font-family: "Poppins";
	padding-bottom: 10px;
}

.ai_inner_box p {
	font-size: 17px;
	line-height: 24px;
	color: #1c1c1c;
	font-weight: 600;
	font-family: "Poppins";
}

.ai_inner_box {
	background-color: #f9f9f9;
	padding: 10px 0px 12px 15px;
	border-radius: 20px 0 0 20px;
}

.sec1_col2 {
	width: 40%;
	padding-top: 85px;
	padding-right: 65px;
}

.ai_box_btm p {
	font-size: 17px;
	line-height: 26px;
	color: #1c1c1c;
	font-weight: 400;
	font-family: "Poppins";
	margin-bottom: 25px;
}

.ai_list li {
	font-size: 14px;
	line-height: 24px;
	color: #202227;
	font-weight: 300;
	font-family: "Poppins";
	position: relative
}

.ai_list {
	display: flex;
	gap: 35px;
	padding-top: 42px;
}

.ai_list .productive:after {
	position: absolute;
	content: '';
	border-top: 7px solid #91ade7;
	width: 90px;
	left: 0;
	top: -8px;
	border-radius: 3px;
}

.ai_list .result:after {
	position: absolute;
	content: '';
	border-top: 7px solid #ecf0a2;
	width: 90px;
	left: 0;
	top: -8px;
	border-radius: 3px;
}

.ai_box_btm {
	padding-top: 40px;
	padding-right: 5px;
}

.ai_box {
	position: relative;
}

.ai_inner_box:after {
	position: absolute;
	content: "";
	background: url(../images/smp/aihand.png);
	width: 100%;
	height: 346px;
	bottom: 152px;
	right: -2px;
	background-repeat: no-repeat;
	background-size: contain;
}

.ai_box_btm i {
	position: relative;
	top: 3px;
}

/* -------------------------------------------- */
.smp_mrktng_clck .title-cont-pages {
    font-size: 54px;
    font-weight: 300;
    line-height: 65px;
}
.smpThumbTab {
	width: 450px;
	float: left;
	margin-left: -152px;
	position: relative;
	z-index: 9;
	margin-top: 140px;
}

.smpContInfo {
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
}

.smpTabBox {
	width: 100%;
	float: left;
}

.smpContInfo .osmTabedArea {
	max-width: 335px;
}

.thumbBoxSecTwo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.thumbBoxSecTwo {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 100px;
	overflow: hidden;
}

.caLLBtn {
	display: flex;
	position: relative;
	width: 100%;
	float: left;
	gap: 23px;
}

.smpContInfo .caLLBtn {
	min-height: 40px;
	padding-left: 55px;
	align-items: center;
}

.osmTabedArea a {
	font-size: 19px;
	line-height: 29px;
	color: #1134a9;
	font-weight: 600;
	text-decoration: none !important;
	display: block;
}

.smpThumbTab .smpContInfo .telNumber a {
	font-size: 17px;
	line-height: 27px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	width: 500px;
	transition: all 0.5s ease;
}

.smpThumbTab .smpContInfo .active .telNumber a {
	animation: typinga 5s steps(50) 1s infinite;
}

@keyframes typinga {
	from {
		width: 0;
	}

	to {
		width: 500px;
	}
}

.smp_iconInfoList a:hover img,
.smp_iconInfoList a.active img {
	animation: gtwss-vibrate 1.5s linear infinite;
}

@keyframes gtwss-vibrate {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}

	10% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}

	20% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}

	30% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}

	40% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}

	50% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}

	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}

.smp_iconInfoList {
	display: flex;
	gap: 20px;
	position: relative;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-right: 15px;
}

.osm-tab-content {
	display: none;
}

.smpContInfo .smp_iconInfoList a img {
	width: 18px;
	transition: all 0.5s ease;
}

.smp_iconInfoList a {
	position: relative;
}

.osm-tab-content.active {
	display: inherit;
}

.smp_iconInfoList:after {
	width: 1px;
	height: 100%;
	position: absolute;
	left: 0;
	top: unset;
	content: "";
	background: #e1e1e1;
	bottom: 0px;
}

.smp_iconInfoList a {
	position: relative;
}

.smp_iconInfoList .active:before {
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: unset;
	content: "";
	background: #d82533;
	bottom: -6px;
}

.osmTabedArea {
	width: 415px;
	float: left;
	overflow: hidden;
}

/* ----------------------------------- */


.ai_box_btm h5 {
	position: absolute;
	left: -150px;
	transform: rotate(270deg);
	font-size: 30px;
	color: #000000;
	font-weight: 700;
	font-family: "Poppins";
}

.ai_box_btm h5:after {
	position: absolute;
	content: '';
	width: 2px;
	height: 40px;
	background-color: #ccc;
	transform: rotate(90deg);
	top: -3px;
	right: -40px;
}

.ai_inner_box h6 {
	position: relative;
}

.ai_inner_box h6:after {
	position: absolute;
	content: '';
	width: 40px;
	height: 2px;
	background-color: #ccc;
	top: 13px;
	left: 125px;
}


.ai_box_btm a {
	position: relative;
	font-size: 17px;
	text-decoration: none;
	font-weight: 500;
	color: #fff;
	background-color: #4d5c6b;
	padding: 12px 80px;
	border-radius: 30px;
	border: none;
	display: flex;
	gap: 20px;
	overflow: hidden;
	z-index: 1;
}

.ai_box_btm a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #52bd3e;
	z-index: 0;
	transition: width 0.4s ease;
	border-radius: 30px;
}

.ai_box_btm a:hover::before {
	width: 100%;
}

.ai_box_btm a span {
	position: relative;
	z-index: 1;
}

.smp_iconInfoList .liveChat a img {
	width: 22px;
}

.smp_iconInfoList .microTeam a img {
	width: 20px;
}

.smp_customer img {
	width: 100%;
}

/****************************************************************** section three end *****************************************/

/********************************************************* responsive start *************************************************/

@media only screen and (max-width:1880px){
	/* sec1 */
	.bannerAreaSmp{
	padding-top:30px;
	}
	.smpBannerContent{
	padding-top: 65px;
	}
	.bannerImgArea img{
		    object-position: bottom right;
	}
	/* sec2 */
	.drivingInnerSec .titleContPages {
	font-size: 48px;
	line-height: 58px;
	}
	.rowOneDriving{
	margin-bottom: 30px;
	}
	.tabContentOuterSmp{
		    padding-top: 45px;
	}
	.tabsInnerDeskSmp {
    padding-block: 40px;
	}
	.tabsInnerDeskSmp ul{
		    min-width: 450px;
			gap:0px;
	}
	.tabDescArea {
    margin-bottom: 15px;
	}
	.tabsInnerDeskSmp:after {
    width: 395px;
	}
	.tabSmpInner:after {
    width: calc(100% - 345px);
	}
	.tabsInnerDeskSmp ul li h3 {
    font-size: 32px;
    line-height: 42px;
	}
	.tabsInnerDeskSmp ul li:before {
    width: 201px;
    height: 74px;
	}
	.rightAnalysisOuter{
	
	}
	.faxcommxtab .tabSmpContent {
     max-width: 560px;
	}

	/* sec4 */
	.leftCombineArea .titleCombineBox {
    padding-right: 45px;
    margin-right: 45px;
	}
	.leftMakeDiffAreaOuter{
		    padding-right: 60px;
	}
	.rowOneTwoOuter {
     gap: 50px;
	}
	.descTitleTabMore .tabTitleBoxDiff h2 {
    font-size: 38px;
    line-height: 48px;
	}
	.tabAnalysisGraphArea .chart-container {
     padding-block-end: 30px;
    padding-block-start: 26px;
	}
	.lineBullListOuter .oneListFunding {  
    padding-top: 20px;
	}
}
@media only screen and (max-width:1800px){
.leftWeshallPutArea .descWeshallArea{
	gap: 20px;
}
.descTitleTabMore .tabTitleBoxDiff h2 {
        font-size: 35px;
        line-height: 45px;
}
.leftMakeDiffAreaOuter{
	padding-right: 70px;
}
/* sec4 */
.rowOneWeShallPut .leftWeshallPutArea {
    width: 100%;
    max-width: 550px;
}
}

@media only screen and (max-width:1780px){
	.content-welcome p,
	.rightInfoSmp .smpIcon p,
	.titleDescSMP p ,
	.tabDescArea p,
	.listItemsSmpSecTwo .listItemOne p,
	.bottomRtfreeSmp p.myAnyl,
	.leftWeshallPutArea .descWeshallArea p,
	.innerCombineRt .descCombineSmp p,
	.descTitleTabMore .tabDescDiff p,
	.lineBullListOuter .oneListFunding p,
	.innerCombineRt .titleUnderCombi h5{
	font-size: 16px;
	line-height: 26px;
	}
	.titleDescSMP p {
      line-height: 24px;
	}
	.listItemsSmpSecTwo .listItemOne p{
		line-height: 28px;
	}
}
@media only screen and (max-width:1680px){
	.welcomeCrSmp,
	.drivingBetter{
	padding-inline:55px;
	}	
	.titleDescSMP{
	width: 335px;
	}
	.rightAnalysisOuter {

	}
	.tabsInnerDeskSmp{
	padding-inline-start: 25px;
	}
	.tabsInnerDeskSmp ul {
	min-width: 390px;
	}
	.tabsInnerDeskSmp:after {
	width: 335px;
	}
	.tabSmpInner:after {
	width: calc(100% - 285px);
	}
	    .tabsInnerDeskSmp ul li h3 {
        font-size: 28px;
        line-height: 38px;
		}

		    .faxcommxtab .tabSmpContent {
        max-width: 510px;
			}
			.titleDescSMP h3 {
    font-size: 20px;
    line-height: 27px;
			}

			/* sec4 */
			.leftMakeDiffAreaOuter{
				max-width: 930px;
			}
			    .rowOneDriving {
        margin-bottom: 25px;
				}
	.makeTabDifferList .myTaxbs li{	
	padding-inline: 25px;
	}
	.makeDifferent {
	padding-inline: 55px;
	}
	.leftCombineArea .titleCombineBox h4 {
		font-size: 32px;
		line-height: 40px;
		max-width: 675px;
	}
	.leftWeshallPutArea .titleSubWeShall h3 {
    font-size: 32px;
    line-height: 40px;
	}
	.rightWeshallArea .innerWhatDid h4 {
    font-size: 26px;
    line-height: 34px;
	}
	.rightWeshallArea .imageBoxWhatDidArea{
		    width: 185px;
	}
	.rightWeshallArea .imageBoxWhatDidArea img{
		    width: 100%;
	}
	.tabAnalysisGraphArea .chart-svg {
    width: 100%;
    height: 150px;
	}
	    .faxcommxtab .tabSmpContent {
        max-width: 500px;
		}
		.tabsInnerDeskSmp ul{
			gap:2px;
		}

}
@media only screen and (max-width:1600px){
	.bannerAreaSmp {
	width: 50%;
	}
	.drivingInnerSec .titleContPages {
	font-size: 46px;
	line-height: 56px;
	}
	.rightInfoSmp .smpIcon {
    max-width: 745px;
	}
	.tabsInnerDeskSmp ul li:before {
        width: 171px;
	}
	.faceBookCircle .faceTitle h4{
		font-size: 16px;
		line-height: 22px;
	}
	.faceBookCircleBox {
   	 width: 205px;
	}
	.tabContentOuterSmp {
   	 padding-left: 40px;
	}
	.titleTabAreaContent h3 {
		font-size: 21px;
		line-height: 29px;
	}
	.tabsInnerDeskSmp ul li{
		padding-inline-start: 45px;
	}
	.tabsInnerDeskSmp ul li:after {
    width: 14px;
    height: 15px;
	}
	.tabsInnerDeskSmp ul li h3 span.arrowRight {
    width: 54px;
    height: 54px;
}
	.tabsInnerDeskSmp ul {
		justify-content: space-between;	
		min-width: 325px;
		gap: 14px;
	}
	.leftDoots p, .rightGoal p {
     font-size: 12px;
	}
	.faceBookCircleBox .progressContainer {

	}
	.bottomRtfreeSmp{
		padding-top: 15px;
	}
	.makeDifferentInnerArea{
		
	}
	.rightAnalysisOuter {
    width: 475px;
	}
	    .faxcommxtab .tabSmpContent {
        max-width: 480px;
		}
		/* sec4 */
	.makeTabDifferList .myTaxbs li {
	padding-inline: 22px;
	}
	.leftMakeDiffAreaOuter{	 
        max-width: 860px;
		padding-right: 50px;
	}
	.rowOneWeShallPut .leftWeshallPutArea{
	max-width: 530px;
	}
	.leftCombineArea .titleCombineBox {
	padding-right: 45px;
	margin-right: 45px;
	}
	.rightWeshallArea .innerWhatDid h4{
	left: -35px;
	}
	.tabsInnerDeskSmp:after {
	width: 315px;
	}
	.tabSmpInner:after {
	width: calc(100% - 265px);
	}
	.leftCombineArea .titleCombineBox h4 {
	font-size: 30px;
	line-height: 38px;
	}


}
@media only screen and (max-width:1550px){
.titleTabAreaContent h3 {
    font-size: 22px;
    line-height: 28px;
}

}
@media only screen and (min-width:1367px) and (max-width:1440px){
	.welcomeCrSmp{
	padding-inline:49px;
	padding-block: 56px 45px;
	}
	.topSecBanSmp .titleContPages{
	font-size: 41px;
	line-height: 51px;
	}
	.content-welcome p,
	.rightInfoSmp .smpIcon p,
	.titleDescSMP p ,
	.tabDescArea p,
	.listItemsSmpSecTwo .listItemOne p,
	.bottomRtfreeSmp p.myAnyl,
	.leftWeshallPutArea .descWeshallArea p,
	.innerCombineRt .descCombineSmp p,
	.descTitleTabMore .tabDescDiff p,
	.lineBullListOuter .oneListFunding p,
	.innerCombineRt .titleUnderCombi h5{
	font-size: 13px;
	line-height: 20px;
	}

	
	

	/* sec1 */
	.smpBannerContent{
		margin-top:0;
		padding-top:50px;
	}
	.crStiTle{
		margin-bottom: 14px;
	}
	.smpBannerContent .crSdescTop p {
    max-width: 497px;
	}
	.border-right:after {
		top: -4px;
	}
	.button_content h3 {
		font-size: 18px;
		line-height: 24px;
		max-width: 191px;
		margin-bottom: 3px;
	}

.circleThreeBox {
	width: 83px;
	height: 109px;
	left: -11px;
	bottom: 49px;
}
	.circleOne {
	width: 57px;
	height: 57px;
	}
	.circleTwo {
	width: 38px;
	height: 38px;
	bottom: 60px;
	right: 8px;
	}
	.circleThree {
	width: 23px;
	height: 23px;
	top: -4px;
	left: 11px;
	}
	
	.button_content h3:after {
	width: 53px;
	}
	.crSdescTop {
	margin-bottom: 69px;
	}
	.smpContInfo li {
	width: 48px;
	height: 48px;
	}
	.smpContInfo li img {
	width: 19px;
	}
	.smpContInfo li.microTeam img {
	width: 22px;
	}
	.smpContInfo li.liveChat img {
	width: 22px;
	}
	.smpBanConArea {
    margin-top: 11px;
    left: -15px;
	}
	.titleDescSMP {
    padding-right: 19px;
    margin-right: 19px;
    width: 300px;
	}
	.titleDescSMP .titleBoxOne {
    margin-bottom: 23px;
	}
	.titleDescSMP h3 {
	font-size: 17px;
	line-height: 23px;
	max-width: 210px;
	padding-bottom: 4px;
	}
	.borderSec span {
    width: 17px;
    height: 2px;
    }
	.outerCircle h3 {
    font-size: 12px;
	line-height: 20px;  
	}
	.banSmpProgress {
     width: 99px;
    height: 99px;
	}
	.banSmpProgress svg {
    width: 99px;
    height: 99px; 
	}
	.titleBoxCircleMark {
		width: 113px; 
		border-radius: 7px;
		padding: 6px 10px;
		bottom: 10px;
		left: 19px;
	}
	.titleBoxCircleMark ul li {
    font-size: 11px;
    line-height: 18px;
    padding-left: 14px;
	}
	.titleBoxCircleMark ul li:after {
		
		width: 7px;
		height: 7px;
		top: 6px;
	}
	/* sec2 */
	.drivingInnerSec .titleContPages {
    font-size: 38px;
    line-height: 44px;
	max-width: 453px;
	}
	.drivingInnerSec {
	padding-block: 98px 45px;
	}
	.rightInfoSmp .smpIcon {
	max-width: 650px;
	}
	.rightInfoSmp .leftborder:before {
    width: 1px;
    height: 48px;
	}
	.rightInfoSmp .infoIcon {
	width: 120px;
	}
	.tabsInnerDeskSmp ul li h3 {
    font-size: 26px;
    line-height: 34px;
	}

	.tabsInnerDeskSmp ul li {
    padding-block: 4px;
    padding-inline-end: 4px;
    padding-inline-start: 41px;
    border-radius: 45px;
	}
	.tabsInnerDeskSmp ul li h3 span.arrowRight {
    width: 48px;
    height: 48px;
	}
	.tabsInnerDeskSmp ul li h3 span.arrowRight img {
    width: 17px;
   	}
	.tabsInnerDeskSmp ul li:before {
    width: 211px;
    height: 56px;
    transform: translateX(10px);
	}
	.tabsInnerDeskSmp {
    padding-block: 38px;
    padding-inline-start: 30px;
  	}
	.tabsInnerDeskSmp ul {
    gap: 7px;
    min-width: 415px;
	}
	.tabsInnerDeskSmp ul li:after {
    width: 11px;
    height: 12px;
    left: 12px;
	}
	.titleTabAreaContent h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 9px;
	}
	.listItemsSmpSecTwo .listItemOne:after {
     border-width: 4.9px 0 4.9px 7px;
	}
	.listItemsSmpSecTwo .listItemOne {
      padding-left: 18px;
	}
	.bottomRtfreeSmp h4.titleAnaly {
    font-size: 15px;
    padding-bottom: 10px;
    margin-bottom: 4px;
	}
.tabsInnerDeskSmp:after {
    width: 345px;
}
.tabSmpInner:after {
    width: calc(100% - 305px);
	border-radius: 45px;   
}
.rightAnalysisOuter {
    width: 385px;
    padding-top: 53px;
    padding-left: 30px;
    padding-bottom: 25px;
}
.faceBookCircleBox {
    width: 169px;
    padding-block: 11px;
    padding-inline: 15px;
}
.faceBookCircle .faceTitle h4 {
    font-size: 13px;
    line-height: 18px;
}
.faceBookCircleBox .progressText .value {
    font-size: 21px; 
}
.faceBookCircleBox .progressText .label {
    font-size: 10px;
 }
 .faceBookCircleBox .progressContainer {
    width: 99px;
    height: 99px;
 }
 .colTwoArea .faceBookCircleBox {
    padding-bottom: 24px;
 }
 .faxcommxtab .tabSmpContent {
     max-width: 375px;
 }

 .tabContentOuterSmp {
    padding-left: 38px;
    padding-top: 45px;
    max-width: 473px;
 }
 .faceBookCircle .faceTitle {
    margin-bottom: 29px;
 }
 .colTwoArea .percentage {
    font-size: 21px;
    line-height: 21px;
 }
 .rowOneDriving {  
    margin-bottom: 35px;
 }
.bottomRtfreeSmp {
padding-bottom:25px;
}
.leftDoots p, .rightGoal p {
font-size:9px;
}
.colTwoArea .labelx {
    font-size: 9px;  
}
.helText {
    top: 6px;
}
.textFlipArea { 
    height: 31px;   
    left: 2px;
}
.colOneAreaSmp .help-bttn a {
	font-size: 14px;
	line-height: 20px;
	padding: 0px 39px 0 0;
	letter-spacing: 2px;
}
.colOneAreaSmp .help-bttn-icon {
    width: 39px;
    height: 39px;
}
.colOneAreaSmp .help-bttn { 
    width: 120px;
    height: 31px;
    border-radius: 23px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px; 
}
.userBicon span.bodYhalf {
    width: 17px;
    height: 17px;
    bottom: -4px;
}
.userBicon span.heaDcir {
    width: 9px;
    height: 9px;
}
.colTwoArea .bar-chart {
    height: 75px;
    margin-bottom: 30px;
    border-bottom: 1px solid #efefef;
    padding-inline: 11px;
}
.colTwoArea .bar {
    width: 5px;
    border-radius: 30px;
}
.colTwoArea .faceBookCircle .faceTitle {
    margin-bottom: 23px;
}
.drivingBetter,
.makeDifferent {
        padding-inline: 49px;
    }
	/* sec4 */
	.titleBoxMakeDiff h2 {
	font-size: 38px;
	line-height: 44px;
	}
	.makeDifferentInnerArea {
	padding-block: 98px 45px;
	}
	.leftWeshallPutArea .titleSubWeShall h3 {
	font-size: 26px;
	line-height: 34px;
	width: 368px;
	}
	.leftWeshallPutArea .titleSubWeShall {
	margin-bottom: 18px;
	}
	.leftCombineArea .titleCombineBox h4 {
	font-size: 26px;
	line-height: 32px;
	max-width: 557px;
	}
	.rightWeshallArea .innerWhatDid h4 {
        font-size: 23px;
        line-height: 30px;
        max-width: 135px;
        left: -48px;
        top: -10px;
	}
	.titleBoxMakeDiff {
	margin-bottom: 9px;
	}
	.leftWeshallPutArea .descWeshallArea {
     gap: 24px;
	}
	.leftCombineArea .titleCombineBox {
    padding-right: 49px;
    margin-right: 49px;
	}
	.leftCombineArea .titleCombineBox:after {
    height: 96px;
 	}
	.innerCombineRt .titleUnderCombi h5 {
    padding-bottom: 3px;
	}
	.innerCombineRt .titleUnderCombi {
    margin-top: 19px;
	}
	.rightWeshallArea {
    width: 210px;
    top: -10px;
	}
	.leftMakeDiffAreaOuter {
    max-width: 735px;
    padding-right: 23px;
	}
	.rowOneWeShallPut .leftWeshallPutArea {
    max-width: 435px;
	}
	.innerCombineRt .titleUnderCombi h5:after {
	height: 2px;
	}
	.rowLeftTwoAreaWeCombine {
	padding-right: 26px;
	}
	.rightWeshallArea .imageBoxWhatDidArea {
	width: 139px;
	}
	.descTitleTabMore .tabTitleBoxDiff h2 {
	font-size: 32px;
	line-height: 40px;
	}
	.makeTabDifferList .myTaxbs li {
    font-size: 14px;
    line-height: 21px;  
    padding-block: 15px 14px;
    padding-inline: 26px;
    border-radius: 30px 30px 0px 0px;
	}
	.difTabContentInner {
    padding-top: 51px;   
	}
	.tabAnalysisGraphArea .chart-header h3 {
    font-size: 17px;
    line-height: 21px;
	}
	.lineBullListOuter .oneListFunding:after {
    width: 11px;
    height: 11px;
     top: -5px;
	}
	.lineBullListOuter .oneListFunding {
    padding-top: 23px;
    padding-right: 23px;
	}
	.outerMakeDiffTabArea {
    padding: 26px;   
	}
	.tabOuterTranspArea:after {
    height: calc(100% - 49px); 
    border-radius: 30px 30px 30px 30px;
	}
	.tabOuterTranspArea{
    max-width: 533px;
	}
	.chartFaceBook {
    margin-bottom: 29px;
}
    .rowOneTwoOuter {
        gap: 37px;
		}
    .tabAnalysisGraphArea .chart-container {
        padding-block-end: 30px;
        padding-block-start: 27px;
		}
}
@media only screen and (min-width:1281px) and (max-width:1366px){
	.tabAnalysisGraphArea .chart-container {
	padding-block-end: 20px;
	padding-block-start: 17px;
	}
	
	.welcomeCrSmp{
	padding-inline:49px;
	padding-block: 56px 45px;
	}
	.topSecBanSmp .titleContPages{
	font-size: 41px;
	line-height: 51px;
	}
	.content-welcome p,
	.rightInfoSmp .smpIcon p,
	.titleDescSMP p ,
	.tabDescArea p,
	.listItemsSmpSecTwo .listItemOne p,
	.bottomRtfreeSmp p.myAnyl,
	.leftWeshallPutArea .descWeshallArea p,
	.innerCombineRt .descCombineSmp p,
	.descTitleTabMore .tabDescDiff p,
	.lineBullListOuter .oneListFunding p,
	.innerCombineRt .titleUnderCombi h5{
	font-size: 13px;
	line-height: 20px;
	}

	
	

	/* sec1 */
	.smpBannerContent{
		margin-top:0;
		padding-top:50px;
	}
	.crStiTle{
		margin-bottom: 14px;
	}
	.smpBannerContent .crSdescTop p {
    max-width: 497px;
	}
	.border-right:after {
		top: -4px;
	}
	.button_content h3 {
		font-size: 18px;
		line-height: 24px;
		max-width: 191px;
		margin-bottom: 3px;
	}

.circleThreeBox {
	width: 83px;
	height: 109px;
	left: -11px;
	bottom: 49px;
}
	.circleOne {
	width: 57px;
	height: 57px;
	}
	.circleTwo {
	width: 38px;
	height: 38px;
	bottom: 60px;
	right: 8px;
	}
	.circleThree {
	width: 23px;
	height: 23px;
	top: -4px;
	left: 11px;
	}
	
	.button_content h3:after {
	width: 53px;
	}
	.crSdescTop {
	margin-bottom: 50px;
	}
	.smpContInfo li {
	width: 48px;
	height: 48px;
	}
	.smpContInfo li img {
	width: 19px;
	}
	.smpContInfo li.microTeam img {
	width: 22px;
	}
	.smpContInfo li.liveChat img {
	width: 22px;
	}
	.smpBanConArea {
    margin-top: 11px;
    left: -15px;
	}
	.titleDescSMP {
    padding-right: 19px;
    margin-right: 19px;
    width: 300px;
	}
	.titleDescSMP .titleBoxOne {
    margin-bottom: 10px;
	}
	.titleDescSMP h3 {
	font-size: 17px;
	line-height: 23px;
	max-width: 210px;
	padding-bottom: 4px;
	}
	.borderSec span {
    width: 17px;
    height: 2px;
    }
	.outerCircle h3 {
    font-size: 12px;
	line-height: 20px;  
	}
	.banSmpProgress {
     width: 99px;
    height: 99px;
	}
	.banSmpProgress svg {
    width: 99px;
    height: 99px; 
	}
	.titleBoxCircleMark {
		width: 113px; 
		border-radius: 7px;
		padding: 6px 10px;
		bottom: 5px;
		left: 17px;
	}
	.titleBoxCircleMark ul li {
    font-size: 11px;
    line-height: 18px;
    padding-left: 14px;
	}
	.titleBoxCircleMark ul li:after {
		
		width: 7px;
		height: 7px;
		top: 6px;
	}
	/* sec2 */
	.drivingInnerSec .titleContPages {
    font-size: 38px;
    line-height: 44px;
	max-width: 453px;
	}
	.drivingInnerSec {
	padding-block: 98px 50px;
	}
	.rightInfoSmp .smpIcon {
	max-width: 650px;
	}
	.rightInfoSmp .leftborder:before {
    width: 1px;
    height: 48px;
	}
	.rightInfoSmp .infoIcon {
	width: 120px;
	}
	.tabsInnerDeskSmp ul li h3 {
    font-size: 22px;
    line-height: 30px;
	}
.chartFaceBook {
    margin-bottom: 29px;
}
	.tabsInnerDeskSmp ul li {
    padding-block: 4px;
    padding-inline-end: 4px;
    padding-inline-start: 41px;
    border-radius: 45px;
	}
	.tabsInnerDeskSmp ul li h3 span.arrowRight {
    width: 38px;
    height: 38px;
	}
	.tabsInnerDeskSmp ul li h3 span.arrowRight img {
    width: 15px;
   	}
	.tabsInnerDeskSmp ul li:before {
    width: 150px;	
    height: 56px;
    transform: translateX(10px);
	}
	.tabsInnerDeskSmp {
    padding-block: 28px;
    padding-inline-start: 30px;
  	}
	.tabsInnerDeskSmp ul {
		gap: 1px;
		min-width: 335px;
	}
	.tabsInnerDeskSmp ul li:after {
    width: 11px;
    height: 12px;
    left: 12px;
	}
	.titleTabAreaContent h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 9px;
	}
	.listItemsSmpSecTwo .listItemOne:after {
     border-width: 4.9px 0 4.9px 7px;
	}
	.listItemsSmpSecTwo .listItemOne {
      padding-left: 18px;
	}
	.bottomRtfreeSmp h4.titleAnaly {
    font-size: 15px;
    padding-bottom: 10px;
    margin-bottom: 4px;
	}
.tabsInnerDeskSmp:after {
    width: 295px;
}
.tabSmpInner:after {
    width: calc(100% - 260px);
	border-radius: 45px;   
}
.rightAnalysisOuter {
    width: 385px;
    padding-top: 53px;
    padding-left: 30px;
    padding-bottom: 25px;
}
.faceBookCircleBox {
    width: 169px;
    padding-block: 11px;
    padding-inline: 15px;
}
.faceBookCircle .faceTitle h4 {
    font-size: 13px;
    line-height: 18px;
}
.faceBookCircleBox .progressText .value {
    font-size: 21px; 
}
.faceBookCircleBox .progressText .label {
    font-size: 10px;
 }
 .faceBookCircleBox .progressContainer {
    width: 99px;
    height: 99px;
 }
 .colTwoArea .faceBookCircleBox {
    padding-bottom: 24px;
 }
 .faxcommxtab .tabSmpContent {
     max-width: 425px;
 }

 .tabContentOuterSmp {
    padding-left: 38px;
    padding-top: 25px;
    max-width: 473px;
 }
 .faceBookCircle .faceTitle {
    margin-bottom: 29px;
 }
 .colTwoArea .percentage {
    font-size: 21px;
    line-height: 21px;
 }
 .rowOneDriving {  
    margin-bottom: 25px;
 }
.bottomRtfreeSmp {
padding-bottom:25px;
}
.leftDoots p, .rightGoal p {
font-size:9px;
}
.colTwoArea .labelx {
    font-size: 9px;  
}
.helText {
    top: 6px;
}
.textFlipArea { 
    height: 31px;   
    left: 2px;
}
.colOneAreaSmp .help-bttn a {
	font-size: 14px;
	line-height: 20px;
	padding: 0px 39px 0 0;
	letter-spacing: 2px;
}
.colOneAreaSmp .help-bttn-icon {
    width: 39px;
    height: 39px;
}
.colOneAreaSmp .help-bttn { 
    width: 120px;
    height: 31px;
    border-radius: 23px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px; 
}
.userBicon span.bodYhalf {
    width: 17px;
    height: 17px;
    bottom: -4px;
}
.userBicon span.heaDcir {
    width: 9px;
    height: 9px;
}
.colTwoArea .bar-chart {
    height: 75px;
    margin-bottom: 30px;
    border-bottom: 1px solid #efefef;
    padding-inline: 11px;
}
.colTwoArea .bar {
    width: 5px;
    border-radius: 30px;
}
.colTwoArea .faceBookCircle .faceTitle {
    margin-bottom: 23px;
}
.drivingBetter,
.makeDifferent {
        padding-inline: 49px;
    }
	/* sec4 */
	    .tabDescArea {
        margin-bottom: 10px;
		}
	.titleBoxMakeDiff h2 {
	font-size: 38px;
	line-height: 44px;
	}
	.makeDifferentInnerArea {
	padding-block: 98px 50px;
	}
	.tabAnalysisGraphArea .chart-svg{
		height:130px;
	}
	.leftWeshallPutArea .titleSubWeShall h3 {
	font-size: 26px;
	line-height: 34px;
	width: 100%;
	}
	.leftWeshallPutArea .titleSubWeShall {
	margin-bottom: 18px;
	}
	.leftCombineArea .titleCombineBox h4 {
	font-size: 24px;
	line-height: 30px;
	max-width: 557px;
	}
	.rightWeshallArea .innerWhatDid h4 {
        font-size: 23px;
        line-height: 30px;
        max-width: 135px;
        left: -48px;
        top: -10px;
	}
	.titleBoxMakeDiff {
	margin-bottom: 9px;
	}
	.leftWeshallPutArea .descWeshallArea {
     gap: 10px;
	}
	    .rowOneTwoOuter {
        gap: 25px;
		}
	.leftCombineArea .titleCombineBox {
    padding-right: 49px;
    margin-right: 49px;
	}
	.leftCombineArea .titleCombineBox:after {
    height: 96px;
 	}
	.innerCombineRt .titleUnderCombi h5 {
    padding-bottom: 3px;
	}
	.innerCombineRt .titleUnderCombi {
    margin-top: 19px;
	}
	.rightWeshallArea {
    width: 210px;
    top: -10px;
	}
	.leftMakeDiffAreaOuter {
    max-width: 695px;
    padding-right: 23px;
	}
	.rowOneWeShallPut .leftWeshallPutArea {
    max-width: 435px;
	}
	.innerCombineRt .titleUnderCombi h5:after {
	height: 2px;
	}
	.rowLeftTwoAreaWeCombine {
	padding-right: 26px;
	}
	.rightWeshallArea .imageBoxWhatDidArea {
	width: 139px;
	}
	.descTitleTabMore .tabTitleBoxDiff h2 {
		font-size: 27px;
		line-height: 35px;
		}
	.makeTabDifferList .myTaxbs li {
    font-size: 14px;
    line-height: 21px;  
    padding-block: 15px 14px;
    padding-inline: 26px;
    border-radius: 30px 30px 0px 0px;
	}
	.difTabContentInner {
    padding-top: 51px;   
	}
	.tabAnalysisGraphArea .chart-header h3 {
    font-size: 17px;
    line-height: 21px;
	}
	.lineBullListOuter .oneListFunding:after {
    width: 11px;
    height: 11px;
     top: -5px;
	}
	.lineBullListOuter .oneListFunding {
    padding-top: 23px;
    padding-right: 23px;
	}
	.outerMakeDiffTabArea {
    padding: 26px;   
	}
	.tabOuterTranspArea:after {
    height: calc(100% - 49px); 
    border-radius: 30px 30px 30px 30px;
	}
	.tabOuterTranspArea{
    max-width: 500px;
	}
	.descTitleTabMore{
		margin-bottom: 10px;
	}
	.tabAnalysisGraphArea .x-labels span {
	font-size: 12px;
	line-height: 16px;
	}
	.lineBullListOuter .oneListFunding {
	padding-top: 18px;
	}
}
@media only screen and (max-width:1280px){

	.welcomeCrSmp{
	padding-block: 56px 60px;
	}
.topSecBanSmp .titleContPages {
	font-size: 34px;
	line-height: 44px;
}
	.content-welcome p,
	.rightInfoSmp .smpIcon p,
	.titleDescSMP p ,
	.tabDescArea p,
	.listItemsSmpSecTwo .listItemOne p,
	.bottomRtfreeSmp p.myAnyl,
	.leftWeshallPutArea .descWeshallArea p,
	.innerCombineRt .descCombineSmp p,
	.descTitleTabMore .tabDescDiff p,
	.lineBullListOuter .oneListFunding p,
	.innerCombineRt .titleUnderCombi h5{
	font-size: 13px;
	line-height: 20px;
	}

	
	

	/* sec1 */
	.smpBannerContent{
		margin-top:0;
		padding-top:102px;
	}
	.crStiTle{
		margin-bottom: 14px;
	}
	.smpBannerContent .crSdescTop p {
    max-width: 497px;
	}
	.border-right:after {
		top: -4px;
	}
	.button_content h3 {
		font-size: 18px;
		line-height: 24px;
		max-width: 191px;
		margin-bottom: 3px;
	}

.circleThreeBox {
	width: 83px;
	height: 109px;
	left: -11px;
	bottom: 49px;
}
	.circleOne {
	width: 57px;
	height: 57px;
	}
	.circleTwo {
	width: 38px;
	height: 38px;
	bottom: 60px;
	right: 8px;
	}
	.circleThree {
	width: 23px;
	height: 23px;
	top: -4px;
	left: 11px;
	}
	
	.button_content h3:after {
	width: 53px;
	}
	.crSdescTop {
	margin-bottom: 69px;
	}
	.smpContInfo li {
	width: 48px;
	height: 48px;
	}
	.smpContInfo li img {
	width: 19px;
	}
	.smpContInfo li.microTeam img {
	width: 22px;
	}
	.smpContInfo li.liveChat img {
	width: 22px;
	}
	.smpBanConArea {
    margin-top: 11px;
    left: -15px;
	}
	.titleDescSMP {
    padding-right: 19px;
    margin-right: 19px;
    width: 300px;
	}
	.titleDescSMP .titleBoxOne {
    margin-bottom: 23px;
	}
	.titleDescSMP h3 {
	font-size: 17px;
	line-height: 23px;
	max-width: 210px;
	padding-bottom: 4px;
	}
	.borderSec span {
    width: 17px;
    height: 2px;
    }
	.outerCircle h3 {
    font-size: 12px;
	line-height: 20px;  
	}
	.banSmpProgress {
     width: 99px;
    height: 99px;
	}
	.banSmpProgress svg {
    width: 99px;
    height: 99px; 
	}
	.titleBoxCircleMark {
		width: 113px; 
		border-radius: 7px;
		padding: 6px 10px;
		bottom: 10px;
		left: 19px;
	}
	.titleBoxCircleMark ul li {
    font-size: 11px;
    line-height: 18px;
    padding-left: 14px;
	}
	.titleBoxCircleMark ul li:after {
		
		width: 7px;
		height: 7px;
		top: 6px;
	}
	/* sec2 */
	.drivingInnerSec .titleContPages {
    font-size: 38px;
    line-height: 44px;
	max-width: 453px;
	}
	.drivingInnerSec {
	padding-block: 130px 60px;
	}
	.rightInfoSmp .smpIcon {
	max-width: 650px;
	}
	.rightInfoSmp .leftborder:before {
    width: 1px;
    height: 48px;
	}
	.rightInfoSmp .infoIcon {
	width: 120px;
	}
	.tabsInnerDeskSmp ul li h3 {	 
	font-size: 22px;
	line-height: 30px;
	}

	.tabsInnerDeskSmp ul li {
    padding-block: 4px;
    padding-inline-end: 4px;
    padding-inline-start: 41px;
    border-radius: 45px;
	}
	.tabsInnerDeskSmp ul li h3 span.arrowRight {
    width: 48px;
    height: 48px;
	}
	.tabsInnerDeskSmp ul li h3 span.arrowRight img {
    width: 17px;
   	}
	.tabsInnerDeskSmp ul li:before {
    width: 211px;
    height: 56px;
    transform: translateX(10px);
	}
	.tabsInnerDeskSmp {
    padding-block: 38px;
    padding-inline-start: 30px;
  	}
	.tabsInnerDeskSmp ul {
		gap: 25px;
		min-width: 305px;
	}
	.tabsInnerDeskSmp ul li:after {
    width: 11px;
    height: 12px;
    left: 12px;
	}
	.titleTabAreaContent h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
	}
	.listItemsSmpSecTwo .listItemOne:after {
     border-width: 4.9px 0 4.9px 7px;
	}
	.listItemsSmpSecTwo{
		gap:1px;
	}
	.listItemsSmpSecTwo .listItemOne {
      padding-left: 18px;
	}
	.bottomRtfreeSmp h4.titleAnaly {
    font-size: 15px;
    padding-bottom: 10px;
    margin-bottom: 4px;
	}
.tabsInnerDeskSmp:after {
    width: 315px;
}
.tabSmpInner:after {
    width: calc(100% - 265px);
	border-radius: 45px;   
}
.rightAnalysisOuter {
    width: 415px;
    padding-top: 53px;
    padding-left: 30px;
    padding-bottom: 25px;
}
.faceBookCircleBox {
    width: 169px;
    padding-block: 11px;
    padding-inline: 15px;
}
.faceBookCircle .faceTitle h4 {
    font-size: 13px;
    line-height: 18px;
}
.faceBookCircleBox .progressText .value {
    font-size: 21px; 
}
.faceBookCircleBox .progressText .label {
    font-size: 10px;
 }
 .faceBookCircleBox .progressContainer {
    width: 99px;
    height: 99px;
 }
 .colTwoArea .faceBookCircleBox {
    padding-bottom: 24px;
 }
 .faxcommxtab .tabSmpContent {
     max-width: 375px;
 }

 .tabContentOuterSmp {
    padding-left: 38px;
    padding-top: 45px;
    max-width: 473px;
 }
 .faceBookCircle .faceTitle {
    margin-bottom: 29px;
 }
 .colTwoArea .percentage {
    font-size: 21px;
    line-height: 21px;
 }
 .rowOneDriving {  
    margin-bottom: 50px;
 }
.bottomRtfreeSmp {
padding-bottom:25px;
}
.leftDoots p, .rightGoal p {
font-size:9px;
}
.colTwoArea .labelx {
    font-size: 9px;  
}
.helText {
    top: 6px;
}
.textFlipArea { 
    height: 31px;   
    left: 2px;
}
.colOneAreaSmp .help-bttn a {
	font-size: 14px;
	line-height: 20px;
	padding: 0px 39px 0 0;
	letter-spacing: 2px;
}
.colOneAreaSmp .help-bttn-icon {
    width: 39px;
    height: 39px;
}
.colOneAreaSmp .help-bttn { 
    width: 120px;
    height: 31px;
    border-radius: 23px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px; 
}
.userBicon span.bodYhalf {
    width: 17px;
    height: 17px;
    bottom: -4px;
}
.userBicon span.heaDcir {
    width: 9px;
    height: 9px;
}
.colTwoArea .bar-chart {
    height: 75px;
    margin-bottom: 30px;
    border-bottom: 1px solid #efefef;
    padding-inline: 11px;
}
.colTwoArea .bar {
    width: 5px;
    border-radius: 30px;
}
.colTwoArea .faceBookCircle .faceTitle {
    margin-bottom: 23px;
}

	/* sec4 */
	.titleBoxMakeDiff h2 {
	font-size: 38px;
	line-height: 44px;
	}
	.makeDifferentInnerArea {
	padding-block: 130px 60px;
	}
	.leftWeshallPutArea .titleSubWeShall h3 {
	font-size: 26px;
	line-height: 34px;
	width: 368px;
	}
	.leftWeshallPutArea .titleSubWeShall {
	margin-bottom: 18px;
	}
	.leftCombineArea .titleCombineBox h4 {
        font-size: 22px;
        line-height: 29px;
        max-width: 587px;
	}
	.rightWeshallArea .innerWhatDid h4 {
        font-size: 20px;
        line-height: 27px;
        max-width: 135px;
        left: -38px;
        top: -10px;
	}
	
    .tabAnalysisGraphArea .chart-svg {
        height: 200px;
	}
	.titleBoxMakeDiff {
	margin-bottom: 9px;
	}
	.leftWeshallPutArea .descWeshallArea {
     gap: 24px;
	}
	.leftCombineArea .titleCombineBox {
    padding-right: 39px;
    margin-right: 39px;
	}
	.leftCombineArea .titleCombineBox:after {
    height: 96px;
 	}
	.innerCombineRt .titleUnderCombi h5 {
    padding-bottom: 3px;
	}
	.innerCombineRt .titleUnderCombi {
    margin-top: 19px;
	}
	.rightWeshallArea {
    width: 210px;
    top: -10px;
	}
	.leftMakeDiffAreaOuter {
    max-width: 675px;
    padding-right: 53px;
	}
	.rowOneWeShallPut .leftWeshallPutArea {
    max-width: 396px;
	}
	.innerCombineRt .titleUnderCombi h5:after {
	height: 2px;
	}
	.rowLeftTwoAreaWeCombine {
	padding-right: 26px;
	}
	.rightWeshallArea .imageBoxWhatDidArea {
	width: 139px;
	}
	.descTitleTabMore .tabTitleBoxDiff h2 {
	font-size: 32px;
	line-height: 40px;
	}
	.makeTabDifferList .myTaxbs li {
    font-size: 14px;
    line-height: 21px;  
    padding-block: 15px 14px;
    padding-inline: 26px;
    border-radius: 30px 30px 0px 0px;
	}
	.difTabContentInner {
    padding-top: 51px;   
	}
	.tabAnalysisGraphArea .chart-header h3 {
    font-size: 17px;
    line-height: 21px;
	}
	.lineBullListOuter .oneListFunding:after {
    width: 11px;
    height: 11px;
     top: -5px;
	}
	.lineBullListOuter .oneListFunding {
    padding-top: 23px;
    padding-right: 23px;
	}
	.outerMakeDiffTabArea {
    padding: 26px;   
	}
	.tabOuterTranspArea:after {
    height: calc(100% - 49px); 
    border-radius: 30px 30px 30px 30px;
	}
	.tabOuterTranspArea{
    max-width: 533px;
	}
	.chartFaceBook {
    margin-bottom: 29px;
}
    .rowOneTwoOuter {
        gap: 37px;
		}
    .tabAnalysisGraphArea .chart-container {
        padding-block-end: 30px;
        padding-block-start: 27px;
		}

    .welcomeCrSmp, .drivingBetter, .makeDifferent {
        padding-inline: 50px;
	}




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

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

}
@media only screen and (max-width:1024px){
.welcomeCrSmp{
	padding-inline:20px;
}
}
@media only screen and (max-width:991px){

}
@media only screen and (max-width:767px){
.topSecBanSmp .titleContPages{
	font-size: 30px;
	line-height: 40px;
}
}
@media only screen and (max-width:640px){

}
@media only screen and (max-width:600px){
.topSecBanSmp .titleContPages{
        font-size: 28px;
        line-height: 38px;
}
}
@media only screen and (max-width:520px){
	.circleThreeBox {
	width: 90px;
	height: 125px;
	}
	.circleTwo {
	width: 25px;
	height: 25px;
	right: 34px;
	bottom: 67px;
	}
	.circleThree {
	width: 15px;
	height: 15px;
	top: 18px;
	left: 3px;
	}
	.button_content h3 {
	max-width: 185px;
	}
	.button_content h3:after {
	width: 30px;
	}
}
@media only screen and (max-width:480px){

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

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

}
/********************************************************* section responsive end *************************************************/