/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 17 2025 | 05:50:17 */
.landingMain h1 {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 60px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Poppins';
    letter-spacing: 6px;
    color: #fff;
    width: 60%;
}
.landingMain {
	position: relative;
}
.landingMain:before {
    position: absolute;
    content: '';
    background: #0000009e;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 9;
}
.focuseBox {
    padding: 49px 30px;
    border-radius: 38px;
    width: 30%;
}
.focuseBox h3 {
    font-family: 'Poppins';
    font-size: 26px;
    margin: 14px 0 0;
}
.focusesLand {
    margin: 40px auto 80px !important;
    max-width: 80%;
    align-items: stretch;
}
.landingFocMain {
    margin: 0 auto 80px !important;
    max-width: 75%;
}
.landingFocMain p {
    font-family: 'Poppins';
    line-height: 42px;
    margin-top: 28px !important;
    font-size: 20px;
}
.coreServes {
    margin: 0 auto !important;
    max-width: 75%;
}
.page-template-landing-page h2 {
    font-size: 43px;
    font-weight: 800;
    font-family: 'Poppins';
    text-transform: uppercase;
    letter-spacing: 3px;
}
.landingFormMain {
    background: url(https://northstar-ehs.com/wp-content/uploads/2025/01/Electrical-Safety-1.webp);
    background-position: right;
    background-size: cover;
	background-attachment: fixed;
}
.landingFormfields {
    background: #003a8c;
    max-width: 68%;
    margin: 26px auto;
    border-radius: 20px;
    padding: 26px;
}
.landingFormfields label {
    width: 100% !important;
    display: block;
	color: #fff;
}
.landingFormfields span.wpcf7-form-control-wrap {
    width: 100%;
    display: block;
}
.landingFormfields input{
    width: 92%;
    padding: 13px 20px;
    border-radius: 15px;
}
.landingInputGroup p {
    display: flex
;
    gap: 19px;
}

.landingFormfields select{
    width: 92%;
    padding: 13px 20px;
    border-radius: 15px;
}
.landingInputGroup input {
    width: 82%;
}
.landingInputGroup select {
    width: 100%;
}
.landingFormfields input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
}
.bookingFormContent {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    padding: 0 100px;
}
.landingMap {
	padding: 0 !important;
}
.landingMap iframe {
    max-width: 100% !important;
}




.testimonials img.tfree-client-image.wp-post-image {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
	    border-radius: 0 !important;
}
#sp-testimonial-free-wrapper-217 .sp-testimonial-free-section .sp-testimonial-client-image {
    text-align: left !important;
}
.testimonials .sp-testimonial-item {
    padding: 20px 32px 14px 20px !important;
}
.agarwalMain  p {
	font-family: "Rajdhani" !important;
}
.agarwalMain p {
    font-family: "Rajdhani" !important;
    font-weight: 700;
    font-size: 22px !important;
}
.agarwalMain {
    padding-right: 99px !important;
    padding-left: 50px !important;
}
.agarwalMain h2 {
    font-family: 'Manjari' !important;
}
.agarwalMain h3 {
    font-family: 'Manjari' !important;
}
body .aboutMain {
    max-width: 1566px;
    margin: 0 auto 0 auto !important;
}

.arrowsRight:before , .arrowsLeft:before {
	content: none !important;
}
.clientLogooMain {
    padding: 40px 3px 63px;
    border-radius: 30px;
    max-width: 70%;
    margin: 60px auto 40px;
}
.clientLogooInner {
    padding: 20px 3px 20px;
}
.clientLogooMain h2 {
    color: #000;
    font-family: 'Poppins';
    font-size: 40px;
}
.clientLogooMain p {
    color: #000;
    font-family: 'Poppins';
    font-size: 20px !important;
    width: 48%;
    margin: 14px auto 0;
}
.arrowsRight {
    justify-content: start !important;
}
.arrowsLeft
 {
    position: relative;
    padding: 0 0 22px 0;
    justify-content: start !important;
}
.storyJourney {
    max-width: 70%;
    margin: 18px auto 0;
}
.wpcf7-response-output {
    color: #fff;
}
.humanFactors {
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: right;
}
@keyframes shoulderDance {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-5deg); /* Right shoulder back */
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(5deg); /* Left shoulder back */
  }
  100% {
    transform: rotate(0deg);
  }
}
.industryInner > div {
    animation: shoulderDance 2s ease-in-out infinite;
    transform-origin: center bottom;
}

@media only screen and (max-width:1710px)
{
.landingMain h1 { top: 42%; }	
	
}


@media only screen and (max-width:1400px)
{
	.landingMain h1 {
    font-size: 44px;
}
	.focuseBox h3 {
    font-size: 22px;
}
	.focusesLand {
    max-width: 90%;
}
	.landingFocMain {
    max-width: 90%;
}
	.page-template-landing-page h2 {
    font-size: 34px;
}
	.focuseBox {
    padding: 23px 10px;
    border-radius: 38px;
    width: 18%;
}
	.focusesLand {
    flex-wrap: wrap;
}
}

@media only screen and (max-width: 1300px) {
	    .innerTitle {
        top: 38%;
        width: 100%;
        padding: 0 0 0 0;
    }
	.page-id-16 .innerTitle {
    top: 14%
;
    width: 100%;
    padding: 0 0 0 0;
}
	.innerTitle h2 {
    font-size: 58px;
}
	.arrowsRight {
    position: relative;
    padding: 0 0 22px 0;
}
	    .managementMsg {
        max-width: 90%;
        padding-top: 50px !important;
    }
	    .mainHeader {
        padding-left: 38px !important;
    }
	    .headNavigationMain {
        padding: 24px 38px 13px 0 !important;
    }
	.mainBackground {
		    padding-top: 58px !important;
    padding-right: 78px !important;
    padding-left: 78px !important;
	}
	    .bannerText h1 {
        font-size: 20px;
        line-height: 28px;
        margin-top: 14px;
    }
	.innerpageContent p {
    font-size: 14px !important;
}
	    .counterInner {
        max-width: 96%;
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
	.counterInner img {
        width: 40px !important;
    }
	.innerpageContent h2 {
    font-size: 20px !important;
}
	#ctrbCounters-2 .ctrbCounters .counter .counterNumber {
    font-size: 18px !important;}
	    .managementMsg {
        max-width: 90%;
    }
	    .counterInner h3 {
        font-size: 14px !important;
    }
	    .counterInner .counterNumber {
        font-size: 18px !important;
    }
	.industryInner {
        max-width: 90%;
    }
	    .aboutMain {
        max-width: 96%;
    }
	.agarwalMain {
		    padding-right: 78px !important;
    padding-left: 56px !important;
	}
	.ourServicesMain {
        max-width: 90%;
        padding-top: 158px !important;
    }
    .servicesGroupss {
        justify-content: start;
        max-width: 90%;
        margin: 30px auto 0;
    }
.servicesGroupss .wp-block-cover {
        max-width: 31%;
        min-height: 294px !important;
    }
	.servicesGroupss .wp-block-cover:hover p::before {
    top: -113px;
}
	    .headNavigationMain ul li a {
        font-size: 14px;
    }
	.testimonials {
    max-width: 90%;
    margin: 0 auto;
}
	.handSection {
    margin-top: 116px !important;
}
	    .focusMain {
        padding-right: 28px !important;
    }
	    .focusMain:before {
        width: 862px;
        height: 502px;
        top: 1rem;
    }
	.handSection {
    margin-top: 116px !important;
    padding-bottom: 100px !important;
}
	.testimonials .sp-testimonial-free-wrapper {
    margin-top: 40px;
}
	.testimonials h4.sp-testimonial-client-name {
		font-size: 14.73px !important;
	}
	.testimonials .sp-testimonial-content p {
		font-size: 13px !important;
	}
.partnersMainCol {
    padding-left: 35px !important;
    padding-right: 10px !important;
    flex-basis: 50% !important;
}
	.ourPartners {
		    gap: 2px !important;
	}
	.ourPartners {
    align-items: center;
    padding-right: 17px;
}
	.Partners-col {
		flex-basis: 50% !important;
	}
	.Partners-col .wp-block-columns {
    gap: 0 !important;
}
	.Learn-more {
    margin-top: 150px !important;
}
	.newsletterMain {
    max-width: 90%;
    margin: 0 auto;
}
	.newsletterform span input {
    padding: 9px 0 5px 20px;
    width: 200px;
    font-size: 14px;
}
	.newsletterform input.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding: 9px 0;
    font-size: 16px;
    width: 200px;
}
	p.copy-right {
    font-size: 14px;
}
	.copyrightSection li {
    font-size: 14px;
}
	img.custom-logo {
    width: 100px;
}
	.hazar {
        width: 95% !important;
    }
.img2 img {
    position: absolute;
    top: 212px;
    right: -30px;
    width: 89% !important;
}
	.img1 img {
    right: -36px;
}
	.hazardMain {
    padding-left: 35px !important;
}
    .four-anaa .wp-block-columns
 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
	.four-anaa .wp-block-columns .wp-block-column {
    flex-basis: 47% !important;
}
.conatctMains {
    flex-wrap: wrap;
}
	.contactPageForm {
    background: #244082;
    align-items: center;
    display: flex
;
    border-radius: 10px;
    justify-content: center;
    max-width: 48%;
    flex-basis: 100%;
}
.wpcf7.js {
    width: 100%;
}
	.contactInputgroup p label {
    width: 47% !important;
}
	.contactgroup input {
    width: 87% !important;
}
	.googleMaps {
    width: 47% !important;
}
	.innerpageContent ul li {
    font-size: 14px;
}
	.hazardMain h2 {
    line-height: 30px;
}
}

@media only screen and (max-width: 667px) {
    .landingMain h1 {
        top: 38%;
        font-size: 26px;
        width: 90%;
    }

	.landingMain:before {
    border-radius: 0 0 42px 42px;
}
	    .focuseBox {
        width: 48% ;
    }
.landingFocMain .wp-block-group {
    flex-direction: column;
    align-items: start;
}
	.landingFocMain2 .wp-block-group {
    flex-direction: column-reverse;
    align-items: start;
}
	.landingFormInner {
    flex-direction: column;
}
	.bookingFormContent {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    padding: 50px 33px;
}
	.landingFormfields {
    background: #003a8c;
    max-width: 85% ;
	}
	
	    .page-template-landing-page h2 {
        font-size: 25px;
    }
	.landingFocMain p {
    font-family: 'Poppins';
    line-height: 32px;
    margin-top: 28px !important;
    font-size: 17px;
}
    .mainBackground {
        padding-top: 58px !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
	.counterInner {
        max-width: 70% !important;
		        flex-wrap: wrap;
    }
	    .managementMsg {
        padding-top: 36px !important;
    }
	    .managementInner:before {
        top: -4rem ;}
	.industry {
        padding-top: 80px !important;
        padding-bottom: 76px !important;
    }
	.newsletterMain {
        max-width: 90%;
        margin: 0 auto;
        flex-direction: column;
		gap: 10px;
    }
	.newsletterMain .wp-block-group {
    flex-basis: 0 !important;
}
	.learnContact h2 {
    width: 85%;
    margin: 0 auto;
}
	    .ourServicesMain {
        padding-top: 72px !important;
    }
	    .servicesGroupss .wp-block-cover {
        max-width: 30%;
        min-height: 200px !important;
    }
	.focusMain {
        padding-top: 52px !important;
    }
    .handSection {
        margin-top: 72px !important;
        padding-bottom: 72px !important;
    }
	.aboutMain .wp-block-group-is-layout-flow {
        max-width: 95% ;
        margin: 0 auto;
    }
	.testimonials .sp-testimonial-item {
		height: 258px;
	}
	    .ourPartners {
        margin-top: 72px !important;
    }
	    .Learn-more {
        margin-top: 72px !important;
    }
	    .topBannerMains {
        padding-top: 48px !important;
    }
	.bannerText {
        width: 80%;
    }
	    
    .counterInner {
        max-width: 85% !important;
        flex-wrap: wrap;
        flex-direction: row;
    }
	    .counterInner .wp-block-group {
        width: fit-content;
        margin: 0;
    }
	    .servicesGroupss .wp-block-cover {
        max-width: 47% !important;
        flex-basis: 100%;
    }
	    .newsletterform p {
        font-size: 14px !important;
        display: flex !important
;
    }
.copyrightSection {
    display: flex
;
    flex-direction: column;
    gap: 13px;
}
	    p.copy-right {
        font-size: 14px;
        max-width: 90%;
        margin: 0 auto;
        text-align: center;
    }
	    .innerTitle p {
        width: 80% !important;
    }
	.innerTitle p {
    font-size: 16px;
    line-height: 22px;
}
	    .innerTitle h2 {
        font-size: 36px !important;
    }
	    .page-id-16 .innerTitle {
        top: 10% !important;
        margin-block: auto !important;
    }
	.missionVissionMain .wp-block-columns {
    flex-direction: column;
}
	.innerpageMain figure {
    overflow: hidden;
    border-radius: 0 0 50px 50px;
    height: fit-content !important;
}
	.missionVissionMain img {
    width: 100px;
}
	    .missionVissionMain .wp-block-columns  h2 {
        font-size: 20px !important;
        margin: 0 !important;
    }	    .missionVissionMain .wp-block-columns  p {
        font-size: 14px !important;
        margin: 0 !important;
    }
	.storyJourney {
    max-width: 100%;
    margin: 18px auto 0;
		padding: 0 !important;
}
	h2.ourJorneyHead {
    font-weight: bold;
    font-size: 24px !important;
    padding: 42px 0 0 !important;
}
	    .innerTitle {
        top: 40% !important;
    }
	body.page-template .innerpageContent .containerInner {
    max-width: 100%;
    padding: 0 0 28px !important;
    margin: 0 auto 0 !important;
    text-align: center;
}
	    .img2 img {
        position: absolute;
        top: 212px;
        right: -30px;
        width: 89% !important;
        display: none;
    }
	    .hazardMain {
        padding-left: 0 !important;
    }
	.humanFactors {
    margin-top: 23px !important;
}
	.rcss {
    max-width: 100%;
    margin: 0 auto;
    padding: 52px 30px 50px;
}
	    .hazar, .four-col {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important;
        padding: 0 !important;
    }
	.humanFactorsInner {
    text-align: center;
}
    .img1 img, .img2 img {
        position: relative !important;
        width: 100% !important;
        height: 235px !important;
        left: 0;
        right: 0 !important;
        top: 0 !important;
    }
	    .hazardInner {
        display: flex !important
;
        max-width: 100% !important;
        align-items: baseline !important;
        gap: 10px !important;
        width: 100% !important;
    }
	.hazardInner figure.img1 {
    width: 100% !important;
}
	    .hazardMain {
        padding-left: 48px !important;
        padding-top: 23px !important;
    }
	    .hazar {
        width: 95% !important;
        background: transparent !important;
    }
	    .hazardInner {
        display: flex !important
;
        max-width: 100% !important;
        align-items: baseline !important;
        gap: 10px !important;
        width: 100% !important;
        justify-content: center;
        align-items: center !important;
        margin-top: 59px !important;
    }
	.innerpageMain
 {
        height: fit-content !important;
    }
	body.page-template.page-template-inner-page header figure.wp-block-post-featured-image {
    margin-top: 87px !important;
}
	    .mainHeader {
        padding-left: 38px !important;
        padding-top: 10px;
        padding-bottom: 13px;
    }
	    .page-id-638 .innerTitle h2 {
        padding-top: 0px !important;
    }
	    body.page-template .innerpageContent .containerInner {
        max-width: 100%;
        padding: 0 0 28px !important;
        margin: 28px auto 0 !important;
        text-align: center;
    }
	    .contactPageForm {
        margin-top: 53px !important;
    }
	.contactInputgroup p {
    display: flex
;
    justify-content: space-between;
    flex-direction: column;
}
	    .contactgroup input {
        width: 95%
 !important;
    }
	    .googleMaps
 {
        width: 100% !important;
        padding: 0;
        margin-top: 40px !important;
    }
	    .contactInputgroup p label {
        width: 100% !important;
    }
	.missionVissionMain {
    margin-top: 38px !important;
}
	.humanFactors {
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: right;
}
	.landingMap iframe {
    max-width: 100% !important;
    height: 200px;
}


}

@media only screen and (max-width: 600px) {
	.focusesLand {
    margin: 1px auto 51px !important;
    max-width: 80%;
    align-items: stretch;
}
	.page-template-landing-page h2 {
        margin-bottom: 27px !important;
    }
	    .landingFocMain p {
        margin-top: 8px !important;
    }
	    .focuseBox {
        width: 100%;
			border-radius: 18px;
    }
	.landingFocMain img {
    width: 100% !important;
}
	.landingMain img {
		height: 200px !important;
	}
	    .landingMain h1 {
        top: 38%;
        font-size: 20px;
        width: 90%;
    }
	.focuseBox h3 {
        font-size: 19px;
    }
	    .page-template-landing-page h2 {
        font-size: 20px;
    }
	    .landingFocMain p {
        font-family: 'Poppins';
        line-height: 32px;
        margin-top: 28px !important;
        font-size: 14px;
    }
	.page-template-landing-page h2 {
        font-size: 20px;
        text-align: center;
    }
	    .landingFormfields {
        background: #003a8c;
        max-width: 81%;
    }
	.landingInputGroup p {
    display: flex
;
    gap: 0;
    flex-direction: column;
}
	.landingInputGroup input {
    width: 88%;
}
	.landingFormfields input {
    width: 88%;
    padding: 13px 20px;
    border-radius: 15px;
}
	.landingFormfields input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    margin-top: 16px;
}
}
@media only screen and (max-width: 450px) {
	.hazardMain {
        padding-left: 0 !important;
        padding-top: 23px !important;
    }
	    .innerTitle h2 {
        font-size: 30px !important;
    }
	.rcss p {
    text-align: center;
}
	    .disaster-text {
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: center;
    }
	    .innerTitle p {
        font-size: 14px;
        line-height: 18px;
    }
	    .page-id-16 .managementMsg {
        max-width: 100%
 !important;
    }
    .servicesGroupss .wp-block-cover {
        max-width: 100% !important;
        flex-basis: 100%;
        min-height: 249px !important;
    }
	.newsletterform p {
        font-size: 14px !important;
        display: flex !important
;
        flex-direction: column;
        gap: 0;
        justify-content: center;
    }
	    .newsletterform input.wpcf7-form-control.wpcf7-submit.has-spinner {
        padding: 9px 0;
        font-size: 16px;
        width: 100%;
    }
	    .newsletterform span input {
        padding: 9px 0 5px 20px;
        width: 94%;
        font-size: 14px;
    }
	.testimonials .sp-testimonial-item {
		height: 300px;
	}
	.aboutMain .wp-block-group-is-layout-flow {
        max-width: 95%;
        margin: 0 auto;
        padding-top: 0 !important;
    }
}
@media only screen and (max-width: 426px) {
    .bannerText {
        width: 86% !important;
        top: 154px !important;
        margin-inline: auto !important;
        gap: 10px !important;
        border-radius: 0 !important;
        margin: 0 auto 0 0 !important;
    }
	    .mainBackground {
        padding-top: 88px !important;
        padding-right: 19px !important;
        padding-left: 19px !important;
    }
}