.erpsec1{ background: url('../images/erpsolutions/erp-banner.webp') no-repeat center center; background-size: cover; padding: 8% 0; }
.hrmssec1{ background: url('../images/hrms/hrmsbanner.webp') no-repeat center center; background-size: cover; padding: 8% 0; }
.customsoftware{ background: url('../images/customsoftware/banner.webp') no-repeat center center; background-size: cover; padding: 8% 0; }

.ERPbannerText h1{color: #ffffff; font-size: 60px; font-style: normal; font-weight: 700; line-height: 100%; margin-bottom:20px; max-width: 50%;}
.ERPbannerText p { font-size: 24px !important; font-weight:600; color: #ffffff; max-width: 600px; }

.erpsec2{ padding: 60px 0px; }
.erpsec2 a { font-size: 16px; border-radius: 5px; margin-top: 30px; display: block; font-weight: 700; text-align: center; max-width: 375px; background-image: linear-gradient(to right, #CD1C20, #FF4200); padding: 10px 0px; color: #ffffff; border: none; position: relative; z-index: 99; }
.erpsec2 a:hover{ background: #000000; color: #ffffff; }

.btn { font-size: 18px !important; border-radius: 5px !important; margin-top: 10px; display: block; font-weight: 700 !important; text-align: center; background-image: linear-gradient(to right, #f27e00, #FF4200); padding: 8px 10px 8px 20px !important; color: #ffffff !important; border: none; }
.btn:hover { color: #ffffff; background-image: linear-gradient(to right, #FF4200, #CD1C20); }

.erpsec2 h2{ padding-top: 30px; font-size: 32px; text-transform: uppercase; }
.erpsec2 h3{ padding-top: 60px; }
.erpsec2 p span { color: #CD1C20; font-weight: 700; }

.erpsec3{ padding: 60px 0px; }

.nav-tabs{ margin-bottom: 40px !important; border: 1px #C92127 solid !important; padding: 8px; margin-bottom: 31px;
    border-radius: 30px; position: relative; z-index: 99; }

.nav-tabs .nav-link{ font-size: 18px; color: #000000; border: 1px #999999 solid !important;  border-top-left-radius: 30px !important;  border-top-right-radius: 30px !important;border-radius: 30px; margin: 0 10px; padding: 10px 60px; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { font-size: 18px; font-weight: 700; text-align: center; background-image: linear-gradient(to right, #CD1C20, #FF4200); padding: 10px 60px; color: #ffffff !important;}
.nav-tabs li{ width: 25%; text-align: center; margin: 5px 0px; }

.erpsec3 h2{ color: #CD1C20; font-weight: 700; font-size: 38px; padding-bottom: 10px; }
.erpsec3 h3{ color: #000000; font-weight: 700; font-size: 30px; padding-bottom: 15px; }
.erpsec3 h4 { color: #000000; font-weight: 600; font-size: 30px; padding-bottom: 15px; padding-top: 20px; border-bottom: 1px #999 solid; margin-bottom: 30px; }
.erpsec3 img{ margin-bottom: 10px; padding-bottom: 0px; }
.erpsec3 .KeyFeatureBox h4 { font-size: 22px; margin-bottom: 20px; padding-bottom: 10px; padding-top: 10px; max-width: 100%; }
/* .erpsec3 .KeyFeatureBox h4:first-child { color:#CD1C20 !important; } */
.erpsec3 .KeyFeatureBox p { padding-bottom: 30px; }
.erpsec3 .KeyFeatureBox img{ width: 100%; }
.erpsec3 ul:last-child{ margin: 0px; padding: 0px; }
.erpsec3 ul:last-child li{ padding-bottom: 10px; font-size: 18px; list-style-type:none; font-style: italic; color: #081947; font-weight: bold; }

.leftSidePic1{ position: absolute; right: 0; top: 120%; z-index: 1;}

/* custom software start */
.customSoftSec2{ padding: 60px 0px; }
.customSoftSec2 h2{ font-weight: 700; padding-bottom: 10px; color: #CD1C20; font-size: 48px; text-align: center;  display: block;  width:100%;}
.customSoftSec2 p{ padding-bottom: 60px; text-align: center; max-width: 80%; margin:0 auto;}

.CustomSoftBox{ text-align: center;  border-right: 1px #ccc solid; margin-bottom: 40px;}
.CustomSoftBox:last-child { text-align: center;  border-right: none;}
.CustomSoftBox img{ margin: 0 auto 30px auto; }
.CustomSoftBox h4{ margin: 0 auto 15px auto; font-weight: 700; font-size: 20px; }
.CustomSoftBox p{ text-align: center; padding-bottom: 20px; max-width: 60%;}

.customSoftSec3{ padding: 60px 0px; }
.customSoftSec3 h3{ color: #CD1C20; padding-bottom: 15px; border-bottom: 1px #ccc solid; margin-bottom: 30px; font-weight: 700; font-size: 34px; }

.accordion-title{ background: #CD1C20 !important; padding: 10px 20px !important; }
.accordion-title.collapsed{ background: #081947 !important; padding: 10px 20px !important;  }

.accordion-title:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068"; background: #ffffff;
    padding:0px 7px; color: #CD1C20; border-radius: 20px;
}
.accordion-title.collapsed:before {
    float: right !important; background: #ffffff;
    content:"\f067"; color: #081947;
}

.card{ margin-bottom: 20px; }
.card-header{ padding: 0px !important; }
/* .card-header:hover { background: #CD1C20 !important; padding: 0px !important; } */
/* .card-header.active { background: #CD1C20 !important; padding: 0px !important; } */
.card-header a{ color: #ffffff; display:block; padding: 10px 20px; font-weight:600; font-size: 20px; }
.card-header a:hover{ color: #ffffff; display:block; padding: 10px 20px; font-weight:600; }


.card-body{ padding: 30px !important; }
.card-body h3{ color: #000000; font-size: 24px; font-weight: 700; margin-bottom: 20px; }
.card-body p{ padding-bottom: 15px; }
.card-body p:last-child{ padding-bottom: 0px; color: #081947; font-style: italic; font-weight: 600; }
.card-body h2{ color:#CD1C20 !important; font-size: 26px; font-weight: 700; margin-bottom: 25px; }
.card-body ul { padding: 0px; margin: 0px 0 20px 0px; }
.card-body ul li{ background: url('../images/customsoftware/arrow.svg') no-repeat left top; list-style-type: none; padding-bottom: 10px; padding-left: 40px; padding-top: 6px; }
.card-body ul li span{ color: #CD1C20; font-weight: 700; }

.formMain{ background-image: linear-gradient(to right, #0f4581, #295da3); background-size: cover; padding: 40px 0 30px 0px; }
.formMain h2{ color: #ffffff; font-weight: 600; text-align: center; font-size: 28px; padding-bottom: 0px; }
.formMain label{ color: #ffffff; display: block; padding-bottom: 5px; font-weight: 600; margin-bottom: 0px; }
.formMain input { width: 100%; padding: 10px 10px; margin-bottom: 40px; border: none; background: #ffffff; color: #000000 !important; }
.formMain select{ width: 100%; padding: 10px 10px; margin-bottom: 0px; border: none; background: #ffffff; color: #000000 !important; }
.formMain input, .formMain select [placeholder], [placeholder], *[placeholder] {
    color: #ffffff; font-weight: normal;
}
.formMain .send{ background:linear-gradient(to right, #f27e00, #FF4200); color: #ffffff !important; font-weight: 700; font-size: 18px; border:none; width: 100%; padding: 7px 0px; }
.formMain span{ color: #ffffff; text-align: left !important; font-weight: 700; display: block; width: 100%; font-size: 16px; font-weight: bold; padding: 5px 0 10px 0px; }

/* sec 4 events starts */
.sec4-custom-soft { padding: 60px 0 150px 0px; color: #ffffff; background:url('../images/customsoftware/pic2.webp') no-repeat center center !important; background-size:cover !important; }
.sec4-custom-soft h2 {color: #ffffff; font-size: 68px; font-style: normal; font-weight: 700; line-height: 100%; max-width: 65%; padding-bottom: 10px;}
.sec4-custom-soft a { font-size: 16px; border-radius: 5px; margin-top: 30px; display: block; font-weight: 700; text-align: center; max-width: 290px; background-image: linear-gradient(to right, #CD1C20, #FF4200); padding: 10px 0px; color: #ffffff; border: none; }
.sec4-custom-soft a:hover{ background: #000000; color: #ffffff; }
.sec4-custom-soft .btn i{ padding: 10px 15px; 
/* 	background: #ffffff;  */
color: #ffffff; border-radius: 5px; }
/* sec 4 events ends */

/* custom software ends */

@media only screen and (max-width: 1680px) {
.nav-tabs .nav-link{ font-size: 16px; color: #000000; border: 1px #999999 solid !important;  border-top-left-radius: 30px !important;  border-top-right-radius: 30px !important;border-radius: 30px; margin: 0 10px; padding: 10px 20px; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { font-size: 16px; font-weight: 700; text-align: center; background-image: linear-gradient(to right, #CD1C20, #FF4200); padding: 10px 20px; color: #ffffff !important;}
}

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

.ERPbannerText h1{ font-size: 52px; line-height: 58px; }
.ERPbannerText p { font-size: 20px !important; max-width: 50%; }

.erpsec2{ padding: 30px 0px; }
.erpsec2 h2{ padding-top: 0px; font-size: 36px; }
.erpsec2 h3{ padding-top: 30px; }

.erpsec3{ padding: 30px 0px; }
.nav-tabs .nav-link{ font-size: 14px; padding:  10px 30px; font-weight: 700; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ font-size: 14px; padding: 10px 30px; font-weight: 700; }

.nav-tabs li{ width: 50%; text-align: center; margin: 5px 0px; }
.btn { padding: 5px 8px !important; font-size: 16px !important; }
}


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

.sec4-custom-soft{ padding: 30px 0 380px 0px; background:url('../images/customsoftware/pic2bgmob.webp') no-repeat center center !important; background-size:cover !important; }
.sec4-custom-soft h2 { font-size: 32px; line-height: 36px; max-width: 100%; margin-bottom: 0px; padding-bottom: 0px }
.sec4-custom-soft a{ max-width: 230px; }

}


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

	.ERPbannerText h1{ font-size: 30px; line-height: 40px; max-width: 90%;}
	.ERPbannerText p { font-size: 18px !important; max-width: 95%; }

	.erpsec2{ padding: 30px 0px; }
	.erpsec2 h2{ padding-top: 0px; font-size: 28px; }
	.erpsec2 h3{ padding-top: 15px; }

	.erpsec3{ padding: 30px 0px; }
	.erpsec3 h2{ font-size: 28px; }
	.erpsec3 h3{ max-width: 100%; font-size: 22px; max-width: 100%; font-weight: 700; }
	.erpsec3 h4{ max-width: 100%; font-size: 22px; max-width: 100%; font-weight: 700; }
	.erpsec3 img{ width: 100% }
	.erpsec3 ul:first-child li{ width: 100%; text-align: center; }

	.leftSidePic1 { display: none; }
.formMain input { padding: 5px 10px; }
.formMain select{ margin-bottom: 15px; padding: 5px 10px;  }
	.customSoftSec2{ padding: 30px 0 0 0px;  }
	.customSoftSec2 h2{ font-size: 26px; }
	.CustomSoftBox{ border-right: none; border-bottom: 1px #999999 solid; }
	.customSoftSec3 h3{ font-size: 24px; }
	.card-body h2{ font-size: 18px !important; }
	.card-header a{ font-size: 16px; }
	.card-body h3{ font-size: 18px !important; }
	.customSoftSec2 p{ max-width: 100%; text-align: center; line-height: inherit !important; }

	.formMain{ padding: 30px 0 40px 0px; }
	.formMain h2{ font-size: 20px; text-align: center; padding-bottom: 0px; }
	.formMain label:last-child{ display: none; }
	.formMain span{ color: #ffffff; text-align: center; font-weight: 700; display: block; width: 100%; }

.formMain input{ font-size: 14px; }
	.erpsec3 ul:last-child{ margin: 0px; padding: 0px !important; }

	.accordion-title:before{ padding:  0 5px !important; }
	.formMain label{ font-size: 15px; }

	.formMain .send{ font-size: 16px; }
}

@media only screen and (max-width: 600px) {
.nav-tabs li{ width: 100%; text-align: center; margin: 5px 0px; }
.lastlabel{ display: none !important; }
.ERPbannerText h1{ font-size: 26px; line-height: 32px; max-width: 100%; }
}