/* Commen css */
*
{
    padding: 0px;
    margin: 0px;
} 

body   
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #666;
	background-color: #fff;
	line-height: 30px;
	font-weight:normal;
  letter-spacing: 1px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}  

p, span  
{
line-height: 30px;
margin: 0px !important;
padding: 0px;
font-weight: normal; }

h1, h2, h3, h4, h5, h6 
{
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 0rem !important;
	color: #325070;
	padding-bottom: 10px;
	line-height: 1em;
	font-weight: 500;
	text-transform: capitalize;

}

h1 {
  font-size:45px;
  line-height:60px;
}

h2 {
  font-size:38px;
line-height: 48px;
}

h3 {
  font-size: 30px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 12px; }

a 
{
  color: #242424;
	text-decoration: none;
}

a:hover 
{
  color: #325070;
  text-decoration: none; 
}

.btn-primary {
  background-color: #242424;
  border: 1px solid #000000; }

.btn-primary:hover {
  background-color: #000000;
  border: 1px solid #242424; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  border: 1px solid #242424; }

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 36, 36, 0.5); }

.paddl0 {
  padding-left: 0px; }

.paddr0 {
  padding-right: 0px; }

.paddlr0 {
  padding-left: 0px;
  padding-right: 0px; }

.row-padd-t {
  padding-top: 30px; }

.row-padd-b {
  padding-bottom: 30px; }

.row-padd-tb {
  padding-top: 30px;
  padding-bottom: 30px; }

img
{
    max-width:100%;
    height:auto;
}
.btn-check:focus + .btn, .btn:focus 
{
  outline: 0!important;
  box-shadow: 0 0 0 .0rem
   rgba(13,110,253,.0)!important;
}
/* commen css */

.top-header-div 
{
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 1030;
}
.top-phone
{
 /* margin-top: 33px!important;*/
}

.top-phone, .top-phone a 
{
  width: 100%;
  margin: 0 auto;
  height: auto;
  letter-spacing: 1px;
  font-size: 18px;
  color: #000;
}
.navigation-bar 
{
  background-color:#325070;
  position: sticky;
  top: 0;
  z-index: 1030;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active 
{
 text-decoration: underline!important;
}

.navbar-light .navbar-nav .nav-link 
{ 
  font-weight: 300 !important;
  color: #fff!important;
  font-size:16px;
  transition: all 0.4s;
  letter-spacing: 1px;
}

.navbar-expand-lg .navbar-nav .nav-link 
{
  padding-right: .6rem;
  padding-left: .6rem;
} 
.dropdown-item
{
    transition: all 0.4s;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
.dropdown-item:hover
{
   background-color: #325070;
    color: #fff;
}
.dropdown-menu 
{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.tbanner::before 
{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
}

.banner-text 
{
  right: 0%;
  left: 0%;
  width:100%;
  bottom:4rem;
}
.banner-text span, .banner-text p {
  font-family: 'Montserrat', sans-serif !important;
  color: #fff !important;
}
.banner-text p 
{
  font-weight: 700;
  font-size: 3rem;
  color: #fff !important;
  line-height: 1.3em;
}
.banner-text span 
{
  font-size: 2.2rem;
  color: #fff !important;
  line-height: 1.3em;
  display: block;
}

.call-btn 
{
  color: #fff!important;
  background-color: transparent;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif !important;
  border-radius:30px;
  border:2px solid #fff;
  transition: all 0.4s;
}
.call-btn:hover
{
  color: #325070!important;
  background-color: #fff!important;
}
.service-div img 
{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.service-div 
{
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0px 5px 8px #666666;
  background-color: #fff;
}
.service-div h3
{
  font-size: 23px !important;
  line-height: 35px;
}
.highlight-btn-1 
{ 
  font-size: 17px;
  font-family: 'Montserrat', sans-serif !important;
  background-color:#325070!important;
  color: #fff !important;
  transition: all 0.4s;
  border-radius: 30px;
}  
.line 
{
  height:1px;
  background-color: #325070;
  width: 100%;
  margin-top: 5px;
}
.line-white
{
  height:1px;
  background-color: #fff;
  width: 100%;
  margin-top: 5px;
}
.heading-text
{
  font-size: 38px;
  line-height: 55;
}
.gradient-div 
{
  background-image: linear-gradient(180deg,rgba(222,225,214,0.28) 0%,rgba(222,225,214,0.28) 100%) !important;
}
.additional-div, .additional-div h2 , .additional-div h3
{
  color: #fff !important;
}
.additional-div 
{
  background-image: url(../images/bg-img.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
} 
.additional-div a
{
color:#fff;text-decoration:underline;
}   
.color-text
{ 
   color: #666 !important;
    font-size: 18px;
    line-height:32px;
    font-weight: 600;
}
.input-box, .input-box-1 
{
  font-size: 15px;
  color: #999 !important;
  letter-spacing: 1px;
  border-radius: 0px;
  background-color: #eee;
  border: 1px solid transparent;
  border: 1px solid transparent;
}
.code 
{
  background-color: #4d4d4d;
  color: #fff;
  font-size: 16px;
  width: 100px;
}
.submit-btn
{
  background-color: #325070;
  font-size: 17px;
  color: #fff !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 30px;
  font-weight: bold;
}
.form-control:focus 
{
  color: #212529;
 background-color: #eee!important;
  border-color: transparent!important;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.0)!important;
}
.box {
	display: grid;
	align-items: center;
	justify-items: center;
	width:90%;
	height: auto;
	transition: transform .5s ease-in;
	margin: 8px auto;
} 
.box img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
}
.box:hover {
	transform: scale(1.1);
}
.item 
{
  border: 2px solid #325070;
  background-color: #fff;
  box-shadow: 0px 5px 8px #d1d1d1;
 
}
.item img
{
   vertical-align: middle;
}
.media-box
{
  background-color: transparent;
  border-radius: 10px;
  box-shadow: 0px 5px 8px #666666;
} 
.footer 
{
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #325070;
  color: #fff;
}
.footer-head b 
{
  text-transform: capitalize;
  color: #fff;
  font-size: 22px;
  letter-spacing: 1px;
}
.footer-link li a 
{
  color: #fff;
  line-height:40px;
}
.footer-link li a I
{
  font-size: 20px !important;
}
.btm-phone b 
{
  text-transform: capitalize;
  color: rgba(224, 186, 52, 0.9);
  font-size: 17px;
  letter-spacing: 1px;
}
.btm-phone a
{
  color: #fff;
}
.copy-text a
{
  color: #fff !important;
}
.bootom-section 
{
  background-color: #2a435e;
}
.copy-text 
{
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
  color: #fff !important;
}
.electrical-head
{
  font-size: 32px;
  line-height: 40px;
}
.banner-text-1
{
  bottom:2rem!important;
}
.banner-text-3 
{ 
  bottom:6rem !important;
}
.rev-page-div 
{
  border-radius: 10px;
  box-shadow: 0px 5px 8px #666666;
  background-color: #fff;
}
.quote-icon 
{
  font-size: 20px;
  color: #bababa;
}
.review-strong 
{
  display: block;
  margin-top: 10px;
  color: #000 !important;
  text-transform: uppercase;
}

.cnt-info h2 
{
  font-size: 25px;

}
.cnt-info 
{
  border-radius: 10px;
box-shadow: 0px 5px 8px #666666;
background-color: #fff;
} 
.cnt-info a:hover
{
    color: #325070!important;
    transition: all 0.4s;
}
.cnt-info span
{
    color: #242424!important;
}
.camp-news-head
{
  font-size: 22px !important;
  line-height: 30px;
}
.visitor 
{
  border-radius: 10px;
box-shadow: 0px 5px 8px #666666;
background-color: #fff;
}
.detail-head 
{
  font-size:32px;
  line-height:42px;
}
.visitor ul li a
{
    font-size: 15px;
    line-height: 35px;
}
.visitor ul li a:hover
{
    color: #325070!important;
    transition: all 0.4s;
}

/*************Whatsapp css***************/

#whats-chat{position:fixed;right:3%;bottom:10%;height:auto;width:auto;background:#25D366;padding:12.5px;border-radius:50px;}
#whats-chat:hover{cursor:pointer;box-shadow:2px 2px 15px #ccc;bottom:11%;}
/*===============================*/
#chat-box{position:fixed;right:-500px;bottom:25%;width:250px;height:200px;transition:all .5s;}
#chat-top{width:100%;line-height:2;background:rgb(18, 140, 126);color:white;text-align:center;border-radius:5px 5px 0 0;padding:0 10px;}
#chat-top .wadp {
	border-radius: 50%;
	width: 80%;
	height: 80%;
}
#chat-msg{background:#ece5dd;padding:10px;border-radius:0 0 5px 5px;box-shadow:0 0 25px -10px #999;}
#chat-msg p{font-size:14px;padding:5px;background:white;border-radius:0 15px 15px 15px;margin-bottom:10px !important;}
#chat-form{display:flex;}
.chat-in{width:80%;}
#chat-form input{border-radius:5px 0 5px 5px;border:none;outline:none;font-size:14px;padding:5px;line-height:2;}
#send-btn{width:20%;padding: 0 10px;}
#chat-top-right{float:right;padding:5px 0;}
#close-box{
	position: absolute;
  right: -5px;
  top: -3px;
}
.whatname{
	font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.4);
}
.right{float:right}
.clear{clear:both}

/*************Whatsapp css End***************/
 

.bottomhead 
{
  font-size:25px !important;
  font-weight: 500;
  color: #325070;
  line-height: 30px;
}

.visitor 
{
  border-radius: 10px;
  box-shadow: 0px 5px 8px #666666;
  background-color: #fff;
}

.camp-news-head
{
  font-size: 22px !important;
  line-height: 30px;
}

.service-div {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0px 5px 8px #666666;
  background-color: #fff;
}

  .news-div h2
    {
font-size:26px;
  line-height:36px;
    }


/* responsive css */

@media only screen and (max-width:1199px)
{
     .service-div h3 
    {
    font-size: 19px !important;
  line-height:30px;
  }
}
}
@media only screen and (max-width:1150px)
{
   /*.banner-text 
  {
  width: 55%;
  bottom: 4rem;
  }*/
  .banner-text p 
  {
  font-size: 2.5rem;
  line-height: 1.2em;
}
  .banner-text span 
  {
  font-size: 2rem;
  line-height: 1.2em;
  }
    .banner-text-2 span 
  {
  font-size: 1.7rem;
  line-height: 1.1em;
  }
  .banner-text-2 p 
  {
  font-size: 2.2rem;
  line-height: 1.1em;
  }
}

@media only screen and (max-width:1099px)
{
     /* .navbar-expand-lg .navbar-nav .nav-link
    {
  padding-right: .4rem;
    padding-left: .4rem;
}*/
    
    .navbar-light .navbar-nav .nav-link 
    {
  font-size:15px;
    }
  
}

@media only screen and (max-width:1070px)
{
  .banner-text-1 span 
{
  font-size:1.5rem!important;
  line-height: 1.1em!important;
}
.banner-text-1 p 
{
  font-size: 2.1rem!important;
  line-height: 1.1em!important;
}
.call-btn-1
{
  font-size:17px!important;
}
}
@media only screen and (max-width:1024px)
{  
  .container
	{
		max-width: 95% !important;
	}
  .top-phone, .top-phone a
  {
    font-size: 17px;
  }
    .innerbanner-text
    {
  bottom:1rem!important;
}  
  /*.banner-text 
  {
  width: 55%;
  bottom: 2rem;
  }*/
}

@media only screen and (max-width:1003px)
{
/*  .service-div h3 
  {
  font-size: 23px !important;
}*/
}
@media only screen and (max-width:991px)
{
    
.navbar-light .navbar-toggler 
  {
  color: rgba(0,0,0,.55);
  border-color: rgba(0,0,0,.0)!important;
 margin-top: 7px;
  margin-bottom:7px;
  background-color: #fff!important;
      margin-left: auto;
}
 .navbar-toggler:focus 
  {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 .0rem!important;
} 
    .dropdown-menu 
    {
    display: block !important;
  }
    
  .navbar-expand-lg .navbar-nav .nav-link
  {
      padding-left: .0rem!important;
       font-size:16px;
  }
  .call-btn
  {
    font-size: 18px;
  }
  .gas-service-margin
  {
    margin: 0 auto;
  }
   .innerbanner-text span 
    {
  font-size: 1.2rem!important;
    }
    .innerbanner-text p
    {
  font-weight:600!important;
  font-size:1.8rem!important;
        line-height: 1.1em!important;
    }
}
@media only screen and (max-width:930px)
  {
   /* .banner-text-1 
    {
      width: 60%;
    bottom: 2rem !important;
    }*/
  }
  
@media only screen and (max-width:900px)
{
.banner-text {
    bottom:2rem;
    left: 1%;
  }
  .banner-text p {
    font-weight: 700;
    font-size:1.8rem;
    color: #fff !important;
    line-height: 1.2em;
  }
  .banner-text span 
  {
  font-size: 1.7rem;
  color: #fff !important;
  line-height: 1.1em;
  display: block;
}
}
@media only screen and (max-width:867px)
  {
 /* .banner-text-1
    {
  width:70%;
  bottom: 1rem !important;
    }*/
  
  .banner-text-1 p 
  {
  font-size: 1.9rem !important;
  line-height: 1.1em !important;
}
  .banner-text-1 span 
  {
  font-size: 1.1rem !important;
  line-height: 1.1em !important;
}
  .service-div h3 {
    font-size: 19px !important;
  }
}
@media only screen and (max-width:822px)
{
 /* .banner-text 
  {
  width:60%;
  bottom: 2rem;
    left: 1%;
  }*/
  }*/
  .banner-text p 
  {
  font-weight: 700;
  font-size: 2rem;
  color: #fff !important;
  line-height: 1.1em;
}
  .banner-text span 
  {
  font-size: 1.6rem;
  color: #fff !important;
  line-height: 1em;
  display: block;
}
}
@media only screen and (max-width:789px)
{
  .banner-text-2 p 
  {
  font-size: 1.6rem !important;
  line-height: 1.1em !important;
}
    .banner-text {
    bottom:0rem;
    left: 1%;
  }
}
@media only screen and (max-width:767px)
{
  .top-phone 
  {
  margin-top:0px !important;
}
  .site-logo
  {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
.camp-news-head 
{
  margin-top: 20px;
 }
.visitor img
{
    display: block;
    margin: 0 auto;
    text-align: center;
}
      .banner-text {
    bottom:0rem;
    left: 1%;
  }
     .innerbanner-text span 
    {
  font-size: 1rem!important;
    }
    .innerbanner-text p
    {
  font-weight:600!important;
  font-size:1.5rem!important;
  line-height: 1em!important;
    }
     .innerbanner-text .call-btn-1
    {
        font-size: 15px !important;
        margin-top: 5px!important;
    }
    .break-class-1
    {
        display: none!important;
    }
     .banner-text p 
    {
    font-size: 1.5rem;
    }
    .detail-head 
    {
  font-size: 30px;
  line-height: 40px;
}
    .news-div h2
    {
font-size:24px;
  line-height:34px;
    }
}


@media only screen and (max-width:630px)
{
  .service-div h3 
  {
  font-size: 20px !important;
}
     .top-phone, .top-phone a {
    font-size:16px;
  }
    .banner-text span
    {
  font-size: 1.2rem;
    }
     .banner-text p {
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1em;
         margin-top:3px!important;
  }
     .call-btn {
    font-size:15px;
     margin-top: 20px !important;
    display: inline-block;
  }
   .break-class
    {
       display: none!important;
    }

}
  
@media only screen and (max-width:575px)
{
  h1 
  {
 font-size: 35px;
    line-height: 45px;
  }
  h2  
  {
  font-size: 28px;
  line-height:38px;
  }
    
     .innerbanner-text span 
    {
  font-size:0.9rem!important;
    }
    .innerbanner-text p
    {
  font-weight:600!important;
  font-size:1rem!important;
  line-height: 1em!important;
    }
     .innerbanner-text .call-btn-1
    {
        font-size:14px !important;
        margin-top: 5px!important;
        padding: 10px 10px!important;
    }
    .top-header-div 
    {
  background-color: #fff;
  position: static;
    }
    
    .electrical-head
    {
  font-size: 28px;
  line-height: 38px;
 
    }
    .camp-news-head
    {
  font-size: 18px !important;
  line-height: 28px;
}
}
@media only screen and (max-width:460px)
{
    .innerbanner-text
    {
        padding-bottom: 0px!important;
    }
}

@media only screen and (max-width:410px)
{
     .call-btn
    {
    font-size: 13px;
    margin-top: 12px !important;
    display: inline-block;
  }
    .banner-text p
    {
    font-weight:500!important;
    font-size: 0.8rem;
    line-height: 1.1em;
  }
    .banner-text span {
    font-size: 0.9rem;
  }
}

  @media only screen and (max-width:380px)
  {
    .social-box
    {
      width: 95%!important;
    }
       .banner-text p
      {
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 1em;
      }
      .banner-text span 
      {
    font-size: 1rem;
  }
    .call-btn 
    {
    font-size: 14px;
    margin-top: 5px !important;
   padding: 10px 10px !important;
  }
      .banner-text
      {
        padding-bottom: 1rem!important;
      }
        .innerbanner-text 
      {
          padding-bottom: 0rem!important;
      }
         .innerbanner-text span 
    {
  font-size:0.8rem!important;
    }
    .innerbanner-text p
    {
  font-weight:600!important;
  font-size:0.7rem!important;
  line-height: 1em!important;
    }
     .innerbanner-text .call-btn-1
    {
        font-size:13px !important;
        margin-top: 2px!important;
        padding:4px 4px!important;
    }
  }   

@media only screen and (max-width: 330px)
{
  .innerbanner-text {
    padding-bottom: -1rem !important;
  } 
}

@media (min-width:768px) and (max-width:864px)
{
    
  .top-phone, .top-phone a 
{
    font-size: 14px;
  }
}

@media (min-width:768px) and (max-width:823px)
{
    .btm-media-class p a, .footer-link li a
    {
        font-size: 14px;
    }
}

@media (min-width:1100px) and (max-width:1342px)
{
  /*  .navbar-expand-lg .navbar-nav .nav-link
    {
  padding-right: .5rem;
  padding-left: .3rem;
}
   .navbar-light .navbar-nav .nav-link 
    {
  font-size: 15px;
    }*/
}

@media (min-width:992px) and (max-width:1075px)
{
   /* .navbar-expand-lg .navbar-nav .nav-link 
{
  padding-right: .5rem;
  padding-left: .5rem;
} 
     .navbar-light .navbar-nav .nav-link 
    {
  font-size:13px;
        letter-spacing: 0px;
    }*/
}

@media (min-width:1100px) and (max-width:1200px)
{
    /* .navbar-expand-lg .navbar-nav .nav-link 
{
  padding-right: .4rem;
  padding-left: .5rem;
} 
     .navbar-light .navbar-nav .nav-link 
    {
  font-size:13px;
    }*/
}