body{
	font-family: 'Roboto-Regular', 'Roboto','Helvetica Neue','Arial','sans-serif';
}
.partsconnect-top-navbar{
	display: table;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 99;
}
.parts-connect-leftnavbar, .parts-connect-rightnavbar{
	background: var(--color-primary);
}
.parts-connect-leftnavbar .navbar-brand{
	color: var(--color-white);
	padding: 14px 40px;
}
.parts-connect-leftnavbar .navbar-brand:hover{
	background: var(--color-secondary-hover);
}
.parts-connect-rightnavbar .navbar-brand:hover{
	background: var(--color-primary);
}
.parts-connect-rightnavbar .nav-login, .parts-connect-rightnavbar .nav-signup{
    float: right;
    padding: 5px 30px;
	background: var(--color-secondary);
	color: var(--color-white);
    margin-right: 10px;
    font-size: 15px;
    margin-top: 9px;
    border-radius: 4px;
    border: 1px solid var(--color-white);
}
.carousel-wrap{
	min-height: 480px;
    height: 480px;
	overflow: hidden;
	background: var(--color-secondary);
	color: var(--color-white);
	display: table;
	width: 100%;
}
.carousel-wrap .carousel .carousel-control{
	display: none;
}
.carousel-wrap .carousel:hover .carousel-control{
	display: block;
}
.carousel-wrap .carousel .carousel-inner img{
	display: block;
    max-width: 100%;
    height: auto;
}
.carousel-wrap .carousel-indicators .active{
    background: var(--color-white);
}
.carousel-wrap .carousel-indicators li {
	background: var(--color-secondary);
}
.carousel-wrap .landing-slide-caption{
	font-size: 48px;
	color: var(--color-white);
}
.carousel-wrap .carousel-control.left, .carousel-wrap .carousel-control.right{
	background-image: none;
}
.carousel-wrap .left.carousel-control{
	margin-left: 25px;
}
.carousel-wrap .right.carousel-control{
	margin-right: 25px;
}
.carousel-wrap .carousel-control .icon-arrow-left3, .carousel-wrap .carousel-control  .icon-arrow-right3{
	font-size: 30px;
    color: var(--color-white);
}
.carousel-wrap .carousel-indicators{
    left: 38%;
}
.carousel-wrap .carousel-indicators li {
    width: 15px;
	height: 15px;
	margin: 1px;
}
.carousel-wrap  .landing-slide-left{
	padding: 25px 85px;
}
.carousel-wrap .landing-slide-info{
	font-size: 20px;
    line-height: 28px;
	padding: 25px 0;
}
.carousel-wrap .carousel-action{
	margin: 40px 0;
}
.carousel-action .carousel-btn{
    border: 2px solid var(--color-white) !important;
    background: var(--color-secondary) !important;
    color: var(--color-white);
	padding: 6px 25px;
    margin-right: 15px;
}
.carousel-action .carousel-btn:hover{
    background: var(--color-primary) !important;
	border: 2px solid var(--color-white) !important;
}
.checkout-wrap{
	background: var(--color290);
	padding: 30px;
	display: table;
	width: 100%;
}
.checkout-wrap .checkout-head, .checkout-wrap .checkout-para{
	font-weight: 400;
    color: var(--color-secondary);
}
.checkout-image{
	height: 435px;
    min-height: 435px;
    overflow: hidden;
}
.checkout-wrap .checkout-para{
	font-size: 20px;
	font-weight: 400;
    color: var(--color-secondary);
}
.checkout-wrap .checkitout-block{
	margin-top: 35px;
}
.checkout-wrap .check-right-descp{
	font-weight: 400;
    color: var(--color-black);
	font-size: 20px;
	padding-bottom: 35px;
}
.no-padding{
	padding: 0;
}
.app-images .appstore, .app-images .googleplay{
	width: 147px;
    min-height: 43px;
	display: inline-block;
	margin-right: 35px;
}
.part-item-wrap{
	background: var(--color290);
	padding: 35px;
	display: table;
	width: 100%;
}
.part-item-wrap .parts-block{
	color: var(--color-white);
	margin-bottom: 30px;
	overflow: hidden;
}
.parts-block .parts-inner{
	background: var(--color-secondary);
}
.parts-block .parts-image .parts-image-inner{
	width: 200px;
    min-height: 200px;
    height: 200px;
	overflow: hidden;
}
.parts-block .parts-image{
    width: auto;
    min-height: 285px;
    height: 285px;
    overflow: hidden;
}
.app-images{
	margin: 35px 0;
}
.part-item-wrap .parts-label{
	font-weight: 400;
    font-size: 16px;
    text-align: center;
	padding: 15px 20px;
	background: var(--color-secondary);
}
.pricing-wrap{
	background: var(--color-primary);
	padding: 35px;
}
.pricing-wrap .pricing-block{
	display: table;
	width: 100%;
}

.pricing-wrap .pricing-top-title{
    text-align: center;
}
.pricing-wrap .pricing-top-title .pricing-head{
	color: var(--color-white);
	padding: 5px 0 30px 0;
}
.pricing-block .pricing-info{
	background: var(--color-white);
	color: var(--color-black);
	border-radius: 6.5px;
    padding: 20px 20px;
	text-align: center;
	margin-right: 40px;
	margin-bottom: 25px;
}
.pricing-title{
	font-size: 20px;
	padding: 10px;
	font-weight: 700;
}
.pricing-wrap .pricing-duration{
	padding: 5px 0;
	font-size: 15px;
}
.italic{
	font-style: italic;
}
.pricing-info .price{
	font-size: 48px;
}
.feature-info{
	margin: 0 20px;
}
.action-wrap{
	border-top: 1px solid var(--color-medium);
    padding: 20px 0 0 0;
	margin: 10px -20px 0 -20px;
}
.pricing-info .action-wrap .contact, .pricing-info .action-wrap .comming-soon{
	background: var(--color-dark);
}
.pricing-info .action-wrap .signup-btn{
	border-radius: 4px !important;
	padding: 10px 30px;
	border: none !important;
	background: var(--color-secondary) !important;
	width: 50%;
}
.pricing-info .action-wrap .signup-btn:hover, .pricing-info .action-wrap .contact:hover, .pricing-info .action-wrap .comming-soon:hover{
	background: var(--color-primary-hover) !important;
}
.feature-info ul, .footer-nav ul{
	padding: 0;
	margin: 0;
	list-style-type: none;	
	padding-inline-start: 0;
}
.feature-info ul li{
    padding: 15px 10px;
	border-bottom:1px solid var(--color-medium);
	font-size: 13px;
	font-weight: 700;
	text-align: left;
}
.feature-info ul li:last-child{
	border-bottom:0;
}
.feature-info ul li:hover{
	color: var(--color-primary);	
}
.our-partners{
	background: var(--color-white);
	padding: 0 25px 0 25px;
	display: inline-block;
    width: 100%;
}
.our-partners-title{
	font-size: 36px;
    color: var(--color-primary);
	text-align: center;
	padding: 25px 15px;
}
.partners-inner{
	width: 250px;
    min-height: 150px;
    height: 150px;
    overflow: hidden;
	display: table;
    margin: 0 auto;
}
.partner-action{
	text-align: center;
    padding: 25px;
	margin: 25px 0;
}
.partner-action .partner-withus{
	background: var(--color-secondary) !important;
	color: var(--color-white);
	border: 0;
	border-radius: 4px;
}
.marg25-top{
	margin-top: 25px;
}
.partner-action .partner-withus:hover{
	background: var(--color-secondary-hover);
	opacity: .8;
}
.parts-footer{
	background: var(--color-primary);
	color: var(--color-white);
	padding: 35px 0 50px 35px;
	display: flex;
}
.parts-footer .foot-label{
    color: var(--color-primary);	
}
.parts-footer .footer-nav{
	margin-bottom: 15px;
}
.pricing-duration .italic{
	display: block;
}
.pricing-duration .subscpit-info{
	display: block;
    padding-bottom: 15px;
}
.feature-info .icon-ele-schematics{
    margin-right: 8px;
}
.container-section-pad0{
	padding: 0 !important;
}
/*responsive styles starat*/
	@media only screen and (min-width: 320px) and (max-width: 480px){
		.parts-connect-leftnavbar .navbar-brand{
			padding: 7px 6px;
			margin-top: 10px;
			font-size: 16px;
		}
		.carousel-wrap .landing-slide-left {
			padding: 15px 0;
		}
		.carousel-wrap .carousel {
				padding: 10px 25px 10px 25px;
		}
		.carousel-wrap .left.carousel-control {
			margin-left: 0px;
		}
		.carousel-wrap .right.carousel-control{
			margin-right: 0px;
		}
		.carousel-wrap .landing-slide-caption, .checkitout-block .checkout-head, .pricing-wrap .pricing-top-title .pricing-head, .our-partners-title .our-partners-head {
			font-size: 25px;
		}
		.carousel-wrap .carousel-control .icon-arrow-left3, .carousel-wrap .carousel-control .icon-arrow-right3 {
			font-size: 20px;
		}
		.carousel-wrap .landing-slide-info {
			font-size: 15px;
			padding: 10px 0;
		}
		.carousel-action .carousel-btn{
			font-size: 15px;
			padding: 6px 15px;
			margin-right: 20px;
		}
		.carousel-wrap .carousel-indicators {
			left: 35%;
		}
		.carousel-wrap .carousel-action {
			margin: 20px 0;
		}
		.checkout-wrap {
			padding: 0;
		}
		.checkout-wrap .checkout-para, .checkout-wrap .check-right-descp, .pricing-title {
			font-size: 16px;
		}
		.checkout-wrap .check-right-descp{
			padding: 0;
		}
		.app-images {
			margin: 15px 0;
		}
		.app-images .appstore, .app-images .googleplay {
			width: 120px;
			margin-right: 10px;
		}
		.part-item-wrap {
			padding: 15px;
		}
		.pricing-wrap .pricing-top-title .pricing-head {
			padding: 5px;
		}
		.part-item-wrap .parts-block {
			margin-bottom: 20px;
			padding-right: 0;
			padding-left: 0;
		}
		.pricing-wrap .pricing-top-title {
			padding: 5px;
		}
		.pricing-info .price {
			font-size: 40px;
		}
		.pricing-info .action-wrap button {
			padding: 6px 30px;
		}
		.pricing-wrap {
			padding: 15px;
		}
		.our-partners-title {
			padding: 10px 15px;
		}
		.partners-inner{
			height: 110px;
			min-height: 110px;
			width: 100%;
		}
		.partner-action .partner-withus {
			width: 85%;
			padding: 6px 16px;
		}
		.our-partners-block, .elx-upgrade{
			padding: 0 10px !important;
		}
		.free-trail{
			font-size: 14px !important;
			line-height: 20px !important;
			margin-top: 5px;
			font-weight: normal !important;
		}
		.signup-login-nav{
			text-align: center;
			margin-bottom: 10px;
			padding-top: 10px;
			width: auto;
		}
		.elx-off-header{
			text-align: center !important;
		}
		.elx-right-banner{
			background-size: cover !important;
			background-repeat: no-repeat;
			min-height: 240px !important;
		}
		.elx-left-banner, .elx-left-banner ul, .elx-left-banner ul li, .elx-pack-in div p:first-child{
			font-size: 16px !important;
			line-height: 25px !important;
		}
		.elx-left-banner{
			padding-left: 15px !important;
			width: 100% !important;
			min-height: 240px !important;
		}
		.elx-video{
			width: 100%;
			height: auto;
		}
		.elx-our-content{
			padding: 0 !important;
			font-size: 15px !important;
			line-height: 23px !important;
			margin: 25px 10px !important;
		}
		.elx-our-content p{
			margin: 10px 15px !important;
		}
		.elx-packeges h1{
			font-size: 16px !important;
			margin: 15px auto !important;
		}
		.elx-packeges p{
			margin: 15px 0 !important;
		}
		.elx-users-count{
			font-size: 27px !important;
		}
		.elx-pack-in{
			width: 280px !important;
			margin: 0 30px 30px 30px !important;
		}
		.elx-get-offer{
			width: 90% !important;
		}
		.elx-free-trail{
			border-right: none !important;
			padding: 0 !important;
			margin: 15px 15px 40px 15px !important;
		}
		.elx-free-trail h3, .elx-upgrade h3{
			font-size: 18px !important;
		}
		.elx-footer{
			padding: 5px 0 5px 0 !important;
			margin: 0 22px !important;
		}
		.elx-fecility-in p i{
			font-size: 100px !important;
		}
		.elx-fecility-in{
			width: 280px !important;
			height: 295px !important;
			margin: 0 36px 40px 15px !important;
		}
		.elx-offer-info{
			width: auto;
			text-align: center;
		}
		.elx-video-out{
			padding-top: 20px !important;
    		padding-bottom: 10px !important;
		}
		.elx-fecility-para{
			font-size: 15px !important;
		}
		.signup-login-nav a{
			padding: 5px 12px !important;
			margin: 0 7px !important;
			font-size: 13px !important;
		}
		.elx-ficility-outer{
			padding-left: 15px !important;
		}
	}
	@media only screen and (min-width: 481px) and (max-width: 767px){
		.parts-connect-leftnavbar .navbar-brand{
			padding: 15px 10px;
		}
		.carousel-wrap .landing-slide-caption, .checkout-wrap .checkout-head {
			font-size: 32px;
		}
		.carousel-wrap .landing-slide-left {
			padding: 25px 30px;
		}
		.carousel-wrap .landing-slide-info {
			font-size: 17px;
			padding: 10px 0;
		}
		.checkout-wrap .checkitout-block {
			margin-top: 25px;
		}
		.checkout-wrap .check-right-descp {
			font-size: 16px;
			padding-bottom: 0px;
		}
		.checkout-wrap .checkout-para, .checkout-wrap .check-right-descp{
			font-size: 17px;
		}
		.app-images {
			margin: 25px 0;
		}
		.checkout-wrap {
			padding-bottom: 0;
		}
		.part-item-wrap {
			padding-top: 0;
		}
		.free-trail{
			font-size: 14px !important;
			line-height: 20px !important;
			margin-top: 5px;
			font-weight: normal !important;
		}
		.signup-login-nav{
			text-align: center;
			margin-bottom: 10px;
			padding-top: 10px;
			width: auto;
		}
		.elx-right-banner{
			background-size: cover !important;
			background-repeat: no-repeat;
			min-height: 240px !important;
		}
		.elx-left-banner, .elx-left-banner ul, .elx-left-banner ul li{
			font-size: 16px !important;
			line-height: 25px !important;
		}
		.elx-left-banner{
			padding-left: 15px !important;
			width: 100% !important;
			min-height: 240px !important;
		}
		.elx-video{
			width: 100%;
			height: auto;
		}
		.elx-logo{
			width: auto;
			padding: 12px 0 0 10px !important;
		}
		.elx-off-header{
			text-align: center !important;
			width: auto;
			margin: 12px 10px 0px 0px !important;
			float: none !important;
		}
		.elx-our-content{
			padding: 0 !important;
			font-size: 15px !important;
			line-height: 23px !important;
			margin: 25px 10px !important;
		}
		.elx-our-content p{
			margin: 10px 15px !important;
		}
		.elx-packeges h1{
			font-size: 22px !important;
			margin: 15px auto !important;
		}
		.elx-packeges p{
			margin: 15px 0 !important;
		}
		.elx-users-count{
			font-size: 30px !important;
		}
		.elx-pack-in{
			width: 280px !important;
			margin: 0 30px 30px 15px !important;
		}
		.elx-get-offer{
			width: 90% !important;
		}
		.elx-free-trail{
			border-right: none !important;
			padding: 0 !important;
			margin: 15px 15px 40px 15px !important;
			width: 90% !important;
		}
		.elx-upgrade{
			width: 90% !important;	
		}
		.elx-free-trail h3, .elx-upgrade h3{
			font-size: 18px !important;
		}
		.elx-footer{
			padding: 5px 0 5px 0 !important;
			margin: 0 22px !important;
		}
		.elx-fecility-in p i{
			font-size: 100px !important;
		}
		.elx-fecility-in{
			width: 280px !important;
			height: 320px !important;
			margin: 0 36px 40px 15px !important;
		}
		.elx-offer-info{
			width: auto;
			text-align: center;
		}
		.signup-login-nav a {
			padding: 5px 12px !important;
			margin: 0 7px !important;
			font-size: 13px !important;
		}
		.elx-video-out{
			padding-top: 20px !important;
    		padding-bottom: 10px !important;
		}
		.connect-apps a img{
			width: 140px !important;
		}
		.elx-ficility-outer{
			padding-left: 10px !important;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 991px){
		.parts-connect-leftnavbar .navbar-brand {
			padding: 14px 20px;
		}
		.parts-connect-rightnavbar .nav-signup {
			padding: 5px 20px;
			margin-right: 3px;
			margin-top: 9px;

		}
		.part-item-wrap {
			padding: 5px;
		}
		.partners-inner {
			width: 150px;
		}
		.carousel-wrap .landing-slide-left {
			padding: 25px 50px;
		}
		.carousel-action .carousel-btn {
			margin-right: 5px;
			padding: 6px 12px;
		}
		.feature-info {
			margin: 0;
		}
		.pricing-info .action-wrap .signup-btn, .pricing-info .action-wrap .comming-soon, .pricing-info .action-wrap .contact {
			padding: 5px 20px;
			width: 85%;
		}
		.pricing-title {
			font-size: 16px;
		}
		.pricing-info .price {
			font-size: 40px;
		}
		.pricing-block .pricing-info{
			margin-right: 25px;
		}
		.carousel-wrap .landing-slide-caption, .checkout-wrap .checkout-head {
			font-size: 32px;
		}
		.carousel-wrap .landing-slide-info {
			font-size: 17px;
			padding: 10px 0;
		}
		.checkout-wrap .checkitout-block {
			margin-top: 25px;
		}
		.checkout-wrap .check-right-descp {
			font-size: 16px;
			padding-bottom: 0px;
		}
		.checkout-wrap .checkout-para, .checkout-wrap .check-right-descp{
			font-size: 17px;
		}
		.app-images {
			margin: 25px 0;
		}
		.checkout-wrap {
			padding-bottom: 0;
		}
		.part-item-wrap {
			padding-top: 0;
		}
		.elx-offer-info .free-trail{
			font-size: 14px !important;
			margin-top: 10px !important;
		}
		.elx-logo {
			width: auto;
			padding: 16px 0 0 10px !important;
		}
		.elx-off-header {
			float: right;
			width: auto;
			margin: 12px 10px 0px 0px !important;
		}
		.elx-left-banner, .elx-left-banner ul, .elx-left-banner ul li {
			font-size: 25px !important;
			line-height: 32px !important;
		}
		.elx-packeges h1 {
			font-size: 23px !important;
			margin: 15px auto !important;
		}
		.elx-our-content {
			font-size: 17px !important;
			line-height: 27px !important;
		}
		.elx-ficility-outer{
			padding-left: 30px !important;
		}
	}
	@media only screen and (min-width: 992px) and (max-width: 1145px){
		.elx-offer-info .free-trail{
			font-size: 16px !important;
			margin-top: 10px !important;
		}
		.elx-logo {
			width: auto;
			padding: 16px 0 0 10px !important;
		}
		.elx-off-header {
			float: right;
			width: auto;
			margin: 12px 10px 0px 0px !important;
		}
		.elx-our-content {
			font-size: 17px !important;
			line-height: 27px !important;
		}
	}
/*responsive styles end*/
/* parts connect styles end */