@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,600&display=swap');
.email-sec span {
padding-right: 8px;
}
.phone-sec span {
padding-right: 8px;
}
.email-sec a {
    padding-left: 5px;
}
.phone-sec a {
    padding-left: 5px;
}
.nac-her-section{
/*   padding: 16px 30px 2%; */
  position:relative;
  background-color:#0B2D43;
  margin:6% auto 0 4%;
}
.n-hero-map-section{
    background:url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/Group%201.png) no-repeat -128px bottom/cover,linear-gradient(to bottom, #0B2D43 0%, #0B2D43 0%);
    /* background-position: bottom; */
    margin: 0 auto;
    height: 456px;

   }

.inner-section-hero{padding:11% 10%;margin:0 auto;text-align:left; border-bottom: 1px solid #9c9c9c;}
.email-sec,.phone-sec {
    flex-basis: 50%;
 position:relative;left: -24px;
}
.arrow-img{}
/* .email-sec:before,.phone-sec:before {
 content: '';
    position: absolute;
    border-left: 2px solid #fff;
    /* right: 0px; */
/*     height: 27.12px;
    /* line-height: 14px; */
/*     left: 3%;
    top: 9px; */ 
.dividercls img{margin:5px 0 0px}
.n-hero-map-section .email-sec > p,.n-hero-map-section .phone-sec > p{font-weight: 700;
    /* margin: unset; */
    line-height: 39px;
    display: inline-block;
    /* vertical-align: baseline; */
    margin: 5px 0 6px;}
.email-sec span,.phone-sec span{margin:0 9px;}
.email-sec a, .phone-sec a{color:#f16a57;text-decoration:none;font-weight: 700;}

.n-hero-image-section{
background-size: 100%;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    margin: -6% 0 0;
   
}

.n-hero-image-section:before { content: "";
    background-image: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/Untitled.png);
    width: 100px;
    height: 63px;
    position: absolute;
    left: -26px;
    bottom: 9px;
    top: 4px;
    bottom: 1;
    z-index: -1;
}
.n-hero-image-section h1 {
  color: #fff;
  font-size: 50px;font-weight:700;margin-bottom:2px;
  line-height:1.2
}
.arrow-img img{    margin: 14px 0 0;}
.n-hero-image-section .inner-section-hero > p {
 font-size: 23px;
    padding: 4px 4px 10px;
    max-width: 750px;
    color: #fff;font-weight:600;
    line-height: 1.2;
    margin: 0 0 11px;letter-spacing:0.7px;
}

.section-desc p {
  font-size: 21px;
  max-width: 750px;
  text-align:left;
  margin: 0 auto;
  line-height: 33px;
}
.section-title h3 {
  color: #fff;
  font-size: 40px;
  max-width: 750px;
  margin: 0 auto;
  font-weight: 300;line-height:1.2;
  margin-bottom: 24px;
}
.section-title h3 span {
  font-weight: 700;
}
.blue-section-top{
  display: flex;

  justify-content: center;
  color: #fff;
  border-bottom:1px solid #fff;
    text-align:center;
}
.blue-hero-section::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/Group%201.png);
}

/* New style */
.blue-hero-section {
  position: relative;
  text-align: left;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  margin: 20% auto;
}
.blue-hero-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.blue-hero-video {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0%;
}

@media(max-width: 1200px){
  .blue-hero-section {
    margin: 25% auto;
  }
}

@media(max-width:1100px){
	.blue-hero-section {
		position: unset;
	 }
	.blue-hero-text {
		width: 100% !important;
		position: unset;
		top: 50%;
		transform: none;
	 }
	.blue-hero-video {
		width: 100% !important;
		position: unset;
		top: 0%;
		transform: none;
		right: 0%;
    margin-top: 50px;
	}
	.n-hero-map-section {
		height: 1000px;
	}
  .blue-hero-section {
    margin: 5% auto;
  }
}

@media(max-width: 991px){
  .nac-her-section{
		padding: 0px 20px 60px 20px;
	}
}
@media(max-width: 540px){
  .n-hero-map-section {
		height: 1050px;
	}
}
@media(max-width: 360px){
  .n-hero-map-section {
		height: 1100px;
	}
}

/* New style end */

@media (max-width: 1441px){
.email-sec,.phone-sec {
   left: 0px;
  }
  .inner-section-hero{padding:10%;}}
@media (max-width: 1191px){
  .inner-section-hero{padding:8% 10%;}}
@media (max-width: 1016px){
  .inner-section-hero{padding:9% 6% 7%}
  .inner-section-hero > p{padding:10px 0 8%}
  
  .email-sec> p, .phone-sec> p{font-size:14px}
}
/* @media (max-width: 820px){
  .n-hero-image-section h1{font-size:43px}
  .n-hero-map-section{height:auto;background:url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/Group%201.png) no-repeat -48px 123%/cover,linear-gradient(to bottom, #0B2D43 0%, #0B2D43 0%)}
  .n-hero-image-section{padding:5% 0 0}
  .inner-section-hero{padding: 3% 6% 0;}
  

} */
@media (max-width: 980px){
   .inner-section-hero {
    padding:9% 6% 11%;
}
  .n-hero-image-section {
    padding: 4% 0 0;
}
 .nac-her-section{
/*    padding:0% 30px 8%; */
   float:none;}

  .inner-section-hero > p{padding:10px 0 7%}
  .n-hero-image-section h1{font-size:40px}
 
  .blue-section-top{display:block}
  .email-sec, .phone-sec{padding:0 0px;}
  .blue-section-top {
    display: block;gap:3px;
    padding:13px 45px 14px;
}
  .email-sec> p, .phone-sec> p{text-align:left}
  .section-desc p{padding:0 0px;max-width:100%}
  .section-title h3{font-size:30px}
   .n-hero-image-section{background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/Group%201.png) no-repeat 34% 0px/cover,linear-gradient(to bottom, #0B2D43 0%, #0B2D43 0%);}
}
@media (max-width: 769px){.section-desc p{font-size:16px} .inner-section-hero {
    padding: 8% 6% 9%;
  } .blue-section-top{padding: 13px 0px 14px;margin:0} 
/*   .nac-her-section{padding:0% 30px 8%} */
}

/* @media (max-width: 680px){ .nac-her-section{padding:0% 30px 10%}} */
/* @media (max-width: 618px){ .nac-her-section{padding:0% 30px 9%}} */
@media (max-width: 517px){
  
  .email-sec span, .phone-sec span {
    padding-right: 4px;
  }
  .email-sec span, .phone-sec span{
    margin: 0;
  }
  .email-sec>p, .phone-sec>p {
    padding: 0 !important;
    font-size: 12px;
  }
  
  .blue-section-top {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .inner-section-hero {
    padding: 15% 6% 6%;
    min-height: 320px;
    text-align: center;
  }
  .n-hero-image-section {
    background-position: 100%;
    background-size: cover;
  }
  .email-sec> p, .phone-sec> p{
    padding: 0 18px;
  }
  .inner-section-hero > p{font-size:17px}
/*    .nac-her-section{ padding: 0% 30px 38%; } */
  .n-hero-image-section{padding:2% 0 0}
  .inner-section-hero > p{padding: 1px 0 7%;}

 
  .blue-hero-section { margin-bottom: 12px;}
}

@media (max-width: 480px){
.nac-her-section {
/*     padding: 0% 14px 40%; */
}
}

@media (max-width: 417px){
.nac-her-section {
/*     padding: 0px 10px 100px 20px; */
}
}
@media (max-width: 360px){
.nac-her-section {
/*     padding: 0% 14px 120%; */
}
}
@media (max-width: 310px){
.nac-her-section {
/*     padding: 0% 14px 150%; */
}
}

@media (max-width: 296px){
.nac-her-section {
/*     padding: 0% 14px 180%; */
}
}