body {

  margin: 0;

}

.fa-chevron-right:before {
    content: "\f054";
    font: normal normal normal 14px / 1 FontAwesome;
    padding: 8px;
    position: relative;
    top: 0px;
    font-size: 20px;
    font-weight: 100;

}

.fa-chevron-left:before {

  font: normal normal normal 14px/1 FontAwesome;

}
.fa-chevron-left:before{
    font-size: 20px;
    font-weight: 100;
    top: 21px;
    position: absolute;
    left: 15px;
}

body {

  overflow-x: hidden;

}

i {

  font: normal normal normal 14px/1 FontAwesome;

}

a:focus,a:hover {

  /* color: #000; */

  text-decoration: none;

  outline: 0;

}

a {

  color: #000;

  font-family: 'Poppins-Regular';

  cursor: pointer;

}

a:active,a:focus {

  outline: 0;

  border: none;

  -moz-outline-style: none;

}

img {

  max-width: 100%;

}

.row {

  margin: 0;

  padding: 0;

}

.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,

.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {

  padding: 0;

}

ul {

  list-style-type: none;

  padding: 0;

  margin: 0;

}

li {

  list-style-type: disc;

  font-size: 20px;

    letter-spacing: 0px;

    color: #000000;

    font-weight: 300;

    font-family: 'Poppins-Regular';

}

p{

  font-size: 18px;

  font-family: 'Poppins-Regular';

}

span {

  color: #000;

 font-family: 'Poppins-Regular';

}

strong {

  font-weight: 600;

  font-size: 18px;

  color: #000;

  font-family: 'Poppins-Regular';

}

b{

  font-weight: 600;

  font-size: 18px;

  color: #000;

  font-family: 'Poppins-Regular';

}

h1,h2,h3,h4,h5,h6 {

  font-family: 'Roboto-bold';

}

.no-margin {

  margin: 0;

}

.container-fluid {

  padding: 0;

}

img {

  max-width: 100%;

}

.container {

  padding: 0;

  max-width: 1260px;

  margin: 0 auto;

  width: auto;

}

#button {

    display: inline-block;

    background-color: #caa200;

    width: 50px;

    height: 50px;

    text-align: center;

    border-radius: 4px;

    position: fixed;

    bottom: 30px;

    right: 30px;

    transition: background-color .3s, opacity .5s, visibility .5s;

    opacity: 0;

    visibility: hidden;

    z-index: 1000;

}

#button.show {

    opacity: 1;

    visibility: visible;

}

#button::after {

    content: "\f077";

    font-family: FontAwesome;

    font-weight: normal;

    font-style: normal;

    font-size: 2em;

    line-height: 50px;

    color: #fff;

    position: absolute;

    left: 10px;

    top: 0px;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.contact_call_content_tam p:hover {

    color: #0e2b41;

}

#button:hover::after {

    top: -10px;

}

#button:active {

    background-color: #a91f24;

}

#button:hover {

    cursor: pointer;

    background-color: #000000;

}

a h4:hover {

    opacity: 0.8;

}

.svg {

  position: absolute;

  width: 0;

  height: 0;

}	

.slick-initialized .slick-slide{

    outline:unset;	

}	

/****Mega Menu*****/

ul.megamenu {

    padding: 0;

    box-shadow: 3px 3px 19px 5px #00000066;

    position: absolute;

    opacity: 0;

    visibility: hidden;

    transition: .5s;

    background-color: #ffffff;

    left: 0em;

    right: 0;

    top: 100%;

    width: 100%;

    z-index: 999;

    color: #000;

    text-align: center;

    margin: 0 auto;

    margin-top: 7px;

    transform: translate(0, 20px);

}

.header-nav nav>ul>li:hover ul.megamenu {

    visibility: visible;

    opacity: 1;

    transform: translate(0, 0);

}

.header-nav nav ul.megamenu ul {

    width: 100%;

    margin-bottom: 0;

      color: #000;

    box-shadow: none;

    padding-left: 0;

    border-top: 5px solid #bc901c;

    border-bottom: 5px solid #bc901c;

    padding: 1em 1em;

    float: left;

}

.header-nav nav>ul>li ul.megamenu ul li {

    width: 48%;

    padding: 10px 0;

    border-bottom: 1px solid #000;

    float: left;

    margin: 0 5px;

}

.header-nav nav>ul>li ul.megamenu ul li:nth-child(even){

    float:right;

}		

.header-nav nav>ul>li ul.megamenu ul li a {

  font-size: 18px;

  font-weight: 500;

  text-transform:capitalize;

  font-size: 17px;

  line-height: 16px;

  color: #000;

  font-weight: 600;	

  -webkit-transition:all 0.5s ease-in-out;

  transition:all 0.5s ease-in-out;	

}

.header-nav nav>ul>li ul.megamenu ul li a:hover {

    color: #c2951d;

}

ul.megamenu.megamenu1 {

    left: 0em;

}

.header-nav nav ul li ul li:after{

    content:unset;		

}

/*****************************************************Homepage****************************************************/

.header-nav nav {

  width: 100%;

  font-size: 16px;

}

.mobile-top-head {

  display: none;

}

.svg {

  position: absolute;

  width: 0;

  height: 0;

}

.header-nav nav>ul {

  position: relative;

  display: block;

  text-align: right;

  float:left;

  padding: 0;

  margin:0;

  width:100%;	

}

.header-nav nav ul li {

  color: #fff;

  list-style: none;

  transition: .5s;

  margin: 0;

  padding: 0px 0px;

  text-align: center;

  display: inline-block;

  -webkit-transition:all 0.5s ease-in-out;

  transition:all 0.5s ease-in-out;

  position: relative;

  z-index: 9;

  /* overflow: hidden; */

}

.header-nav nav ul li:hover a {

  color: #ec202b;

  transition: 0.5s;

}  

.header-nav nav>ul>li>a {

  padding: 10px 8px 10px;

  line-height: 25px;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  position: relative;

  display: block;

  letter-spacing: 0;

  font-size: 16px;

  line-height: 28px;

  color: #000000;

  font-size: 16px;

  color: #000000;

  font-weight: 400;

  /* font-family: 'Poppins-Medium'; */

  font-size: 16px;

  line-height: 27px;

  color: #001e3e;

  font-weight: 500;

  font-size: 16px;

  line-height: 24px;

  color: #005cb0;

  font-weight: 400;

}

.header-nav nav>ul>li.active a {

  transition: .5s;

  color: #fff;

} 



.header-nav nav ul li a:hover::after {

  transform: translate(0px,0px);

}  



.header-nav nav>ul>li>a:hover::before {

  width: 100%;

}

.header-nav nav>ul>li>a:hover::after {

  width: 100%;

} 

ul.megamenu li {

  float: left;

  width: 48%;

  letter-spacing: 0;

  margin-bottom: 10px !important;

  border-bottom: 1px solid red;

  margin: 0 6px !important;

  padding: 5px 0 !important;

  border-bottom: 1px solid #eee;

}

ul.megamenu li:hover a {

  letter-spacing: .5px;

  color: #840000 !important;

}

.header-nav nav>ul>li:hover ul.megamenu {

  visibility: visible;

  opacity: 1;

  transform: translate(0,0);

}

.header-nav nav ul.megamenu ul {

  width: 100%;

  margin-bottom: 0;

  color: #000;

  box-shadow: none;

  padding-left: 0;

  border-top: 5px solid #bc901c;

  border-bottom: 5px solid #bc901c;

  padding: 1em 1em;

  float: left;

}

.header-nav nav>ul>li ul.megamenu ul li {

  width: 48%;

  padding: 10px 0;

  border-bottom: 1px solid #000;

  float: left;

  margin: 0 5px;

}

.header-nav nav>ul>li ul.megamenu ul li:nth-child(even) {

  float: right;

}

.header-nav nav>ul>li ul.megamenu ul li a {

  font-size: 18px;

  font-weight: 500;

  text-transform: capitalize;

  font-size: 17px;

  line-height: 16px;

  color: #000;

  font-weight: 600;

  -webkit-transition: all .5s ease-in-out;

  transition: all .5s ease-in-out;

}

.header-nav nav>ul>li ul.megamenu ul li a:hover {

  color: #c2951d

}

ul.megamenu.megamenu1 {

  left: 0

}

.header-nav nav ul li ul li:after {

  content: unset

}

.header-nav nav>ul>li:hover ul.megamenu li a:after {

  content: unset;

}

.header-nav nav ul li.open {

  background-color: #772668;

}

ul.megamenu {

  box-shadow: 3px 3px 19px 5px #00000066;

  transition: .5s;

  background-color: #fff;

  left: 0;

  right: 0;

  top: 100%;

  width: 870px;

  z-index: 999;

  color: #000;

  margin: 7px auto 0;

  transform: translate(0,20px);

  -webkit-perspective: 1000;

  transform-origin: top;

  -webkit-transform-origin: top;

  transform: perspective(350px) rotateX(-90deg);

  -webkit-transform: perspective(350px) rotateX(-90deg)

}

.header-nav nav>ul>li:hover ul.megamenu {

  transform: rotateX(0);

  -webkit-transform: rotateX(0);

  visibility: visible;

  opacity: 1;

  transform: translate(0,0)

}

.header-nav nav {

  width: 100%;

  font-size: 16px

}

.svg {

  width: 0;

  height: 0

}

.header_firstphone_inner,.header_firstschedule_inner {

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  filter: drop-shadow(-8.09px 5.878px 17.5px rgba(0, 0, 0, .14));

  height: 70px;

  position: relative

}

.header-nav nav>ul {

    position: relative;

    display: block;

    text-align: center;

    float: left;

    margin: 0;

    width: 100%;

    padding-top: 7px;

}

.header-nav nav ul li {

  color: #fff;

  list-style: none;

  margin: 0 5px !important;

  transition: .5s ease-in-out;

  margin: 0;

  padding: 0;

  text-align: center;

  display: inline-block;

  -webkit-transition: .5s ease-in-out;

  position: relative;

  z-index: 9

}

.header-nav nav ul li:hover a {

  color: #293140;

  transition: .5s;

  text-shadow: 0px 0px 10px #fff;

}

.header-nav nav>ul>li>a {

  padding: 10px 2px 10px;

  -webkit-transition: .5s ease-in-out;

  transition: .5s ease-in-out;

  position: relative;

  display: block;

  letter-spacing: 0;

  position: relative;

  font-size: 15px;

  line-height: 20px;

  color: #000000;

  font-weight: 400;

  transition: 0.5s;

}

.header-nav nav>ul>li>a:hover {

  border-radius: 25px;

  color: #2197cd;

  transition: 0.5s;

}



.header-nav nav>ul>li.active a {

  transition: .5s;

  color:#4e6e5d;

}

.header-nav nav ul li a:hover::after {

  transform: translate(0,0)

}



ul.megamenu li {

  float: left;

  width: 48%;

  letter-spacing: 0;

  border-bottom: 1px solid #eee;

  margin: 0 6px!important;

  padding: 10px 0!important

}

ul.megamenu li a {

  font-size: 18px

}

ul.megamenu.megamenu_two {

  left: -170px

}

ul.megamenu.megamenu_three {

  left: -452px

}

ul.megamenu li:hover a {

  letter-spacing: .5px

}

.header-nav nav ul.megamenu ul {

  width: 100%;

  margin-bottom: 0;

  color: #000;

  box-shadow: none;

  border-top: 5px solid #bc901c;

  border-bottom: 5px solid #bc901c;

  padding: 1em;

  float: left

}

.header-nav nav>ul>li ul.megamenu ul li {

  width: 48%;

  padding: 10px 0;

  border-bottom: 1px solid #000;

  float: left;

  margin: 0 5px

}

.header-nav nav>ul>li ul.megamenu ul li:nth-child(2n),.lighting_service_image {

  float: right

}

.header-nav nav>ul>li ul.megamenu ul li a {

  text-transform: capitalize;

  font-size: 17px;

  line-height: 16px;

  color: #000;

  font-weight: 600;

  -webkit-transition: .5s ease-in-out;

  transition: .5s ease-in-out

}

.header-nav nav>ul>li ul.megamenu ul li a:hover {

  color: #c2951d

}

ul.megamenu.megamenu1 {

  left: 0;

}

/******************************************Submenu***********************************************/

.header-nav nav>ul>li:hover ul.megamenu {

transform: rotateX(0);

-webkit-transform: rotateX(0);

visibility: visible;

opacity: 1;

transform: translate(0, 0);

}

ul.megamenu {

padding: 0;

box-shadow: 3px 3px 19px 5px #00000066;

position: absolute;

opacity: 0;

visibility: hidden;

transition: .5s;

background-color: #ffffff;

left: 0em;

right: 0;

top: 100%;

width: 100%;

z-index: 999;

color: #000;

text-align: center;

margin: 0 auto;

margin-top: 7px;

transform: translate(0, 20px);

}

ul.megamenu {

box-shadow: 3px 3px 19px 5px #00000066;

transition: .5s;

background-color: #fff;

left: -50px;

right: 0;

top: 100%;

width: 800px;

z-index: 999;

color: #000;

margin: 7px auto 0;

transform: translate(0, 20px);

-webkit-perspective: 1000;

transform-origin: top;

-webkit-transform-origin: top;

transform: perspective(350px) rotateX(-90deg);

-webkit-transform: perspective(350px) rotateX(-90deg);

}

ul.megamenu li {

float: left;

width: 48%;

letter-spacing: 0;

border-bottom: 1px solid #eee;

margin: 0 6px !important;

padding: 10px 0 !important;

transition: 0.5s;

}

ul.megamenu.second_mega li {

float: left;

width: 32%;

}

ul.megamenu li:nth-child(even) {

float: right;

}

ul.megamenu li:hover {

background-color: #192d3f;

}

ul.megamenu li:hover a {

color: #fff !important;

}

ul.megamenu li a {

font-size: 18px;

color: #232323 !important;

}

  

/*************** Home Page ***************/

.header_wrapper.fixed{
  position: fixed;
  background-color: #ffffff;
  z-index: 9999;
  box-shadow: 0px 15px 10px -15px #11111170;
}
.header_wrapper.fixed .header_hle::after{
  z-index: 1;
}
.header_wrapper.fixed .header_logo_inner {
    padding: 1em 0em 0em 4em;
}
.header_wrapper.fixed .header_firstblk {
    padding: 0.5em 0;
}
.header_wrapper.fixed .header_schedule {
    padding: 5px 20px 5px 60px;
}
.header_wrapper.fixed .header_number {
    padding: 5px 25px 4px 55px;
}
.header_wrapper.fixed .header_hle::after{
  height: 35%;
}
.header_wrapper.fixed .header_number::before{
  top: 15px;
}
.header_wrapper.fixed .header_schedule::after{
  top: 12px;
}

.mobile-header.fixed {
  position: fixed;
}

.header_wrapper {

  float: left;

  width: 100%;

  z-index: 3;

  position: relative;

}

.header_wrapper::before{

  content: '';

  background-color: #005377;

  border-radius: 0 52px 52px 0;

  width: 50%;

  height: 71%;

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

}
.header_wrapper::after {
    content: '';
    background-color: #005377;
    border-radius: 0;
    width: 46%;
    height: 31%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    z-index: -3;
}


.header_wrapper .container {

  padding: 0;

  max-width: 1360px;

  margin: 0 auto;

  width: auto;

}

.header_firstright{

  float: left;

}

.header_hle{

  float: left;

  position: relative;

}

.header_hle::after{

  content: '';

  background-color: #ffffff;

  border-radius: 40px;

  width: 71%;

  height: 29%;

  position: absolute;

  z-index: -1;

  bottom: 0;

  right: 0;

}

.header_firstblck {

  position: relative;

}

/* .header_firstblck::after{

  content: '';

  border-bottom: 2px solid #202020;

  opacity: 0.051;

  width: 100%;

  height: 2px;

  position: absolute;

  z-index: -1;

  top: 60px;

  left: 0;

} */

.header_logo{

  float: left;
  position: relative;
  z-index: 1; 
}

.header_logo_inner {

  float: left;

  width: 100%;

  text-align: left;

  padding: 2em 0em 0em 4em;

  position: relative;


}

.header_logo_inner img {
  height: auto;
  width: auto;

  object-fit: contain;

}

.header_firstblk{

  float: right;

  position: relative;

  padding: 1em 0;

}

.header_offerblk{

  float: left;

  padding: 0.5em 2em 0 6em;

  position: relative;

}

.header_offerblk::before{

  content: '';

  background-image: url('../images/home/offer_img.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 50px;

  height: 50px;

  position: absolute;

  top: 4px;

  left: 20px;

}

.header_offerblk::after{

  content: '';

  width: 1px;

  height: 62px;

  border-radius: 1px;

  background-color: #ffffff;

  position: absolute;

  top: 0;

  right: 30px;

}

.header_offerblk p{

  font-size: 14px;

  color: #ffffff;

  font-weight: 400;

}

.header_rating{

  float: left;

  position: relative;

  padding: 0.5em 0 0 25px;

}

.header_rating::before{

  content: '';

  background-image: url('../images/home/drainage.webp');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 100%;

  width: 35px;

  height: 35px;

  position: absolute;

  top: 10px;

  left: -19px;

}

.header_rating p{

  font-size: 14px;

  color: #ffffff;

  font-weight: 400;

}

.header_contdetails{

  float: right;

  width: 50%;

  display: flex;

}

.header_number{

  font-size: 22px;

  line-height: 40px;

  color: #ffffff;

  font-weight: 600;

  font-family: 'Poppins-SemiBold';

  position: relative;
  z-index: 1;
  padding: 16px 25px 8px 55px;

  transition: 0.5s;

}

.header_number::after{

  content: '';

  border-radius: 40px;

  background-color: #2197cd;

  width: 125%;

  height: 100%;

  position: absolute;

  z-index: -2;

  top: 0;

  left: 0;

}

.header_number::before{

  content: '';

  background-image: url('../images/home/head_phne.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 20px;

  height: 20px;

  position: absolute;

  top: 26px;

  left: 20px;

}

.header_number:hover{

  transform: scale(0.9);
  color: #fff;
  transition: 0.5s;

}

.header_schedule{

  font-size: 22px;

  line-height: 40px;

  color: #ffffff;

  font-weight: 600;

  font-family: 'Poppins-SemiBold';

  padding: 15px 20px 15px 60px;

  position: relative;

  z-index: 1;

  transition: 0.5s;

}
.header_schedule:hover{
  color: #fff;
}
.header_schedule::before{

  content: '';

  border-radius: 40px;

  background-color: #000000;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

}

.header_schedule::after{

  content: '';

  background-image: url('../images/home/schedule.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 30px;

  height: 25px;

  position: absolute;

  top: 21px;

  left: 17px;

}

.header_schedule:hover{

  transform: scale(0.9);

  transition: 0.5s;

}



.header_secondblock{

  position: relative;

  float: left;

  width: 100%;

}

.header_menusec{

  float: left;

  width: 100%;

}

.header-nav {

  float: left;

  width: 100%;

  position: relative;

  text-align: center;

}

.header_location{

  float: left;

  width: 20%;

  padding-left: 2.5em;  

  position: relative;

  text-align: center;

}

.header_location::before{

  content: '';

  background-image: url('../images/home/location_pin.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 25px;

  height: 25px;

  position: absolute;

  left: 40px;

  top: 0;

}

.header_location::after{

  content: '';

  width: 2px;

  height: 60px;

  border-radius: 1px;

  background-color: #ede9e3;

  position: absolute;

  top: -14px;

  right: 5px;

}

.header_location p{

  font-size: 16px;

  line-height: 26px;

  color: #888888;

  font-weight: 500;

  font-family: 'Poppins-SemiBold';

}

.header_contdetail{

  float: left;

  width: 23%;

  padding: 0em 1em 0 1em;

  position: relative;

}

.header_contdetail::after{

  content: '';

  width: 2px;

  height: 60px;

  border-radius: 1px;

  background-color: #ede9e3;

  position: absolute;

  top: -14px;

  right: 35px;

}

.header_contdetail a{

    display: block;

    text-align: center;

    font-size: 16px;

    line-height: 26px;

    color: #888888;

    font-weight: 700;

    font-family: 'Poppins-SemiBold';

    position: relative;

    transition: 0.5s;

    margin-right: 1em;

}

.header_contdetail a:hover,

.header_contdetail a:hover::before{

  -webkit-animation: vibrate-1 0.3s linear infinite both;

  animation: vibrate-1 0.3s linear infinite both; 

}

.header_contdetail a::before{

  content: '';

  background-image: url('../images/home/phone.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 22px;

  height: 22px;

  position: absolute;

  top: 0;

  left: 2px;

}

.header_email{

  float: left;

  width: 28%;

  text-align: center;

  position: relative;

}

.header_email::after{

  content: '';

  width: 2px;

  height: 60px;

  border-radius: 1px;

  background-color: #ede9e3;

  position: absolute;

  top: -14px;

  right: 10px;

}

.header_email a{

  font-size: 15px;

  line-height: 25px;

  color: #888888;

  font-weight: 500;

  font-family: 'Poppins-SemiBold';

  position: relative;

}

.header_email:hover{

  -webkit-animation: vibrate-1 0.3s linear infinite both;

  animation: vibrate-1 0.3s linear infinite both; 

}

.header_email a::before{

  content: '';

  background-image: url('../images/home/mail.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  position: absolute;

  width: 25px;

  height: 20px;

  top: 1px;

  left: -34px;

}





/* home page */

/* banner blk */

.bannerhme_wrapper{

  float: left;

  width: 100%;

  padding: 0 0 2em;

  margin: 0 0 2em;

  position: relative;

}

.bannerhme_wrapper::after{

  content: '';

  background-color: #005377;

  border-radius: 0 0 50px 0;

  height: 106%;

  width: 55%;

  position: absolute;

  z-index: -1;

  top: -3em;

  left: 0;

}

.bannerhme_slic{

  float: left;

}

.bannerhme_single{

  float: left;

}

.bannerhme_image {

  position: relative;

  margin-left: 3em;

}

.bannerhme_image img{

  height: 738px;

  width: 100%;

  object-fit: cover;

  object-position: center;

}

.bannerhme_content{

  position: absolute;

  bottom: 0;

  left: 3em;

}

/* .bannerhme_content::before{

  content: '';

  background-image: url('../images/home/ban_cont_icon.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 60px;

  height: 60px;

  position: absolute;

  z-index: 1;

  top: 0;

  right: -20px;

  bottom: 0;

  margin: auto 0;

} */

.bannerhme_content_inner{

  position: relative;

  border-radius: 0 20px 20px 0;

  background-color: #005377b2;

  padding: 30px 30px 20px 40px;

}

.bannerhme_content_inner strong{

  font-size: 26px;

  line-height: 40px;

  color: #ffffff;

  font-weight: 500;

  font-family: 'Roboto-bold';

  border: 1px solid #ffffff;

  border-radius: 30px;

  padding: 8px 10px 8px 20px;

}

.bannerhme_content_inner h1,

.bannerhme_content_inner h2{

  font-size: 40px;

  line-height: 40px;

  color: #ffffff;

  font-weight: 700;

}

.bannerhme_content_inner p{

  font-size: 16px;

  color: #ffffff;

  font-weight: 400;

}

a.head_getintouch{

  font-size: 16px;

  line-height: 40px;

  text-transform: uppercase;

  color: #005377;

  font-weight: 600;

  font-family: 'Poppins-SemiBold';

  border-radius: 26px;

  filter: drop-shadow(6.101px 13.703px 15px rgba(0,0,0,0.2));

  background-color: #ffffff;

  border: 1px solid #2197cd;

  padding: 8px 12px 8px 12px;

}
a.banner_video{
    background-image: url(../images/home/ban_cont_icon.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: -20px;
    bottom: 0;
    margin: auto 0;
    font-size: 0;
}
.bannerhme_slic ul.slick-dots {

  text-align: center;

}

.bannerhme_slic ul.slick-dots li {

  list-style-type: none;

  display: inline-block;

  margin: 0 5px;

  transition: 0.5s;

}

.bannerhme_slic ul.slick-dots li button {

  width: 11px;

  height: 11px;

  background-color: #ffffff;

  opacity: 0.600;

  border-radius: 50%;

  border: unset;

  font-size: 0;

  transition: 0.5s;

}

.bannerhme_slic ul.slick-dots li.slick-active button {

  width: 13px;

  height: 13px;

  background-color: #ffffff;

  opacity: 1;

  transition: 0.5s;

}



/* hme installation blk */

.hme_installation_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

  position: relative;

}

.hme_installation_inner{

  float: left;

}

.hme_installation_inner::after{

  content: '';

  background-image: url('../images/home/installation_blk_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 66%;

  height: 105%;

  position: absolute;

  z-index: -3;

  bottom: -2em;

  right: -3.5em;

}

.hme_installation_title{

  float: left;

  margin: 0 0 2em;

  padding: 0 0 0 3em;

}

.hme_installation_title h3{

  font-size: 40px;

  line-height: 50px;

  color: #005377;

  font-weight: 700;

  position: relative;

}

.hme_installation_title h3::before{

  content: '';

  width: 375px;

  height: 1px;

  border-radius: 0px;

  background-color: #2197cd;

  position: absolute;

  bottom: -10px;

  left: -30px;

}

.hme_installation_content{

  float: left;

}

.hme_installation_left{

  float: left;

}

.hme_installation_left_inner{

  float: left;

  width: 100%;

  margin: 3em 0;

}

.hme_installation_single{

  float: left;

  position: relative;

  padding: 30px 20px 20px 20px;

}

.hme_installation_single::after{

  content: '';

  background-image: url('../images/home/installation_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  filter: drop-shadow(-19.096px 20.478px 16.5px rgba(4,29,54,0.12));

  width: 98%;

  height: 100%;

  position: absolute;

  z-index: -2;

  top: 0;

  left: 0;

}

.hme_installation_single:nth-child(2)::after{

  background-image: url('../images/home/installation_bg2.webp');
filter: drop-shadow(-19.096px 20.478px 16.5px rgba(4,29,54,0.2));
}

.hme_installation_single_inner{

  position: relative;

}

.hme_installation_img{

  float: left;

  width: 100%;

  text-align: center;

  padding: 1em 0;

  position: relative;

}

.hme_installation_img::after{

  content: '';

  background-image: url('../images/home/installation_icon_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 50%;

  height: 110px;

  position: absolute;

  z-index: -1;

  top: -8px;

  left: 4.5em;

  right: 0;

}

.hme_installation_single:nth-child(2) .hme_installation_img::after{

  background-image: url('../images/home/installation_icon_bg2.webp');

  width: 47%;

}

.hme_installation_single:nth-child(3) .hme_installation_img::after{

  width: 47%;

}

.hme_installation_img img{

  /* height: 70px; */

  width: 70px;

  object-fit: contain;

  object-position: center;

}

.hme_installation_single_content{

  position: relative;

  text-align: center;

  float: left;

  margin: 1em 0 0;

  padding: 0 10px 0 0;

}

.hme_installation_single:nth-child(2) .hme_installation_single_content h4{

  color: #ffffff;

}

.hme_installation_single_content h4{

  font-size: 30px;

  line-height: 40px;

  color: #005377;

  font-weight: 700;

  position: relative;

}

.hme_installation_single_content h4::before{

  content: '';

  width: 88px;

  height: 1px;

  border-radius: 1px;

  background-color: #005377;

  position: absolute;

  bottom: 0;

  right: 40px;

}

.hme_installation_single:nth-child(2) .hme_installation_single_content h4::before{

  background-color: #fff;

}

.hme_installation_single:nth-child(2) .hme_installation_single_content p{

  color: #ffffff;

}

.hme_installation_single_content p{

    font-size: 14px;
    line-height: 22px;
  color: #000000;

  font-weight: 400;

  overflow-y: scroll;

  height: 75px;

  padding: 0 20px 0 0;

}

/* width */

.hme_installation_single_content p::-webkit-scrollbar {

  width: 5px;

}

/* Track */

.hme_installation_single_content p::-webkit-scrollbar-thumb {

  background-color: #005377;

  border-radius: 10px;

}

/* Handle */

.hme_installation_single_content p::-webkit-scrollbar-track {

  border-radius: 10px;

  background-color: transparent;

}

.hme_installation_right{

  float: left;

}

.hme_installation_right_inner{

  position: relative;

  margin: 30px 10px 0 70px;

}

.hme_installation_right_inner::before{

  content: '';

  width: 153px;

  height: 1px;

  border-radius: 0px;

  background-color: #2197cd;

  position: absolute;

  left: -20px;

  top: -20px;

}

.hme_installation_right_inner::after{

  content: '';

  width: 153px;

  height: 1px;

  border-radius: 0px;

  background-color: #2197cd;

  position: absolute;

  right: -20px;

  bottom: -20px;

}

.hme_installation_right_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

}

a.installation_call{

  font-size: 40px;

  line-height: 40px;

  color: #005377;

  font-weight: 700;

  font-family: 'Roboto-bold';

  display: inline-block;

  padding: 25px 0 25px 5.5em;

  width: 100%;

  float: left;

  position: relative;

}

a.installation_call::after{

  content: '';

  background-image: url('../images/home/installation_call_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 35%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: 0;

  left: 2em;

}



/* commercial service blk */

.hme_commercial_service_blk{

  float: left;

  width: 100%;

  margin: 2em 0 0 0;

  padding: 2em 0 0 0;

}

.hme_commercial_service_inner{

  float: left;

}

.hme_commercial_service_imgblk{

  float: right;

  position: relative;

}

.hme_commercial_service_imgblk::after{

  content: '';

  background-color: #2197cd;

  border-radius: 0 180px 0 0;

  width: 50%;

  height: 80%;

  position: absolute;

  z-index: -2;

  top: -12px;

  right: -12px;

}

.hme_commercial_service_first_imgblk{

  float: left;

  position: relative;

  z-index: 1;

}

.hme_commercial_service_first_img{

  position: relative;

  margin-left: 2em;

}

.hme_commercial_service_first_img::after{

    content: '';
    filter: drop-shadow(1.482px 16.935px 11.5px rgba(0, 0, 0, 0.25));
    background-image: url(../images/home/commercial_service_img1bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 102%;
    height: 102.5%;
    position: absolute;
    z-index: -1;
    top: -3px;
    left: -7px;
}

.hme_commercial_service_first_img img{

  height: 425px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  -webkit-clip-path: url(#clip-path);

  clip-path: url(#clip-path);

}

.hme_commercial_service_second_imgblk{

    float: left;
    position: relative;
    top: -14.6em;
    z-index: 0;

}

.hme_commercial_service_second_img{

  position: relative;

  margin-left: 2em;

}

.hme_commercial_service_second_img img{

  height: 425px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  -webkit-clip-path: url(#my-clip-path);

  clip-path: url(#my-clip-path);

}

.hme_strong{

  font-size: 22px;

  line-height: 30px;

  color: #000000;

  font-weight: 600;

  border-radius: 26px;

  border: 1px solid #2197cd;

  padding: 10px 20px 10px 20px;

}

.hme_commercial_service_inner h3{

  font-size: 40px;

  line-height: 40px;

  color: #005377;

  font-weight: 700;

}

.hme_commercial_service_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

}

.commercial_service_content{

  float: left;

}

.commercial_service_content_inner{

  float: left;

  width: 100%;

}

.commercial_why_choose{

  float: left;

  margin: 0 0 2em;

  position: relative;

  filter: drop-shadow(1.22px 13.947px 8px rgba(0,0,0,0.19));

}

.commercial_why_choose::after{

  content: '';

  border-radius: 20px;

  background-color: #005377;

  position: absolute;

  z-index: -2;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

}

.commercial_why_choose_imgblk{

  float: left;

  width: 20%;

  position: absolute;

  left: -40px;

  top: 38px;

}

.commercial_why_choose_img{

  position: relative;

}

.commercial_why_choose_img::after{

  content: '';

  border-radius: 52px;

  background-color: #2197cd;

  border: 4px solid #ffffff;

  width: 88%;

  height: 105px;

  position: absolute;

  z-index: -1;

  top: -20px;

  left: 8px;

}

.commercial_why_choose_imgblk img{

  height: 65px;

  width: 100%;

  object-fit: contain;

}

.commercial_why_choose_content{

  float: left;

  width: 100%;

  padding: 10px 1em 10px 7em;

}

.commercial_why_choose_content h4{

  font-size: 22px;

  line-height: 30px;

  color: #ffffff;

  font-weight: 500;

}

.commercial_why_choose_content p{

  font-size: 15px;

  line-height: 22px;

  color: #ffffff;

  font-weight: 400;

}

.commercial_get_started{

  float: right;

  width: 93%;

  position: relative;

}

.commercial_get_started::after{

  content: '';

  border-radius: 20px;

  background-color: #2197cd;

  position: absolute;

  z-index: -2;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

}

.commerial_get_started_imgblk{

  float: left;

  width: 20%;

  position: absolute;

  left: -40px;

  top: 48px;

}

.commercial_get_started_img{

  position: relative;

}

.commercial_get_started_img::after{
    content: '';
    border-radius: 52px;
    background-color: #005377;
    border: 4px solid #ffffff;
    width: 92%;
    height: 103px;
    position: absolute;
    z-index: -1;
    top: -20px;
    left: 5px;

}

.commercial_get_started_img img{

  height: 60px;

  width: 100%;

  object-fit: contain;

}

.commercial_get_started_content{

  float: left;

  width: 100%;

  padding: 10px 1em 10px 7em;

}

.commercial_get_started_content h4{

  font-size: 22px;

  line-height: 30px;

  color: #ffffff;

  font-weight: 500;

}

.commercial_get_started_content p{

  font-size: 15px;

  line-height: 22px;

  color: #ffffff;

  font-weight: 400;

  overflow-y: scroll;

  height: 90px;

}

/* width */

.commercial_get_started_content p::-webkit-scrollbar {

  width: 5px;

}

/* Track */

.commercial_get_started_content p::-webkit-scrollbar-thumb {

  background-color: #005377;

  border-radius: 10px;

}

/* Handle */

.commercial_get_started_content p::-webkit-scrollbar-track {

  border-radius: 10px;

  background-color: transparent;

}

.hme_btn_blk{

  float: left;

  display: flex;

  margin-top: 2em;

}

.hme_call{

  font-size: 20px;

  line-height: 30px;

  color: #2197cd;

  font-weight: 600;

  position: relative;

  padding: 14px 12px 12px 60px;

  transition: 0.5s;

}

.hme_call:hover{

  transform: scale(0.9);

  transition: 0.5s;

}

.hme_call::after{

  content: '';

  border-radius: 32px;

  filter: drop-shadow(6.889px 11.025px 6px rgba(6,41,76,0.17));

  background-color: #ffffff;

  border: 1px solid #2197cd;

  width: 120%;

  height: 100%;

  position: absolute;

  z-index: -2;

  top: 0;

  left: 0;

}

.hme_call::before{

  content: '';

  background-image: url('../images/home/phone.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 20px;

  height: 20px;

  position: absolute;

  top: 17px;

  left: 28px;

}

.hme_readmore{

  font-size: 18px;

  line-height: 30px;

  color: #ffffff;

  font-weight: 500;

  position: relative;

  z-index: 1;

  padding: 14px 20px 14px 50px;

  transition: 0.5s;

}

.hme_readmore::after{

  content: '';

  background-image: url('../images/home/readmore_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

}

.hme_readmore:hover{

  transform: scale(0.9);
  color: #fff;
  transition: 0.5s;

}



/* hme client blk */

.hme_client_blk{

  float: left;

  width: 100%;
  margin: 0 0 2em 0;
  padding: 2em 0 5em 0;
  background-image: url('../images/home/hme_client_blk_bg.webp');
}

.hme_client_blk_inner{

  float: left;

}

.hme_client_title{

  float: left;

  text-align: center;

  margin: 0 0 2em;

}

.hme_client_title h3{

  font-size: 40px;

  line-height: 40px;

  color: #005377;

  font-weight: 700;

}

.hme_client_imgblk{

  float: left;
  width: 100%;
}
.hme_client_imgblk .slick-list.draggable{
    padding: 2em 0 4em 0;
    filter: drop-shadow(1.569px 17.932px 13px rgba(0,0,0,0.1));
}
.hme_client_single{

  float: left;

  width: 19%;

  margin: 0 6px;

}
.hme_client_single:nth-child(even){
  filter:unset ;
}
.hme_client_inner{

  float: left;

  width: 100%;

  text-align: center;

  padding: 25px 0;

  border-radius: 29px;

  background-color: #ffffff;

  border: 1px solid #f7f7f7;



}

.hme_client_inner img{

  width: 90%;

  height: 150px;

  object-fit: contain;

  object-position: center;

}



/* hme solution blk */

.hme_solution_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 4em 0;

  position: relative;

}

.hme_solution_blk::after{

  content: '';

  background-image: url('../images/home/soln_blk_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 13%;

  height: 105%;

  position: absolute;

  z-index: -3;

  top: -20px;

  left: -2px;

}

.hme_solution_inner{

  float: left;

}

.hme_solution_imgblk{

  float: left;

}

.hme_solution_img{

  position: relative;

  padding: 4em 0;

  margin-right: 7em;

}

.hme_solution_img::after{

  content: '';

  background-image: url('../images/home/soln_blk_img_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100%;

  width: 120%;

  height: 107%;

  position: absolute;

  z-index: -1;

  top: -20px;

  left: -37px;
filter: drop-shadow(-20px 0 16px rgba(0,0,0,0.18));
}

.hme_solution_img img{

  height: 525px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 50%;

  filter: drop-shadow(1.22px 13.947px 16px rgba(0,0,0,0.28));

  border: 8px solid #f7f7f7;

}

.hme_solution_content{

  float: left;

  margin: 0 0 10px;

}

.hme_solution_content_inner{

  float: left;

  width: 100%;

}

.hme_solution_inner h3{

  font-size: 40px;

  line-height: 40px;

  color: #005377;

  font-weight: 700;

}

.hme_solution_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

}

.hme_soln_content_single{

  float: left;

}

.hme_soln_content_single_inner{

  position: relative;

  padding: 0 10px;

}

.hme_soln_content_single_inner h4{
  margin-bottom: 0;
  font-size: 22px;

  line-height: 30px;

  color: #000000;

  font-weight: 500;

}

.hme_soln_content_single_inner b{

  font-size: 16px;

  line-height: 30px;

  color: #003e5a;

  font-weight: 600;

}

.hme_soln_content_single_inner p{

  font-size: 14px;

  line-height: 18px;

  color: #000000;

  font-weight: 400;

  padding: 0 10px 0 0;

  overflow-y: scroll;

  height: 55px;

}

/* width */

.hme_soln_content_single_inner p::-webkit-scrollbar {

  width: 5px;

}

/* Track */

.hme_soln_content_single_inner p::-webkit-scrollbar-thumb {

  background-color: #005377;

  border-radius: 10px;

}

/* Handle */

.hme_soln_content_single_inner p::-webkit-scrollbar-track {

  border-radius: 10px;

  background-color: transparent;

}

.hme_soln_content_single::after{

  content: '';

  border-radius: 10px;

  border: 1px solid #2196cc;

  border-top: unset;

  border-right: unset;

  width: 94%;

  height: 85%;

  position: absolute;

  z-index: -1;

  bottom: -8px;

  left: -12px;

}
.hme_soln_content_single:nth-child(1)::before {
    content: '';
    border-radius: 10px;
    background-color: #f7f7f7;
    width: 92%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}
.hme_soln_content_single:nth-child(2)::before{

  content: '';

  background-color: #2196cc;

  border-radius: 10px;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

}

.hme_soln_content_single:nth-child(2)::after{

  border: 1px solid #003e5a;

  border-top: unset;

  border-right: unset;

}

.hme_soln_content_single:nth-child(2) .hme_soln_content_single_inner h4,

.hme_soln_content_single:nth-child(2) .hme_soln_content_single_inner b,

.hme_soln_content_single:nth-child(2) .hme_soln_content_single_inner p{

  color: #ffffff;

}



/* hme how it works blk */

.hme_how_it_works_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.hme_how_it_works_inner{

  float: left;

}

.hme_how_it_works_title{

  float: left;

  text-align: center;

  margin: 2em 0;

}

.hme_how_it_works_title h3{

  font-size: 40px;

  line-height: 40px;

  color: #005377;

  font-weight: 700;

  padding: 0px 5em;

}

.hme_how_it_works_content{

  float: left;

}

.hme_how_it_works_content_inner{

  float: left;

  width: 100%;

  margin: 3em 0;

}

.how_it_works_single{

  float: left;

  width: 23%;

  position: relative;

  margin: 0 12px;

}

.how_it_works_single:nth-child(odd)::after{

    content: '';
    background-image: url(../images/home/how_it_works_bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 105%;
    height: 120%;
    position: absolute;
    z-index: -1;
    left: 0px;
    top: -50px;

}

.how_it_works_single:nth-child(even)::after{

  content: '';

  background-image: url('../images/home/how_it_works_bg2.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

    width: 110%;
    height: 120%;
    position: absolute;
    z-index: -1;
    left: -11px;
    top: -50px;

}

.how_it_works_single_inner{

  position: relative;
  padding: 60px 15px 35px 110px;
  float: left;

}

.how_it_works_content{

  float: left;

  width: 100%;

  text-align: center;

}

.how_it_works_content h4{

  font-size: 18px;

  color: #ffffff;

  font-weight: 700;

}

.how_it_works_single:nth-child(even) .how_it_works_content p::-webkit-scrollbar-thumb{

  background-color: #2197cd;

}

.how_it_works_content p{

    font-size: 14px;
    line-height: 21px;


  color: #ffffff;

  font-weight: 400;

  overflow-y: scroll;

  height: 107px;

  padding: 0 10px 0 0;

}

/* width */

.how_it_works_content p::-webkit-scrollbar {

  width: 5px;

}

/* Track */

.how_it_works_content p::-webkit-scrollbar-thumb {

  background-color: #003e5a;

  border-radius: 10px;

}

/* Handle */

.how_it_works_content p::-webkit-scrollbar-track {

  border-radius: 10px;

  background-color: transparent;

}

.how_it_works_img{

  position: absolute;

  top: 20px;

  left: 18px;

}

.how_it_works_img img{

  height: 60px;

  object-fit: cover;

  object-position: center;

}



/* hme industries blk */

.hme_industries_blk{

  float: left;

  width: 100%;

  margin: 3em 0 4em;

  padding: 2em 0;

  position: relative;

}

.hme_industries_blk::before{

  content: '';

  background-image: url('../images/home/industries_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 50%;

  height: 94%;

  position: absolute;

  z-index: 1;

  top: 3em;

  left: 0;

  right: 0;
  margin: 0 auto;
  z-index: -1;
}

.hme_industries_inner{

  float: left;

  position: relative;

}

/* .hme_industries_inner::after{

    content: '';
    background-image: url(../images/home/industries_ul_bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 17%;
    height: 78%;
    position: absolute;
    bottom: -15px;
    left: -75px;
    rotate: 10deg;

} */

.hme_industries_imgblk{

  float: right;

}

.hme_industries_img{

  position: relative;
  margin-left: 2em;
  z-index: -2;
}

.hme_industries_img::before{

  content: '';

  background-image: url('../images/home/hme_industries_img_bg.webp');

  background-position: center;

  background-size: 100% 100%;

  background-repeat: no-repeat;

    width: 101%;
    height: 101%;
    position: absolute;
    top: -3px;
    left: -1px;

}

.hme_industries_imgblk img{

  height: 600px;

  width: 100%;

  object-fit: cover;

  object-position: center;

}

.hme_industries_right{

  float: left;

}

.hme_industries_right h3{

  font-size: 40px;

  line-height: 40px;

  color: #005377;

  font-weight: 700;

}

.hme_industries_right ul{
    position: relative;
    overflow-y: scroll;
    height: 463px;
    padding: 0 0em 0em 2em;
    padding-top: 1em;
    margin-top: 1em;
    direction: rtl;
}
/* width */
.hme_industries_right ul::-webkit-scrollbar {
  width: 5px;
}
/* Track */
.hme_industries_right ul::-webkit-scrollbar-thumb {
  background-color: #005377;
  border-radius: 10px;
}
/* Handle */
.hme_industries_right ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}

.hme_industries_right ul li{
    direction: ltr;
    list-style: none;
    position: relative;
    /* filter: drop-shadow(8.329px 17.077px 15px rgba(0, 0, 0, 0.06)); */
    padding: 5px 0px 0px 15px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    margin: 0 0 15px;

}

.hme_industries_right ul li::after{

  content: '';
  background-image: url('../images/home/hme_industries_bg.webp');
  /* filter: drop-shadow(8.329px 17.077px 15px rgba(0, 0, 0, 0.06));  */
  background-position: center;

  background-size: 100% 100%;

  background-repeat: no-repeat;

  width: 85%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

}

/* .hme_industries_right ul li:nth-child(1) .hme_industries_content_outer{

  left: 2em;

}

.hme_industries_right ul li:nth-child(1)::after{

  left: 2em;

} */

.hme_industries_right ul li:nth-child(even) .hme_industries_content_img{

  background-color: #2a2a2a;  

}

/* .hme_industries_right ul li:nth-child(3) .hme_industries_content_outer{

  left: 0em;

}

.hme_industries_right ul li:nth-child(3)::after{

  left: 1em;

}

.hme_industries_right ul li:nth-child(4) .hme_industries_content_outer{

  left: 0em;

}

.hme_industries_right ul li:nth-child(4)::after{

  left: 2em;

}

.hme_industries_right ul li:nth-child(5) .hme_industries_content_outer{

  left: 1em;

}

.hme_industries_right ul li:nth-child(5)::after{

  left: 3em;

}

.hme_industries_right ul li:nth-child(6) .hme_industries_content_outer{

  left: 1em;

}
.hme_industries_right ul li:nth-child(7) .hme_industries_content_outer{

  left: 2em;

}
.hme_industries_right ul li:nth-child(8) .hme_industries_content_outer{

  left: 3em;

}
.hme_industries_right ul li:nth-child(9) .hme_industries_content_outer{

  left: 4em;

} */

.hme_industries_content_outer{

  float: left;

  width: 100%;

  position: relative;

}

.hme_industries_content_img{

height: 100%;
    position: absolute;
    float: left;
    width: 15%;
    left: -20px;
    text-align: center;
    border-radius: 41px 41px 41px 0;
    background-color: #2197cd;
    padding: 13px 10px 10px 7px;

}

.hme_industries_content_img img{

  height: 50px;

  object-fit: contain;

  object-position: center;

}

.hme_industries_content{
    float: left;
    width: 80%;
    padding: 0px 0 7px 85px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    min-height: 70px;
}

.hme_industries_content h4{

  font-size: 24px;

  color: #2197cd;

  font-weight: 700;

  margin: 0;

}







/* hme review page */

.hme_review_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

  position: relative;

}

.hme_review_blk::after{
    content: '';
    background-image: url(../images/home/review_blk_bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 111%;
    position: absolute;
    z-index: -3;
    top: -45px;
    left: 0;
}

.hme_review_inner{

  float: left;

}

.hme_review_title{

  float: left;

  text-align: center;

  margin: 0em 0 3em;

}

.hme_review_title h3{

  font-size: 40px;

  line-height: 50px;

  color: #005377;

  font-weight: 700;

}

.hme_review_slic{

  float: left;

}

.hme_review_single{

  float: left;

}

.hme_review_single_inner .fancy_rev iframe {
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 0;
}
.hme_review_single_inner .fancy_rev p{
  padding: 0;
  overflow: unset;
}
.hme_review_single_inner p{
  overflow-x: hidden;
}

.hme_review_single_inner{

  position: relative;

  padding: 4em 4em 5em 4em;

  margin: 0 10px;

}

.hme_review_single_inner::after{

  content: '';

  background-image: url('../images/home/review_bg.webp');

  background-position: center;

  background-size: 100% 100%;

  background-repeat: no-repeat;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  transition: 0.5s;

}

.authordetail{

  text-align: center;

  margin: 0 0 2em;

}

.authordetail h4{

  font-size: 21px;

  color: #212121;

  font-weight: 700;

  position: relative;

}

.authordetail h4::before{

  content: '';

  width: 115px;

  height: 1px;

  border-radius: 0px;

  background-color: #2196cc;

  position: absolute;

  bottom: -7px;

  right: 3em;

}

.hme_review_single_inner a::before{

  content: '';

  background-image: url('../images/home/google_icon.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 60px;

  height: 60px;

  position: absolute;

  top: 0;

  left: 0;

}

.hme_review_single_inner p{

  font-size: 14px;

  line-height: 23px;

  color: #272727;

  font-weight: 400;

  text-align: center;

  overflow-y: scroll;

  height: 180px;

  padding: 0 10px 0 0;

}

/* width */

.hme_review_single_inner p::-webkit-scrollbar {

  width: 5px;

}

/* Track */

.hme_review_single_inner p::-webkit-scrollbar-thumb {

  background-color: #212121;

  border-radius: 10px;

}

/* Handle */

.hme_review_single_inner p::-webkit-scrollbar-track {

  border-radius: 10px;

  background-color: transparent;

}

.star-rating {

  text-align: center;

}

.star-rating i{

  color: #2196cc;

}

.hme_review_slic .slick-list.draggable{

  padding: 2em 0;

  filter: drop-shadow(1.877px 11.852px 12.5px rgba(0,0,0,0.09));

}

.hme_review_slic ul.slick-dots {

  text-align: center;

}

.hme_review_slic ul.slick-dots li {

  list-style-type: none;

  display: inline-block;

  margin: 0 5px;

  transition: 0.5s;

}

.hme_review_slic ul.slick-dots li button {

  width: 11px;

  height: 11px;

  background-color: #2a2a2a;

  opacity: 0.600;

  border-radius: 50%;

  border: unset;

  font-size: 0;

  transition: 0.5s;

}

.hme_review_slic ul.slick-dots li.slick-active button {

  width: 14px;

  height: 14px;

  background-color: #005377;

  opacity: 1;

  transition: 0.5s;

}

.hme_review_single.slick-active + .slick-active .hme_review_single_inner .authordetail h4{
    color: #005275;
}
.hme_review_single.slick-active + .slick-active + .slick-active .hme_review_single_inner .authordetail h4{
    color: #212121;
}

.hme_review_single.slick-active + .slick-active .hme_review_single_inner::after{

  background-image: url('../images/home/review_bg_active.webp');

  filter: drop-shadow(2.816px 17.778px 17px rgba(0,83,119,0.19));

  transition: 0.5s;

}

.hme_review_single.slick-active + .slick-active + .slick-active .hme_review_single_inner::after{

  background-image: url('../images/home/review_bg.webp');

  filter: unset;

  transition: 0.5s;

}



.hme_review_single.slick-active + .slick-active .hme_review_single_inner a::before{

  background-image: url('../images/home/google_icon2.webp');

  transition: 0.5s;

}

.hme_review_single.slick-active + .slick-active + .slick-active .hme_review_single_inner a::before{

  background-image: url('../images/home/google_icon.webp');

  transition: 0.5s;

}



/* hme aboutus blk */

.hme_aboutus_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

  position: relative;

}

.hme_aboutus_blk::before{

  content: '';

  height: 16px;

  width: 100%;

  background-color: #f2f8ff;

  position: absolute;

  z-index: -2;

bottom: 45px;

  left: 0;

}

.hme_aboutus_inner{

  float: left;

}

.hme_aboutus_imgblk{

  float: left;

  position: relative;

}

.hme_aboutus_imgblk::before{

  content: '';

  background-image: url('../images/home/hme_aboutus_img_bg2.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 110px;

  height: 60px;

  position: absolute;

  z-index: 1;

  bottom: -20px;

  left: -52px;

}

.hme_aboutus_img{

  position: relative;

  margin-left: 4em;

  margin-right: 3em;

}

.hme_aboutus_img::before{

    content: '';
    border: 15px solid #f2f8ff;
    border-bottom: unset;
    border-radius: 310px 310px 0 0;
    background-color: #2196cc;
    width: 109.7%;
    height: 103.5%;
    position: absolute;
    z-index: -3;
    top: -25px;
    left: -26px;

}

.hme_aboutus_img::after{

  content: '';

  background-image: url('../images/home/hme_aboutus_img_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 110px;

  height: 60px;

  position: absolute;

  z-index: 1;

  bottom: -23px;

  right: -108px;

}

.hme_aboutus_img img{

  height: 635px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 310px 310px 0 0;

  border: 1px solid #ffffff; 

}

.hme_aboutus_inner h3{

  font-size: 40px;

  line-height: 40px;

  color: #005377;

  font-weight: 700;

}

.hme_aboutus_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

}

.hme_aboutus_inner  .hme_btn_blk{

  float: right;

}



/* hme faq blk */

.hme_faq_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.hme_faq_inner{

  float: left;

  position: relative;

}

.hme_faq_inner::after{

  content: '';

  background-image: url('../images/home/hme_faq_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -3;

  top: 2em;

  left: -2em;

}

.hme_faq_imgblk{

  float: right;

}

.hme_faq_img{

  position: relative;
  margin-left: 2em;
}
.hme_faq_img::after {
    content: '';
    position: absolute;
    left: -10px;
    top: 21px;
    border-radius: 5px;
    background-color: #f2f8ff;
    height: 99%;
    width: 100%;
    z-index: -1;
}
.hme_faq_img img{

  height: 710px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 5px;

  filter: drop-shadow(8.03px 17.22px 13px rgba(0,54,78,0.4));

  border: 1px solid #fff;

}

.hme_faqblk_content_box{

  float: left;

  padding: 3em 15px 0 0;

}

.hme_faq_title{

  float: left;
  padding-left: 30px;

}

.hme_faq_title h3{

  font-size: 40px;

  line-height: 40px;

  color: #ffffff;

  font-weight: 700;

}

.hme_faq_title p{

  font-size: 18px;

  color: #ffffff;

  font-weight: 400;

}

.faq_question_box{

  margin: 1.5em 0;

  height: 545px;

  overflow-y: scroll;

  padding-right: 2em;

  padding-left: 2em;

}

.faq_question_box::-webkit-scrollbar {

  width: 5px;

}

/* Track */

.faq_question_box::-webkit-scrollbar-track {

  border-radius: 20px; 

  width: 3px;

  background-color: #f6fafd;

}

/* Handle */

.faq_question_box::-webkit-scrollbar-thumb { 

  border-radius: 20px;

  width: 5px;

  background-color: #2196cc;

}

.hme_faqblk_content_box .faq_question_box .set{

  margin-bottom: 10px;

  position: relative;

}

.hme_faqblk_content_box .faq_question_box .set.active{

  border-radius: 5px 5px 47px 5px;

  filter: drop-shadow(7px 12.124px 11.5px rgba(0,0,0,0.29));

  background-color: #ffffff;

  margin-bottom: 20px;

  margin-top: 10px;

}

.hme_faqblk_content_box .faq_question_box .set a.active{

  padding: 20px 4em 0px 30px;

  font-size: 24px;

  color: #005377;

  font-weight: 500;

  border: unset;

  border-radius: unset ;

  background-color: unset ;

  font-family: 'Roboto-bold';

}

.hme_faqblk_content_box .faq_question_box .set a{

  width: 100%;

  display: block;

  font-family: 'Poppins-Regular';

  padding: 15px 3em 15px 1.5em;

  background-color: #ffffff;

  text-decoration: none;

  font-size: 20px;

  color: #000000;

  font-weight: 500;

  cursor: pointer !important;

  position: relative;

  border-radius: 5px;

}

.hme_faqblk_content_box .faq_question_box .set a::before{

  content: '';

  background-image: url('../images/home/plus.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  position: absolute;

  width: 20px;

  height: 20px;

  top: 20px;

  right: 40px;

}

.hme_faqblk_content_box .faq_question_box .set a.active::before{

  content: '';

  background-image: url('../images/home/minus.webp');

  width: 25px;

  height: 12px;

  top: 30px;

}

.hme_faqblk_content_box .faq_question_box .set a i {

  position: absolute;

  left: unset;

  top: 17px;

  right: 30px;

  color: #166989;

  height: auto;

  font-size: 20px;

  line-height: 30px;

  cursor: pointer !important;

}

.hme_faqblk_content_box .faq_question_box .set a.active i {

  color: #166989 !important;

  background-color: unset;

  font-size: 20px;

  line-height: 30px;

  bottom: -15px;

  top: unset;

  cursor: pointer !important;

}

.hme_faqblk_content_box .faq_question_box .content {

  padding: 15px 4em 15px 2em;

  width: 100%;

  height: auto;

  margin: 0 auto;

  position: relative;

  border-bottom-left-radius: 10px;

  border-bottom-right-radius: 60px;

  cursor: pointer;

}

.hme_faqblk_content_box .faq_question_box .content p{

  font-size: 14px;

  line-height: 22px;

  color: #000000;

  font-weight: 400;

  padding-right: 1em;

}



/* hme blog blk */

.hme_blog_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.hme_blog_inner{

  float: left;

}

.hme_blog_title{

  float: left;

  text-align: center;

  margin: 2em 0;

}

.hme_blog_title h3{

  font-size: 40px;

  line-height: 40px;

  color: #005377;

  font-weight: 700;

}

.hme_blog_content{

  float: left;

}

.hme_blog_content_inner{

  float: left;

  width: 100%;

  margin: 2em 0;

}

.hme_content_left{

  float: left;

}

.hme_content_img{

  position: relative;

  margin-right: 1em;

}

.hme_content_img img{

  height: 380px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 10px;

}

.hme_blog_date{

  font-size: 20px;

  line-height: 25px;

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 600;

  text-align: center;

  font-family: 'Poppins-SemiBold';

  width: 10%;

  position: absolute;

  bottom: -8px;

  right: 14px;

  border-radius: 10px;

  background-color: #2196cc;

  padding: 15px 12px 15px 12px;

}

.hme_content_right{

  float: left;



}

.hme_blog_right_content{

  float: left;

  width: 50%;

}

.hme_blog_right_content:nth-child(2) .hme_blog_right_content_inner{

  border-radius: 10px;

  background-color: #ffffff;

  border: 1px solid #f2f8ff;

  filter: drop-shadow(2.227px 15.844px 17px rgba(0,54,78,0.14));

}

.hme_blog_right_content:nth-child(2) .hme_blog_right_content_inner .hme_blog_date{

  background-color: #2a2a2a;

}

.hme_blog_right_content_inner{

  padding: 10px 12px 15px 30px;

  border-radius: 10px;

  background-color: #f2f8ff;

  position: relative;

  margin: 0 10px 0 10px;

}

.hme_blog_right_content_inner::before{

  content: '';

  width: 148px;

  height: 1px;

  border-radius: 0px;

  background-color: #2196cc;

  position: absolute;

  bottom: 27px;

  right: 14px;

}

.hme_blog_right_content_inner .hme_blog_date{

  font-size: 14px;

  color: #ffffff;

  font-weight: 500;

  width: 40%;

  padding: 8px 8px 8px 8px;

  border-radius: 20px 0 20px 20px;

  bottom: unset;

  top: 1em;

  right: 15px;

}

.hme_blog_right_content_inner h3{

  font-size: 24px;

  color: #005377;

  font-weight: 700;

  margin-top: 2.5em;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow:hidden



}

.hme_blog_right_content_inner p{

  font-size: 14px;

  line-height: 24px;

  color: #000000;

  font-weight: 400;

}

.hme_blog_readmore{

  font-size: 18px;

  color: #005377;

  font-weight: 700;

}



.hme_blog_content_inner:nth-child(2){

  display: flex;

  flex-direction: row-reverse; 

}







/**** Footer blk ****/

.footer_wrapper {

  /* margin-top: 2em;

  padding: 2em 0em 0em; */

  float: left;

  width: 100%;

  padding: 2em 0 0;

  height: auto;

  filter: drop-shadow(0px -10px 10px rgba(244,127,24,0.06));

  background-color: #ffffff;

  z-index: 3;

  position: relative;

}

.footer_wrapper::before{

  content: '';

  background-image: url('../images/home/footer_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 100%;

  height: 5%;

  position: absolute;

  top: 0;

  left: 0;

}

.footer_wrap{

  float: left;

  width: 100%;

}

.footerfirst_section {

  float: left;

  width: 100%;

  padding-top: 2em;

}

.footerfirst_logo_inner p {

  font-size: 14px;

  line-height: 24px;

  color: #000000;

  font-weight: 400;

  text-align: left;

}

.footerfirst_logo {

  width: 32%;

  margin-right: 2em;

  padding-top: 1em;

  text-align: center;

}



.footerfirst_logo_inner{

  float: left;

  width: 100%;

  margin-top: 0em;

  margin-bottom: 0em;

}

.footerfirst_logo_img{
  text-align: left;
  margin-bottom: 1em;

}

.footerfirst_logo_img img{

  object-fit: contain;

  object-position: center;

  width: auto;

  height: 60px;

}
.footerfirst_logo_inner h4{
  font-size: 30px;
  line-height: 30px;
  color: #000000;
  font-weight: 600;
  text-align: left;
}

.footerfirst_menu h4,.footersecond_menu h4{

  font-size: 22px;

  line-height: 24px;

  color: #000000;

  font-weight: 600;

  margin: 0;

  margin-bottom: 10px;

  padding-bottom: 5px;

  position: relative;

  text-transform: uppercase;

  font-family: 'Poppins-SemiBold';

}

.footerfirst_menu h4::before,

.footersecond_menu h4::before,

.footerfirst_lastmenu h4::before{
    content: '';
    width: 88px;
    height: 1px;
    border-radius: 1px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    right: 130px;
    left: 0;
    margin: 0 auto;

}

.socialmedia_footer h4::before{

  content: unset;

}

 .footerfirst_lastmenu h4 {

  font-size: 22px;

  line-height: 24px;

  color: #000000;

  font-weight: 600;

  margin: 0;

  margin-bottom: 15px;

  padding-bottom: 5px;

  margin-left: 0em;

  position: relative;

  text-transform: uppercase;

  font-family: 'Poppins-SemiBold';

}

.footerfirst_menu {

  width: 32%;

  padding-left: 2em;

  padding-top: 0;

}

.footerfirst_menu ul li {

  float: left;

  width: 50%;

  list-style-type: none;

}



.footersecond_menu {

    width: 25%;

    padding-left: 1em;

    padding-top: 3em;

}

.footersecond_menu ul li{

  float: left;

  list-style-type: none;

  width: 50%;

}

.footerfirst_menu ul li a,

.footersecond_menu ul li a{

  font-size: 15px;

  line-height: 36px;

  color: #000000;

  font-weight: 400;

  font-family: 'Poppins-Regular';

}

.footerfirst_menu ul li a:hover,

.footersecond_menu ul li a:hover{

  color: #406382;

  transition: 0.5s;

}

.footerfirst_lastaddress p {

    font-size: 18px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;

  position: relative;

  padding-left: 2em;

}

.footerfirst_lastaddress p:before {

  content: '';

  background-image: url('../images/home/location_pin.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 20px;

  height: 25px;

  position: absolute;

     top: -1px;
    left: -7px;

}

.footerfirst_lastaddressphe a {

    font-size: 18px;
    line-height: 24px;
    color: #018fc1;
    font-weight: 600;

  font-family: 'Poppins-Regular';

  position: relative;

  transition: 0.5s;

  display: block;

}

.footerfirst_lastaddressphe a::before{

  content: '\f095';

  font-family: 'Fontawesome';

  font-size: 23px;

  color: #000000;

  position: absolute;

  top: 0;

  left: -35px;

  transition: 0.5s;

}

.tollfree::before{

  content: unset !important;

}

.footerfirst_emergency{

  padding-left: 2em;

  margin-bottom: 2em;

}

.footerfirst_emergency p{

  font-size: 18px;

  line-height: 24px;

  color: #000;

  font-weight: 400;

  font-family: 'Poppins-Regular';

  position: relative;

}

.footerfirst_emergency p::before{

  content: '';

  background-image: url('../images/home/letter.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 20px;

  height: 20px;

  position: absolute;

  top: 0;

  left: -35px;

}

.footerfirst_lastaddressphe a:hover {

  color: #005377;

  transition: 0.5s;

}

.footerfirst_lastaddressphe a:hover::before{

  color: #005377;

  transition: 0.5s;

}

.socialmedia_footer h4 {

  font-size: 18px;

  text-decoration: underline;

  text-transform: uppercase;

  color: #005377;

  font-weight: 700;

  margin-bottom: 0;

  padding-bottom: 0;

}

.socialmedia_footer ul {

  display: inline-block;

  margin-left: 0;

  border-radius: 35px;

  text-align: center;

  padding: 5px 0 5px 20px;

  margin-bottom: 0em;

}

.socialmedia_footer ul li {

  list-style-type: none;

  display: inline-block;

}

.socialmedia_footer ul li a {

  font-size: 24px;

  color: #000;

  margin: 0px 10px;

  transition: 0.5s;

}

.socialmedia_footer ul li a:hover {

  color: #2196cc;

  transition: 0.5s;

}

.socialmedia_footer ul li a svg {

  width: 24px;

  transition: 0.5s;

  top: 5px;

  fill: #000000;

  position: relative;

}

.socialmedia_footer ul li a svg:hover {

  fill: #2196cc;

}

.socialmedia_footer{

  width: 70%;

  padding: 15px 0;

  margin-top: 2em;

  margin-bottom: 1em;

  border-radius: 80px;

  background-color: #ffffff;

  border: 1px solid #2196cc;

  text-align: center;

}



.footerfirst_lastmenu {

  float: left;

  width: 32%;

  position: relative;

  padding-top: 0;

  z-index: 2;

  padding-left: 0;

}

.footerfirst_lastaddress {

  margin-bottom: 2em;

}

.footerfirst_lastaddressphe {

  margin-bottom: 2em;

  padding-left: 2em;

}



.footerthird_section {

  float: left;

  width: 100%;

  position: relative;

  background-color: #2196cc;
  margin-top: 2em;
  padding: 1em 0;

}

.footerthird_copyrights p {

  margin: 5px 0 0 0;

  font-size: 16px;

  line-height: 30px;

  color: #ffffff;

  font-weight: 400;

}

.footerthird_logo {

  text-align: right;

}

.headeroff_top,.mobtext,.mobile_bottom{

  display: none;

}





/* Inner page */



/* Inner page banner */

.innerbanner_wrapper{

  float: left;

  width: 100%;

  margin: 0 0 2em;

  padding: 0 0 2em;

  position: relative;

}

.innerbanner_wrapper::after{

  content: '';

  background-color: #005377;

  width: 30%;

  height: 30%;

  position: absolute;

  z-index: -1;

  top: -3em;

  left: 0;

}

.innerbanner_hle{

  float: left;

}

.innerbanner_single{

  float: left;

}
.innerbanner_single .container{
  position: relative;
}
.innerbanner_image{

  position: relative;

} 

.innerbanner_image::before{
    /* background-image: url(../images/aboutus/inner_ban_bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%; */

    content: '';
    background-color: #2197cd2b;
    width: 100.4%;
    border-bottom-right-radius: 150px;
    height: 90%;
    position: absolute;
    rotate: 1deg;
    z-index: 1;
    left: -1px;
    right: 0;
    bottom: -7px;
    z-index: -1;
}
.innerbanner_image video,
.innerbanner_image img{

  height: 551px;

  width: 100%;

  object-fit: cover;

  object-position: center;
    border-bottom-right-radius: 150px;
  filter: drop-shadow(0px 13px 9px rgba(0,0,0,0.24));
}

.innerbanner_content {

  position: absolute;

  z-index: 2;

  bottom: -30px;

  left: 0;

  height: auto;

  width: 650px;

  z-index: 9;

}

.innerbanner_content_inner {

  padding: 3em 9em 3em 5em;

  position: relative;

}

.innerbanner_content_inner::after{

  content: '';
filter: drop-shadow(0px 13px 8px rgba(0,0,0,0.07));
  background-image: url('../images/aboutus/ban_content_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: 0;

  left: -35px;

}
.innerbanner_content_inner h1,
.banner_heading{

  font-size: 40px;

  line-height: 40px;

  text-transform: uppercase;

  color: #2197cd;

  font-weight: 600;

  margin-bottom: 0.5em;

  position: relative;

}

.banner_heading::before{

  content: '';

  width: 157px;

  height: 1px;

  border-radius: 1px;

  background-color: #2197cdb5;

  position: absolute;

  bottom: -8px;

  left: -10px;

}

.innerbanner_content_inner p{

  font-size: 16px;

  color: #000;

  font-weight: 400;

}





/* about us page */

.aboutus_first_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.aboutus_first_inner{

  float: left;

}

.aboutus_first_imgblk{

  float: right;

}

.aboutus_first_img{

  position: relative;

}

.aboutus_first_img::before{

  content: '';

  background-image: url('../images/aboutus/aboutus_img1_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

}

.aboutus_first_img img{

  height: 650px;

  width: 100%;

  object-fit: cover;

  object-position: center;

}
.aboutus_first_inner h6,
.aboutus_first_inner .hme_strong{
    display: inline-block;
    color: #2197cd;
    margin: 4em 0 0;
    font-size: 20px;
    letter-spacing: 1px;
    border: 1px solid;
    padding: 10px 20px;
    border-radius: 30px;

}

.aboutus_first_inner h1,

.aboutus_first_inner h2{

  font-size: 40px;

  color: #005377;

  font-weight: 700;

}
.aboutus_first_inner h3{
      color: #2197cd;
}
.aboutus_first_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

}
.aboutus_second_inner ul {
    border-radius: 10px;
    background-color: #f8fbff;
    display: flow-root;
    margin: 2em 0em 1em 0em;
    padding: 2em 1em 1em 2em;
}

.aboutus_second_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0 5em;

}

.aboutus_second_inner{

  float: left;

}

.aboutus_second_imgblk{

  float: left;

  position: relative;

  padding-right: 3em;

}

.aboutus_second_imgblk::after{

  content: '';

  background-image: url('../images/aboutus/aboutus_img2bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 79%;

  height: 85%;

  position: absolute;

  z-index: -2;

  bottom: -35px;

  right: 25px;

}

.aboutus_second_img{

  position: relative;

  margin-right: 4em;

  margin-bottom: 4em;

}

.aboutus_second_img::after{

  content: '';

  border: 2px solid #2197cd;

  border-radius: 3px;

  width: 104%;

  height: 625px;

  position: absolute;

  z-index: -1;

  top: 50px;

  left: 40px;

}

.aboutus_second_img::before{

  content: '';

  background-image: url('../images/aboutus/aboutus_img2bg2.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 18%;

  height: 16%;

  position: absolute;

  z-index: -1;

  top: -50px;

  left: -50px;

}

.aboutus_second_img img{

  height: 600px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 3px;

  border: 2px solid #f8fbff;

}

.aboutus_second_abs_img{

  position: absolute;

  bottom: 0;

  right: 4em;

}

.aboutus_second_abs_img::before{

  content: '';

  width: 35px;

  height: 37px;

  background-color: #f8fbff;

  position: absolute;

  z-index: 1;

  top: -15px;

  left: -15px;

}

.aboutus_second_abs_img::after{

  content: '';

  width: 35px;

  height: 37px;

  background-color: #f8fbff;

  position: absolute;

  z-index: 1;

  bottom: -10px;

  right: -10px;

}

.aboutus_second_abs_img img{

  width: 210px;

  height: 200px;

  object-fit: cover;

  object-position: center;

  border-radius: 5px;

  filter: drop-shadow(2.972px 18.766px 22px rgba(0,0,0,0.3));

  border: 1px solid #f8fbff;

}

.aboutus_second_inner h3{

  font-size: 40px;

  color: #005377;

  font-weight: 700;

}

.aboutus_second_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 500;

}

/********** ul li a tag styles for detail pages ***********/

/* solution page a tag */
.solution_first_inner p a,
.solution_second_inner p a,
.solution_third_inner p a
{
  color: #2197cd;
  border-bottom: 1px solid #2197cd;
  font-family: 'Poppins-Regular';
}
/* industries page a tag */
.industries_first_inner p a,
.industries_second_inner p a,
.industries_third_inner p a,
.industries_fourth_inner p a
{
  color: #2197cd;
  border-bottom: 1px solid #2197cd;
  font-family: 'Poppins-Regular';
}
/* client-success page a tag */
.client_sucess_first_inner p a,
.client_success_second_left_single_inner p a,
.client_success_third_inner p a{
  color: #2197cd;
  border-bottom: 1px solid #2197cd;
  font-family: 'Poppins-Regular';  
}
/* howitwork page a tag */
.howit_content p a,
.howit_blwcnt_inner p a
{
  color: #2197cd;
  border-bottom: 1px solid #2197cd;
  font-family: 'Poppins-Regular'; 
}

/* home page a tag */
.hme_commercial_service_inner p a,
.hme_installation_right_inner p a,
.hme_installation_single_content p a,
.hme_solution_inner p a,
.hme_aboutus_inner p a
{
  color: #2197cd;
  border-bottom: 1px solid #2197cd;
  font-family: 'Poppins-Regular';
}
.commercial_why_choose_content p a,
.commercial_get_started_content p a,
.how_it_works_content p a{
  color: #fff;
  border-bottom: 1px solid #fff;
  font-family: 'Poppins-Regular';  
}

/* aboutus page a tag */
.aboutus_first_inner p a,

.aboutus_second_inner p a,

.aboutus_third_inner p a{

  color: #2197cd;

  border-bottom: 1px solid #2197cd;

  font-family: 'Poppins-Regular';

}

.aboutus_first_inner ul li a,

.aboutus_second_inner ul li a,

.aboutus_third_inner ul li a{
  color: #2197cd;

  border-bottom: 1px solid #2197cd;

  font-family: 'Poppins-Regular';
}

.aboutus_first_inner ul li,

.aboutus_second_inner ul li,

.aboutus_third_inner ul li{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

  font-family: 'Poppins-Regular';

  display: flow-root;

  padding-left: 1.5em;

  margin-bottom: 10px;

  position: relative;

}

.aboutus_first_inner ul li::before,

.aboutus_second_inner ul li::before,

.aboutus_third_inner ul li::before{

  content: '';

  background-image: url('../images/aboutus/fast-forward.webp');

  background-position: center;

  background-repeat: no-repeat;

  width: 15px;

  height: 15px;

  position: absolute;

  top: 7px;

  left: 0;

}



.aboutus_third_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 8em 0 6em;

}

.aboutus_third_inner{

  float: left;

}

.aboutus_third_imgblk{

  float: left;

  position: relative;
  margin-bottom: 2em;
}

.aboutus_third_imgblk::after{

  content: '';

  background-image: url('../images/aboutus/aboutus_img3bg2.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

    width: 100%;
    height: 121%;
    position: absolute;
    z-index: -1;
    top: -90px;
    left: -35px;

}

.aboutus_third_img{

  position: relative;

  margin-right: 5em;

}

.aboutus_third_img::before{

  content: '';

  background-image: url('../images/aboutus/aboutus_img_shape3bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;
  filter: drop-shadow(2.347px 14.815px 13px rgba(0,0,0,0.25));
  position: absolute;

  z-index: -1;
    top: -6px;
    left: -3.5px;
    width: 101%;
    height: 101.8%;


}

.aboutus_third_img::after{

  content: '';

  background-image: url('../images/aboutus/aboutus_img3bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

filter: drop-shadow(2.347px 14.815px 13px rgba(0,0,0,0.09));

  position: absolute;

  z-index: -2;

    top: -20px;
    left: -17px;
    width: 106%;
    height: 107%;


}

.aboutus_third_img img{

  height: 656px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  -webkit-clip-path: url(#my-clip-path);

  clip-path: url(#my-clip-path);

}

.aboutus_third_inner h3,

.aboutus_third_inner h4{

  font-size: 40px;

  color: #005377;

  font-weight: 700;

}

.aboutus_third_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

}







/* blog detail page */

.blog_detail_wrapper{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.blog_detail_inner{

  float: left;

  position: relative;

}

.blog_detail_inner::before{

  content: '';

  background-image: url('../images/blogdetails/blog_det_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 100%;

  height: 18%;

  position: absolute;

  z-index: -1;

  top: -40px;

  left: -50px;

}

.blog_detail_inner::after{

  content: '';

  background-image: url('../images/blogdetails/blog_det_bg2.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 10%;

  height: 80.2%;

  position: absolute;

  z-index: -1;

  top: 17.3em;

  right: -20px;

}

.blog_det_date{

  font-size: 30px;

  line-height: 30px;

  color: #ffffff;

  font-weight: 400;

  font-family: "Poppins-Regular";

  text-align: center;

  background-image: url('../images/blogdetails/date_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  position: absolute;

  top: -4em;

  right: 110px;

  width: 9%;

  padding: 20px 20px 20px 20px;

}
.blog_detail_inner .first_content h2{
   display: none;
}
.blog_det_date strong{

  font-size: 40px;

  line-height: 40px;

  color: #fff;

  font-family: "Poppins-Regular";

  text-align: center;

}

.blog_detail_inner h1{

  font-size: 40px;

  color: #005377;

  font-weight: 700;

}

.blog_detail_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #010101;

  font-weight: 400;

}

.blog_detail_imgblk{

  float: left;

  margin: 3em 0 0;

}

.blog_detail_img{

  position: relative;

  margin-right: 3em;

  margin-bottom: 2em;

}

.blog_detail_img::after{

  content: '';

  background-color: #2197cd;

  border-radius: 45px 5px 5px 5px;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: -12px;

  left: -12px;

}

.blog_detail_img img{

  height: 543px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 35px 5px 5px 5px;

}

.blog_detail_inner h2{

  font-size: 35px;

  color: #005377;

  font-weight: 700;

  margin: 2em 0 15px;

}

.blog_detail_inner h3{

  font-size: 36px;

  color: #005377;

  font-weight: 700;

}

.blog_detail_inner h4,

.blog_detail_inner h5{

  font-size: 30px;

  line-height: 40px;

  color: #2197cd;

  font-weight: 700;  

}

.blgdetails_page_social_media {

  float: left;

}

.blgdetails_page_social_media_inner {

  float: left;

  width: 100%;

  text-align: right;

  padding: 2em 0 0;

}

.blgdetails_page_social_media_inner ul {

  display: inline-block;

  border-radius: 35px 5px 35px 35px;

  background-color: #2197cd;

  padding: 15px 10px;

}

.blgdetails_page_social_media_inner ul li {

  list-style-type: none;

  display: inline-block !important;

  margin: 0px 10px;

  padding: 0 !important;

  position: unset !important;

}

.blgdetails_page_social_media_inner ul li::before{

  content: unset !important;

}

.blgdetails_page_social_media_inner ul li a {

  color: #ffffff;

  font-size: 30px;

  line-height: 30px;

  transition: 0.5s;

  vertical-align: middle;

}

.blgdetails_page_social_media_inner ul li a svg {

  width: 30px;

  fill: #fff;

  vertical-align: middle;

  transition: 0.5s;

}

/********** ul li a tag styles for detail pages ***********/



.blog_detail_inner p a{

  color: #2197cd;

  border-bottom: 1px solid #2197cd;

  font-family: 'Poppins-Regular';

}

.blog_detail_inner ul li{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

  font-family: 'Poppins-Regular';

  display: flow-root;

  padding-left: 1.5em;

  margin-bottom: 10px;

  position: relative;

}

.blog_detail_inner ul li::before{

  content: '';

  background-image: url('../images/aboutus/fast-forward.webp');

  background-position: center;

  background-repeat: no-repeat;

  width: 15px;

  height: 15px;

  position: absolute;

  top: 7px;

  left: 0;

}





/* blog page */

.blog_page_wrapper{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.blog_page_inner{

  float: left;

}

.blog_page_first_blk{

  float: left;

}

.blog_page_first_left{

  float: left;

}

.blog_page_first_left_inner{

  float: left;

  width: 100%;

}

.blog_page_single{

  float: left;

  padding: 0 10px 0;

}

.blog_page_single_inner{

  float: left;

  width: 100%;

  border-radius: 10px;

  background-color: #f2f8ff;

  margin: 2em 0;

}

.blog_page_img{

  position: relative;

}

.blog_page_img img{

  height: 356px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 10px;

  border: 1px solid #f2f8ff;

}

.blog_page_content{

  position: relative;

  float: left;

  width: 100%;

  padding: 0 20px 15px;

}

.blog_page_content::before {

  content: '';

  width: 148px;

  height: 1px;

  border-radius: 0px;

  background-color: #2196cc;

  position: absolute;

  bottom: 27px;

  right: 14px;

}

.blog_page_content h4{

  font-size: 24px;

  color: #005377;

  font-weight: 700;

  margin: 20px 0 10px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow:hidden

}

.blog_page_content .hme_blog_date{

  font-size: 14px;

  color: #ffffff;

  font-weight: 500;

  width: 40%;

  padding: 8px 8px 8px 8px;

  border-radius: 20px 0 20px 20px;

  bottom: unset;

  top: -2em;

  right: 15px;

}

.blog_page_first_left .blog_page_single:nth-child(2) .blog_page_single_inner{

  border-radius: 10px;

  background-color: #ffffff;

  filter: drop-shadow(2.227px 15.844px 17px rgba(0,54,78,0.14));

}

.blog_page_first_left .blog_page_single:nth-child(2) .blog_page_content .hme_blog_date{

  background-color: #2a2a2a;

}

.blog_page_first_right{

  float: left;

}

.blog_page_first_right_inner{

  float: left;

  width: 100%;

}

.blog_page_first_right_inner .blog_page_content .hme_blog_date{

  font-size: 30px;

  line-height: 50px;

  width: 23%;

  right: 0;

  border-radius: 32px 32px 0 0;

  background-color: #005377;

}

.blog_page_first_right_inner .blog_page_img img{

  border: unset;

}

.blog_page_first_right_inner .hme_blog_readmore{

  display: none;

} 

.blog_page_first_right_inner .blog_page_content h4{

  font-size: 35px;

  color: #ffffff;

  font-weight: 700;

}

.blog_page_first_right_inner .blog_page_single_inner{

  border-radius: 10px;

  background-color: #005377;

  filter: drop-shadow(6.798px 20.923px 18px rgba(0,126,167,0.27));

  padding: 0;

}

.blog_page_first_right_inner .blog_page_content::before{

  content: unset;

} 





/* Faq page */

.faq_page_wrapper{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.faq_page_inner{

  float: left;
  position: relative;
}
.faq_page_inner::after {
    content: '';
    position: absolute;
    background-color: rgb(245 248 255);
    right: -30px;
    top: 80px;
    height: 83%;
    width: 65%;
    z-index: -3;
}
.faq_page_imgblk{

  float: left;

}

.faq_page_img{

  position: relative;

  margin-right: 2em;

}

.faq_page_img::before{

  content: '';

  background-image: url('../images/faq/faq_page_img_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 108%;

  height: 107%;

  position: absolute;

  top: -20px;

  left: -25px;

}

.faq_page_img img{

  height: 737px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 300px 300px 0 0;

}

.faq_page_title{

  text-align: right;

  float: right;

  background-color: #005377;

  width: 90%;

  border-radius: 100px 0 0 100px;

  padding: 20px 30px 30px 0;

  position: relative;

  top: -5em;

}

.faq_page_title::after{

  content: '';

  border: 2px solid #2197cd;

  border-radius: 100px 0 0 100px;

  width: 100%;

  height: 100%;

  position: absolute;

  top: -12px;

  right: 12px;

}

.faq_page_title h2{

  font-size: 40px;

  color: #ffffff;

  font-weight: 700;

}

.faq_page_content_box{

  float: left;

}

.faq_page_content_box .faq_page_content{

  float: left;

}

.faq_page_content_box .faq_page_content p{

  font-size: 24px;

  color: #000000;

  font-weight: 400;

}

.faq_page_content_box .faq_question_box{

  margin: 1.5em 0;

  height: 650px;

  overflow-y: scroll;

  padding-right: 2em;

  padding-left: 2em;

}

.faq_page_content_box::-webkit-scrollbar {

  width: 5px;

}

/* Track */

.faq_page_content_box::-webkit-scrollbar-track {

  border-radius: 20px; 

  width: 3px;

  background-color: #f6fafd;

}

/* Handle */

.faq_page_content_box::-webkit-scrollbar-thumb { 

  border-radius: 20px;

  width: 5px;

  background-color: #2196cc;

}

.faq_page_content_box .faq_question_box .set{

  margin-bottom: 10px;

  position: relative;

}

.faq_page_content_box .faq_question_box .set.active{

  border-radius: 15px;

  filter: drop-shadow(7px 12.124px 11.5px rgba(0,0,0,0.12));

  background-color: #ffffff;

  margin-bottom: 20px;

  margin-top: 10px;

}

.faq_page_content_box .faq_question_box .set a.active{

  padding: 15px 4em 15px 30px;

  font-size: 26px;

  color: #ffffff;

  font-weight: 500;

  border: unset;

  border-radius: unset ;

  background-color: unset ;

  font-family: 'Roboto-bold';

  border-radius: 15px;

  background-color: #2197cd;

}

.faq_page_content_box .faq_question_box .set a{

  width: 100%;

  display: block;

  font-family: 'Poppins-SemiBold';

  padding: 20px 3.5em 20px 1.5em;


  background-color: #f5f9ff;

  border: 1px solid #e9eff5;

  text-decoration: none;

  font-size: 18px;

  color: #005377;

  font-weight: 600;
  cursor: pointer !important;

  position: relative;

  border-radius: 15px;

}

.faq_page_content_box .faq_question_box .set a::before{

  content: '';

  background-image: url('../images/home/plus.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  position: absolute;

  width: 20px;

  height: 20px;

  top: 20px;

  right: 40px;

}

.faq_page_content_box .faq_question_box .set a.active::before{

  content: '';

  background-image: url('../images/home/minus.webp');

  width: 25px;

  height: 12px;

  top: 30px;

}

.faq_page_content_box .faq_question_box .set a i {

  position: absolute;

  left: unset;

  top: 17px;

  right: 30px;

  color: #166989;

  height: auto;

  font-size: 20px;

  line-height: 30px;

  cursor: pointer !important;

}

.faq_page_content_box .faq_question_box .set a.active i {

  color: #166989 !important;

  background-color: unset;

  font-size: 20px;

  line-height: 30px;

  bottom: -15px;

  top: unset;

  cursor: pointer !important;

}

.faq_page_content_box .faq_question_box .content {

  padding: 15px 4em 15px 2em;

  width: 100%;

  height: auto;

  margin: 0 auto;

  position: relative;

  border-bottom-left-radius: 10px;

  border-bottom-right-radius: 60px;

  cursor: pointer;

}

.faq_page_content_box .faq_question_box .content p{

  font-size: 14px;

  line-height: 22px;

  color: #000000;

  font-weight: 400;

  padding-right: 1em;

}





/* Review page */

.review_page_wrapper{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.review_page_inner{

  float: left;

}

.review_page_first_blk{

  float: left;

}

.review_page_first_inner{

  float: left;

  width: 100%;

  position: relative;

}

.review_page_first_imgblk{

  float: left;

  margin: 4em 0;

}

.review_page_first_img{

  position: relative;

}

.review_page_first_img::before{

  content: '';

  border: 1px solid #2197cd;

  border-radius: 10px 75px 75px 10px;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 1;

  top: -15px;

  left: -15px;

}

.review_page_first_img::after{

  content: '';

  background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9999999999999999) 100%);

  border-radius: 10px 75px 75px 10px;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 0;

  top: 0;

  right: 0;

}

.review_page_first_img img{

  height: 475px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 10px 75px 75px 10px;

}

.review_page_first_right {

  position: absolute;

  z-index: 1;

  top: 4em;

  right: 0;

}

.review_page_first_right_inner{

  float: left;

  width: 100%;

}
.review_page_first_right_inner .fancy_rev iframe {
    float: left;
    width: 100%;
}
.review_page_first_right_inner .fancy_rev p{
   padding: 0;
}
.review_page_first_right_inner .hme_review_single_inner::after{

  background-image: url('../images/review/reiew_page_bg.webp');

  filter: drop-shadow(1.877px 11.852px 12.5px rgba(0,0,0,0.06));

}

.review_page_first_right_inner .hme_review_single_inner a::before{

  background-image: url('../images/review/google_icon.webp');

  top: unset;

  left: unset;

  bottom: 0;

  right: 0;

}

.review_page_first_right_inner .hme_review_single:nth-child(2) .hme_review_single_inner::after{

  background-image: url('../images/review/reiew_page_bg2.webp');

  filter: drop-shadow(2.816px 17.778px 17px rgba(0,83,119,0.19));

}

.review_page_first_right_inner .hme_review_single:nth-child(2) .hme_review_single_inner a::before{

  background-image: url('../images/review/google_icon2.webp');

}

.review_page_second_blk{

  float: left;

  margin: 4em 0;

}

.review_page_second_inner{

  float: left;

  width: 100%;

}

.review_page_second_inner .hme_review_single_inner::after{

  background-image: url('../images/review/reiew_page_bg3.webp');

  filter: drop-shadow(1.877px 11.852px 12.5px rgba(0,0,0,0.06));

}

.review_page_second_inner .hme_review_single_inner a::before{

  top: -6px;

  left: -5px;

}

.review_page_second_inner .hme_review_single:nth-child(2) .hme_review_single_inner::after{

  filter: drop-shadow(2.816px 17.778px 17px rgba(0,83,119,0.19));

}



.review_page_inner:nth-child(even) .review_page_first_inner{

  display: flex;

  flex-direction: row-reverse;

}

.review_page_inner:nth-child(even) .review_page_first_right{

  right: unset;

  left: 0;

}

.review_page_inner:nth-child(even) .review_page_first_img::before{

  border-radius: 75px 10px 10px 75px;

  left: 15px;

}

.review_page_inner:nth-child(even) .review_page_first_img::after{

  background-image: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9999999999999999) 100%);

  border-radius: 75px 10px 10px 75px;

  right: unset;

  left: 0;

}

.review_page_inner:nth-child(even) .review_page_first_img img{

  border-radius: 75px 10px 10px 75px;

}



/* Industries page */

.industries_first_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.industries_first_inner{

  float: left;

}

.industries_first_imgblk{

  float: left;

}

.industries_first_img{

  position: relative;

  margin-right: 3em;

  margin-bottom: 3em;

}

.industries_first_img::after{

  content: '';

  background-color: #2197cd;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -1;

  bottom: -20px;

  left: -20px;

}

.industries_first_img::before{

  content: '';

  background-color: #005377;

  width: 95%;

  height: 95%;

  position: absolute;

  z-index: -2;

  bottom: -40px;

  left: -40px;

}

.industries_first_img img{

  height: 548px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  filter: drop-shadow(-8.181px 10.103px 16.5px rgba(0,0,0,0.25));

  border: 2px solid #ffffff;

}

.industries_first_inner h2,

.industries_first_inner h3{

  font-size: 40px;

  line-height: 40px;

  text-transform: uppercase;

  color: #2197cd;
font-family: 'Poppins-bold';
}

.industries_first_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

}

.industries_second_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.industries_second_inner{

  float: left;

  position: relative;

}

.industries_second_inner::after{

  content: '';

  border-radius: 5px;

  background-color: #005377;

  width: 70%;

  height: 80%;

  position: absolute;

  z-index: -3;

  top: 6em;

  left: -2.5em;

}

.industries_second_imgblk{

  float: right;

  margin-left: 3em;

}

.industries_second_img{

  position: relative;

}

.industries_second_img::after{

  content: '';

  background-image: url('../images/industries/industries_img2bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 107%;

  height: 107%;

  position: absolute;

  z-index: -1;

  top: -20px;

  left: -20px;

}

.industries_second_img img{

  height: 575px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 5px;

  filter: drop-shadow(-8.181px 10.103px 16.5px rgba(0,0,0,0.25));

  border: 2px solid #ffffff;

}

.industries_second_inner h2,

.industries_second_inner h3{

  font-size: 38px;

  line-height: 40px;

  text-transform: uppercase;

  color: #2197cd;

  margin-bottom: 1em;
font-family: 'Poppins-bold';
}

.industries_second_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #ffffff;

  font-weight: 400;

}

.industries_second_inner .hme_btn_blk{

  margin-top: 1em;

}

.industries_third_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.industries_third_inner{

  float: left;

}

.industries_third_imgblk{

  float: left;

}

.industries_third_img{

  position: relative;

  margin-right: 4em;

  margin-bottom: 3em;

}

.industries_third_img::after{

  content: '';

  background-color: #2197cd;

  width: 95%;

  height: 85%;

  position: absolute;

  z-index: -1;

  top: -30px;

  left: -30px;

}

.industries_third_img::before{

  content: '';

  border: 2px solid #005377;

  width: 100%;

  height: 107%;

  position: absolute;

  z-index: 1;

  top: -20px;

  left: 20px;

}

.industries_third_img img{

  height: 613px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  filter: drop-shadow(-8.181px 10.103px 16.5px rgba(0,0,0,0.25));

  border: 2px solid #ffffff;

}

.industries_third_inner h2,

.industries_third_inner h3{
font-family: 'Poppins-bold';
  font-size: 40px;

  line-height: 40px;

  text-transform: uppercase;

  color: #2197cd;

}

.industries_third_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

}

.industries_fourth_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.industries_fourth_inner{

  float: left;

  position: relative;

}

.industries_fourth_inner::after{

  content: '';

  border-radius: 5px;

  background-color: #2197cd;

  width: 70%;

  height: 80%;

  position: absolute;

  z-index: -3;

  top: 6em;

  left: -2.5em;

}

.industries_fourth_imgblk{

  float: right;

}

.industries_fourth_img{

  position: relative;

  margin-left: 3em;

}

.industries_fourth_img::after{

  content: '';

  background-image: url('../images/industries/industries_img3bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 105%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: 20px;

  right: -20px;

}

.industries_fourth_img::before{

  content: '';

  border-radius: 130px 5px;

  border: 1px solid #005377;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 1;

  top: -15px;

  left: -15px;

}

.industries_fourth_img img{

  height: 603px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 130px 5px;

  filter: drop-shadow(-8.181px 10.103px 16.5px rgba(0,0,0,0.25));

  border: 2px solid #ffffff;
font-family: 'Poppins-bold';
}

.industries_fourth_inner h2,

.industries_fourth_inner h3{

  font-size: 40px;

  line-height: 40px;

  text-transform: uppercase;

  color: #2197cd;

  margin-bottom: 1em;

}

.industries_fourth_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #ffffff;

  font-weight: 400;

}



/* solution blk */

.solution_first_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.solution_first_inner{

  float: left;

  position: relative;

}

.solution_first_inner::after{

  content: '';

  background-image: url('../images/solution/solution_bg.webp');

  background-repeat: no-repeat;

  background-size: 100% 100%;

  position: absolute;

  z-index: -4;

  width: 107%;

  height: 80%;

  bottom: -17em;

  left: -45px;

}
.solution_first_blk:last-child{
  margin-bottom: 3em;
  padding-bottom: 3em;
}
.solution_first_blk:last-child .solution_first_inner::after{
    background-image: unset;
}


.solution_first_imgblk{

  float: left;

}

.solution_first_img{

  position: relative;

  margin-right: 4em;

}

.solution_first_img::after{

content: '';
    background-image: url(../images/solution/solution_img1bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 110%;
    height: 80%;
    position: absolute;
    z-index: -1;
    bottom: -5em;
    left: -30px;

}

.solution_first_img img{

  height: 700px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 10px;

  filter: drop-shadow(11.635px 20.991px 17.5px rgba(0,0,0,0.23));

  border: 2px solid #ffffff;

}
.solution_first_blk:last-child .solution_first_img img{

  height: 500px;
}
.solution_first_blk:last-child .solution_first_img::after {
    filter: drop-shadow(1.877px 11.852px 12.5px rgba(0, 0, 0, 0.09));
}

.solution_first_inner h2,

.solution_first_inner h3{

  font-size: 40px;

  line-height: 40px;

  color: #005377;
font-family: 'Poppins-bold';
position: relative;
margin-bottom: 0.5em;
}

.solution_first_inner p{

  font-size: 20px;

  line-height: 36px;

  color: #000000;

  font-weight: 500;

}

.solution_second_blk{

  float: left;

  width: 100%;

  margin: 2em 0 0 0;

  padding: 2em 0 0 0;

}

.solution_second_inner{

  float: left;

  position: relative;

}

.solution_second_inner::after{

  content: '';

  border-radius: 39px;

  filter: drop-shadow(-13.071px 20.128px 19px rgba(0,0,0,0.08));

  background-color: #ffffff;

  width: 60%;

  height: 78%;

  position: absolute;

  z-index: -3;

  top: 0;

  left: -20px;

}

.solution_second_imgblk{

  float: right;

  position: relative;

  top: -20em;

}

.solution_second_imgblk::after{

  content: '';

  width: 166px;

  height: 166px;

  border-radius: 83px;

  background-color: #ffffff;

  position: absolute;

  z-index: -1;

  top: -10px;

  left: 60px;

}

.solution_second_img{

  position: relative;

  margin-left: 3em;

}

.solution_second_img::before{

  content: '';

  outline: 5px solid #2197cd;

  border-radius: 300px 300px 10px 10px;

  outline-offset: 10px;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -2;

  top: 0;

  left: 0;

}

.solution_second_img::after{

  content: '';

  background-image: url('../images/solution/solution_img2bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 278px;

  height: 139px;

  position: absolute;

  z-index: -3;

  bottom: -60px;

  right: -50px;

}

.solution_second_img img{

  height: 691px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border: 5px solid #ffffff;

  border-radius: 300px 300px 10px 10px;

}

.solution_second_inner h3{
font-family: 'Poppins-bold';
position: relative;
margin-bottom: 0.5em;
  font-size: 40px;

  line-height: 40px;

  color: #005377;

  margin-top: 1em;

}
.solution_second_inner h3::before {
    content: '';
    position: absolute;
    left: -10px;
    bottom: -12px;
    width: 10%;
    border-bottom: 2px solid #005377;
}

.cloud_camera{

  font-size: 20px;

  line-height: 30px;

  color: #ffffff;

  font-weight: 600;

  font-family: 'Poppins-SemiBold';

  position: relative;

  z-index: 1;

  padding: 7px 35px;

  display: inline-block;

  margin: 0.5em 0 0.5em -35px;

}

.cloud_camera::after{

  content: '';

  border-radius: 32px;

  background-color: #2197cd;

  width: 110%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: 0;

  left: -20px;

}

.solution_second_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

}

.solution_third_blk{

  float: left;

  width: 100%;

  margin: 0 0 2em 0;

  padding: 0 0 2em 0;

}

.solution_third_inner{

  float: left;

}

.solution_third_imgblk{

  float: left;

}

.solution_third_img{

  position: relative;

  margin-right: 2em;

}

.solution_third_img::after{

  content: '';

  filter: drop-shadow(-13.071px 20.128px 19px rgba(0,0,0,0.28));

  background-color: #005377;

  border-radius: 0 0 0 231px;

  border: 1px solid #ffffff;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -1;

  left: -15px;

  top: 15px;

}

.solution_third_img::before{

  content: '';

  border-radius: 267px 267px 0 0;

  background-color: #2197cd;

  width: 95%;

  height: 100%;

  position: absolute;

  z-index: -2;

  left: -25px;

  bottom: -40px;

}

.solution_third_img img{

  height: 628px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 0 0 231px 0;

  filter: drop-shadow(-13.071px 20.128px 19px rgba(0,0,0,0.28));

  background-color: #ffffff;

  border: 1px solid #ffffff;

}

.solution_third_inner h3{
font-family: 'Poppins-bold';
position: relative;
margin-bottom: 0.5em;
  font-size: 40px;
  display: flow-root;
  line-height: 40px;

  color: #005377;

}
.solution_third_inner h3::before {
    content: '';
    position: absolute;
    left: -10px;
    bottom: -12px;
    width: 10%;
    border-bottom: 2px solid #005377;
}
.solution_third_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

}



/* video page */

.video_page_wrapper{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.video_page_inner{

  display: grid;

  grid-template-columns: 480px 210px 480px;

  gap: 20px;

  grid-template-rows: 320px 225px 308px 384px;

  padding: 1em 0;

}

.videosec_single{

  position: relative;

  transition: 0.5s;
filter: drop-shadow(-19.096px 20.478px 16.5px rgba(4,29,54,0.12));
}

.videosec_single:nth-child(1)::after{

  content: '';

  background-image: url('../images/videos/video_icon2_bg2.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -2;

  top: 0;

  left: 0;

}

.videosec_icon{

  float: left;

  width: 100%;

  text-align: center;

  position: relative;

  top: 8em;

}

.videosec_icon::after{

  content: '';

  background-image: url('../images/videos/video_icon2bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 200px;

  height: 200px;

  position: absolute;

  z-index: -1;

  top: -4em;

  left: 10em;

}

.videosec_icon img{

  width: 90px;

  height: 90px;

  object-fit: contain;

  object-position: center;

}

.videosec_image{

  height: 100%;

  position: relative;

  transition: 0.5s;

}

.videosec_image::before{

  content: '';

  opacity: 0;

  width: 100%;

  height: 100%;

  border-radius: 30px;

  transition: 0.5s;

  background-color: #000000;

  position: absolute;

  top: 0;

  left: 0;

}

.videosec_single:hover .videosec_image::before{

  opacity: 0.502;

  transition: 0.5s;

}

.videosec_image img{

  height: 100%;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 30px;

}

.videosec_link{

  position: absolute;

  z-index: 2;

  top: 0;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}

.videosec_link a{

  cursor: pointer;

  transition: 0.5s;

  opacity: 0.200;

}

.videosec_single:hover .videosec_link a{

  opacity: 1;

  transition: 0.5s;

}

.videosec_single:nth-child(2){

  grid-column: span 2;

  grid-row: span 2;

}

.videosec_single:nth-child(3){

  grid-row: span 2;

}

.videosec_single:nth-child(5){

  grid-row: span 2;

}

.videosec_single:nth-child(6){

  grid-column: span 2;

}

.videosec_single:last-child{

  grid-column: span 2;

}



/* client success page */

.client_success_first_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.client_sucess_first_inner{

  float: left;

}

.client_sucess_first_imgblk{

  float: left;

}

.client_success_first_img{

  position: relative;

  margin-right: 1em;

}

.client_success_first_img::before{

  content: '';

  background-image: url('../images/clientsuccess/client_seccess_img1_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.client_success_first_img::after{

  content: '';

  background-image: url('../images/clientsuccess/client_seccess_img1_bg2.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 98%;

  height: 90%;

  position: absolute;

  z-index: 1;

  top: 56px;

  left: 8px;

}

.client_success_first_img img{

  height: 620px;

  width: 100%;

  object-fit: cover;

  object-position: center;

}

.client_sucess_first_inner h2,

.client_sucess_first_inner h3{

  font-size: 40px;

  color: #005377;

  font-weight: 700;

  margin-top: 2em;

}

.client_sucess_first_inner p{

  font-size: 20px;

  line-height: 32px;

  color: #010101;

  font-weight: 500;

}

.client_success_second_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.client_success_second_inner{

  float: left;

}

.client_success_second_left{

  float: left;

}

.client_success_second_left_inner{

  float: left;

  width: 100%;

}

.client_success_second_left_single:nth-child(odd){

  filter: drop-shadow(0px 23px 12px rgba(33,151,205,0.08));

  z-index: 2;

}

.client_success_second_left_single{

  float: left;

  position: relative;

  border-radius: 30px;

  background-color: #ffffff;

  border: 1px solid #f4f4f4;

}

.client_success_second_left_single_inner{

  float: left;

  width: 100%;

  padding: 15px 20px 15px 20px;

}

.client_success_second_left_single_inner h4{

  font-size: 30px;

  text-transform: uppercase;

  color: #2197cd;

  position: relative;

}

.client_success_second_left_single_inner h4::before{

  content: '';

  opacity: 0.200;

  width: 163px;

  height: 1px;

  border-radius: 1px;

  background-color: #005377;

  position: absolute;

  bottom: -6px;

  right: 8em;

}

.client_success_second_left_single_inner p{

  font-size: 16px;

  line-height: 24px;

  color: #000000;

  font-weight: 400;

}

.client_success_second_left_single:nth-child(1) .client_success_second_left_single_inner h4{

  font-size: 30px;

  text-transform: uppercase;

  color: #ffffff;

  border-radius: 7px;

  position: relative;

  padding: 5px 0;

}

.client_success_second_left_single:nth-child(1) .client_success_second_left_single_inner h4::after{

  content: '';

  background-color: #005377;

  border-radius: 7px;

  width: 80%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: 0;

  left: -30px;

}

.client_success_second_left_single:nth-child(1) .client_success_second_left_single_inner p{

  font-size: 16px;

  line-height: 24px;

  color: #000000;

  font-weight: 400;

}

.client_success_second_right{

  float: left;

  position: relative;

}

.client_success_second_right::after{

  content: '';

  background-image: url('../images/clientsuccess/second_blk_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 40%;

  height: 35%;

  position: absolute;

  z-index: -1;

  top: -20px;

  right: 6.5em;

}

.client_success_second_right::before{

  content: '';

  background-image: url('../images/clientsuccess/second_blk_bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 40%;

  height: 35%;

  position: absolute;

  z-index: -1;

  bottom: 0;

  left: 5em;

}

.client_success_second_right_slic{

  float: left;

}

.client_success_second_right_single{

  float: left;

  position: relative;

  transition: 0.5s;

}

.client_success_second_right_single_inner{

  float: none;

  width: 100%;

  margin: 0 auto;

  max-width: 80%;

  position: relative;

}

.client_success_second_right_single_inner img{

  height: 400px;

  width: 100%;

  object-fit: cover;

  object-position: center;  

  border-radius: 27px;

  border: 1px solid #ffffff;

}

.client_success_second_right_slic .slick-list.draggable{

  filter: drop-shadow(14.784px 17.619px 12px rgba(0,83,119,0.14));

}

.client_success_second_right_slic .slick-active  .client_success_second_right_single_inner{

  left: -3em;

  transition: 0.5s;

}

.client_success_second_right_slic .slick-active+.slick-active .client_success_second_right_single_inner {

  right: -3em;

  top: -3em;

  left: unset;

  transition: 0.5s;

}

.client_success_third_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.client_success_third_inner{

  float: left;

}

.client_success_third_imgblk{

  float: left;

  position: relative;

}

.client_success_third_img{

  position: relative;

  margin-right: 4em;

}

.client_success_third_img img{

  height: 550px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 50%;

  outline: 1px solid #343433;

  outline-offset: 10px;

}

.client_success_third_img2{

  position: absolute;

  left: 0;

  bottom: 0;

  width: 58%;

}

.client_success_third_img2::before{

  content: '';

  background-image: url('../images/clientsuccess/client_seccess_img5bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 84%;

  height: 84%;

  position: absolute;

  top: 30px;

  left: 30px;

}

.client_success_third_img2 img{

  height: 350px;  

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 201px;

  border: 20px solid #fff;

}

.client_success_third_inner h3{

  font-size: 40px;

  color: #005377;

  font-weight: 700;

}

.client_success_third_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #010101;

  font-weight: 400;

}

.client_review_blk::after{

  content: unset;

}

.client_review_blk .hme_review_single_inner a::before{

  background-image: url('../images/clientsuccess/google_icon.webp');

  width: 100px;

  height: 100px;

  top: -40px;

  left: 0;

  right: 0;

  margin: 0 auto;

}

.client_review_blk .authordetail{

  margin: 0 0 1em;

}

.client_review_blk .star-rating {

  margin: 30px 0 20px;

}

.client_review_blk .hme_review_single_inner{

  padding: 4em;

}

.client_review_blk .star-rating i{

  color: #f6a21f;

}

.client_review_blk .authordetail h4::before{

  content: unset;

}

.client_review_blk .hme_review_slic .slick-list.draggable{

  padding: 5em 0;

}

.client_review_blk .hme_review_single_inner::after{

  background-image: url('../images/clientsuccess/review_bg.webp');

}

.client_review_blk .hme_review_single.slick-active + .slick-active .hme_review_single_inner::after{

  background-image: url('../images/clientsuccess/review_bg2.webp');

  transition: 0.5s;

}

.client_review_blk .hme_review_single.slick-active + .slick-active + .slick-active .hme_review_single_inner::after{

  background-image: url('../images/clientsuccess/review_bg.webp');

  transition: 0.5s;

}

.client_review_blk .hme_review_single.slick-active + .slick-active .hme_review_single_inner a::before{

  background-image: url('../images/clientsuccess/google_icon.webp');

  filter: drop-shadow(5px 8.66px 6px rgba(0,0,0,0.28));

  transition: 0.5s;

}

.client_review_blk .hme_review_single.slick-active + .slick-active + .slick-active .hme_review_single_inner a::before{

  background-image: url('../images/clientsuccess/google_icon.webp');

  filter: unset;

  transition: 0.5s;

}

.client_review_blk .hme_review_single.slick-active + .slick-active .authordetail h4{

  color: #fff;

  transition: 0.5s;

}

.client_review_blk .hme_review_single.slick-active + .slick-active + .slick-active .authordetail h4{

  color: #000;

  transition: 0.5s;

}





/* service detail page */

.detail_banner_inner {
    display: none;
}

.service_det_first_blk{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.service_det_first_inner{

  float: left;

}
.service_det_first_inner .first_content{
    padding: 0;
    max-width: 1260px;
    margin: 0 auto;
    width: auto;
}
.service_det_first_inner .second_content{
    padding: 0;
    max-width: 1260px;
    margin: 0 auto;
    width: auto; 
}
.service_det_first_imgblk{

  float: left;
  position: relative;
  z-index: 2;
}

.service_det_first_img{

  position: relative;
  margin-left: 2em;
  margin-bottom: 2em;
  margin-right: 2em;
}

/* .service_det_first_img::before{

  content: '';

  background-image: url('../images/servicedetail/service_det_img1bg.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

} */

.service_det_first_img img{
    height: 550px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 150px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border: 2px solid #fff;
    filter: drop-shadow(3.583px 12.496px 13px rgba(0,144,219,0.11));
}

.service_det_first_inner h1,

.service_det_first_inner h2{

  font-size: 40px;

  color: #005377;

  font-weight: 700;

  position: relative;

  z-index: 1;

}
.service_det_first_inner h3,
.service_det_first_inner h4{
    color: #0096ca;
}
.service_det_first_inner h1::after{

  content: '';

  border-radius: 5px;

  background-color: #f6f9ff;

  width: 55%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: 0;

  right: 1em;

}

.service_det_first_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

}

/********** ul li a tag styles for detail pages ***********/

.service_det_first_inner p a,

.service_det_second_inner p a{

  border-bottom: 1px solid #2197cd;

  font-family: 'Poppins-Regular';

  color: #2197cd;

}

.service_det_first_inner ul li strong,

.service_det_second_inner ul li strong{

  font-size: 18px;

  line-height: 30px;

  color: #0091dc;

  font-weight: 600;

}

.service_det_first_inner ul li,

.service_det_second_inner ul li{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

  font-family: 'Poppins-Regular';

  display: flow-root;

  margin-bottom: 5px;

  position: relative;

}

.service_det_second_blk{

  float: left;

  width: 100%;

  padding: 2em 0;

  margin: 2em 0;

}

.service_det_second_inner{

  float: left;

}

.service_det_second_imgblk{

  float: right;

}

.service_det_second_img{
  position: relative;
  margin-left: 2em;
  margin-bottom: 2em;
}

.service_det_second_img::before{

    content: '';
    /* background-image: url(../images/servicedetail/service_det_img2bg.webp); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 90%;
    height: 90%;
    position: absolute;
    top: -15px;
    left: -15px;
    border-radius: 10px;
    border-top-left-radius: 100px;
    background-color: #005275;
    z-index: -1;

}
.service_det_second_img::after{
    content: '';
    width: 90%;
    height: 90%;
    position: absolute;
    bottom: -15px;
    right: -15px;
    border-radius: 10px;
    border-bottom-right-radius: 100px;
    background-color: unset;
    border: 2px solid #0090d8; 
    z-index: -2;
}
.service_det_second_img img{
  height: 550px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border: 2px solid #fff;
  filter: drop-shadow(1.877px 11.852px 12.5px rgba(0, 0, 0, 0.09));
}

.service_det_second_inner h2,
.service_det_second_inner h3,
.service_det_second_inner h4{

  font-size: 40px;

  color: #005377;

  font-weight: 700;

}

.service_det_second_inner p{

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

}



/* contact us page */
.contactus_inner .gm-style .gm-style-iw-c{
  display: none;
}
.contactus_ban{

  padding: 0 0 7em;

}
.contactus_ban .innerbanner_content_inner {
    padding: 1.5em 7em 0em 5em;
}

.contactus_ban .innerbanner_image img{

  height: 225px;

}

.contactus_ban .innerbanner_content{

  bottom: -5em;

}

.contactus_wrapper{

  float: left;

  width: 100%;

  margin: 2em 0;

  padding: 2em 0;

}

.contactus_inner{

  float: left;

}

.contact_map_blk{

  float: left;

  padding-right: 5px;
  position: relative;
}

.contact_map_details{
    position: absolute;
    left: -2px;
    top: -80px;
    padding: 3em 1em 3em 0em;
    background-image: url(../images/contactus/contactdet_bg.webp);
    background-size: 100% 100%;
    filter: drop-shadow(-7.488px 21.747px 12.5px rgba(26, 108, 179, 0.11));
    width: 106%;
}
.contact_map_details p{
  font-size: 30px;
  line-height: 40px;
  color: #000000;
  font-weight: 500;
  position: relative;
  margin-bottom: 1em;
  padding-left: 2em;
  font-family: 'Poppins-SemiBold';
}
.contact_map_details p::before{
    content: '\f041';
    font-family: 'Fontawesome';
    font-size: 30px;
    color: #2197cd;
    position: absolute;
    top: 0;
    left: -20px;
    background-color: #fff;
    padding: 0 13px;
    border-radius: 11px;
    border: 1px solid #2197cd;
  filter: drop-shadow(4.225px 7.947px 7.5px rgba(0,28,40,0.14));
}

.contact_map_details a:nth-child(2){
  font-size: 36px;
  line-height: 36px;
  color: #005377;
  font-weight: 600;  
  position: relative;
  margin-bottom: 1em;
  padding-left: 2em;
  font-family: 'Poppins-SemiBold';
  display: block;
}
.contact_map_details a:nth-child(2)::before{
    content: '\f095';
    font-family: 'Fontawesome';
    font-size: 26px;
    color: #2197cd;
    position: absolute;
    top: 0;
    left: -20px;
    background-color: #fff;
    padding: 2px 11px;
    border-radius: 11px;
    border: 1px solid #2197cd;
    filter: drop-shadow(4.225px 7.947px 7.5px rgba(0, 28, 40, 0.14));
}

.contact_map_details a{
  font-size: 30px;
  color: #000000;
  font-weight: 500; 
  margin-bottom: 0em; 
  padding-left: 2em;
  font-family: 'Poppins-SemiBold';
  position: relative;
  display: block;
}
.contact_map_details a::before{
    content: '\f003';
    font-family: 'Fontawesome';
    font-size: 26px;
    color: #2197cd;
    position: absolute;
    top: 0;
    left: -20px;
    background-color: #fff;
    padding: 2px 9px;
    border-radius: 11px;
    border: 1px solid #2197cd;
    filter: drop-shadow(4.225px 7.947px 7.5px rgba(0, 28, 40, 0.14));
}

.contact_map_blk .mapouter,

.contact_map_blk .gmap_canvas{

  height: 1270px;

  border-radius: 30px;

}

.contactown_form {

  padding-right: 5px;

  margin-top: -4em;

  position: relative;

}

.contactown_form_inner{

  position: relative;

  float: left;

  width: 100%;

}

.contactown_form_content {

  float: left;

  width: 100%;

  border-radius: 47px;

  filter: drop-shadow(11px 19.053px 23px rgba(26,108,179,0.18));

  background-color: #ffffff;

  border: 1px solid #eff3f6;

  padding: 2em 2em 2em 2em;

  position: relative;

  z-index: 3;

}

.contactown_form_content h2 {

font-size: 36px;

color: #005377;

font-weight: 600;

margin-bottom: 1em;

text-align: center;

font-family: 'Poppins-Bold';

}

.contactown_form_content p{

  font-size: 16px;

  line-height: 20px;

  color: #000000;

  font-weight: 400;

  margin-bottom: 1.5em;

}

.formcover_contact input.form-control, .formcover_contact select {

  font-size: 20px;

  line-height: 32px;

  color: #000;

  font-weight: 400;

  box-shadow: unset;

  position: relative;

  font-family: 'Poppins-Regular';

  padding-left: 20px;

  height: 40px;

  border-radius: 5px;

  background-color: #2197cd2d;

  border: unset;

  border-bottom: 1px solid #f7f7f7;

  margin-bottom: 0;

}

.formcover_contact select:focus{

  outline: unset;

}

.formcover_contact .form-group {

  margin-bottom: 5px;

}

.firstname,

.phonenumber{

float: left;

width: 50%;

padding-right: 15px;

}

.form-group.servicesch select {

  width: 100%;

  padding-left: 20px;

  color: #000;

}

.form-group.servicesch {

  width: 48%;

  margin-left: 10px;

}

input.form-control::placeholder {

  color: #000;

  font-family: 'Poppins-Regular';

}

.form-group.servicesch {

  width: 48%;

  margin-left: 10px;

}

.address{

  float: left;

  width: 100%;

  margin-top: 10px;

}

.address label {

font-size: 14px;

color: #000000b5;

font-weight: 600;

display: block;

float: left;

line-height: 14px;

padding-top: 20px;

margin-bottom: 10px;

}

.address textarea {

font-size: 22px;

line-height: 30px;

resize: unset;

height: 40px;

border-radius: 5px;

background-color: #2197cd2d;

border: 1px solid #e2e2e2ea;

font-family: 'Poppins-Regular';

color: #000;

}

.formcover_contact p {

font-size: 14px;

  color: #000000b5;

  font-weight: 600;

  display: block;

  float: left;

  line-height: 14px;

  padding-top: 20px;

  margin-bottom: 10px;

}

input[type="checkbox"] {

  margin-right: 10px;

  width: 15px;

  height: 16px;

}

.contactsubmit_btn {

float: right;

  text-align: center;

  padding: 1em 0em;

}

.contactsubmit_btn button {

  font-size: 20px;

  line-height: 30px;

  padding: 10px 0;

  color: #ffffff;

  font-weight: 400;

  width: 100%;

  border-radius: 5px;

  filter: drop-shadow(5.917px 12.688px 11.5px rgba(0, 0, 0, 0.25));

  background-color: #005377;

  border: unset;

  position: relative;

}
.contactown_form_content .captcha_box {
    margin-bottom: 5px;
    margin-top: 30px;
}
.contactown_form_content .captcha_box .g-recaptcha {
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
}

/* privacy policy page */

.cms_page_content h1,

.cms_page_content h2{

  font-size: 40px;

  color: #005377;

  font-weight: 700;

}

.cms_page_content p{

font-size: 18px;

line-height: 30px;

color: #000;

}

/********** ul li a tag styles for detail pages ***********/

.cms_page_content p a{

  border-bottom: 1px solid #000000;

  font-family: 'Poppins-Regular';

}

.cms_page_content ul li {

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

  font-family: 'Poppins-Regular';

  display: flow-root;

  padding-left: 1.5em;

  margin-bottom: 10px;

  position: relative;

}

.cms_page_content ul li:before {

  content: "\f192";

  position: absolute;

  top: 0;

  left: 0;

  font-family: FontAwesome;

  font-size: 19px;

  color: #005377;

}





/* site map page */

.sitemap-lists h1,

.sitemap-lists h2{

  font-size: 40px;

  color: #005377;

  font-weight: 700;

}

.sitemap-lists p{

font-size: 18px;

line-height: 30px;

color: #000;

}

/********** ul li a tag styles for detail pages ***********/

.sitemap-lists p a{

  border-bottom: 1px solid #005377;

  font-family: 'Poppins-Regular';

  color: #005377;

}

.sitemap-lists ul li {

  font-size: 18px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

  font-family: 'Poppins-Regular';

  display: flow-root;

  padding-left: 1.5em;

  margin-bottom: 10px;

  position: relative;

}

.sitemap-lists ul li:before {

  content: "\f192";

  position: absolute;

  top: 0;

  left: 0;

  font-family: FontAwesome;

  font-size: 19px;

  color: #005377;

}

.location_image img {
    height: 200px;
}
.location_banner_wrapper .innerbanner_content_inner {
    padding: 0.5em 7em 1em 5em;
}

.location_banner_wrapper .innerbanner_content_inner h1, 
.location_banner_wrapper .innerbanner_content_inner .banner_heading,
.contactus_ban .innerbanner_content_inner h1, 
.contactus_ban .innerbanner_content_inner .banner_heading{
    color: #fff;
}
.contactus_ban .innerbanner_content_inner .banner_heading::before,
.location_banner_wrapper .innerbanner_content_inner .banner_heading::before{
    background-color: #ffffff;   
}
.location_banner_wrapper .innerbanner_content_inner p,
.contactus_ban .innerbanner_content_inner p{
    color: #fff;
}

.contactus_ban .innerbanner_single .container, 
.location_banner_wrapper .innerbanner_single .container {
    position: unset;
}
.contactus_ban .innerbanner_content,
.location_banner_wrapper .innerbanner_content {
    bottom: 0;
    left: 0;
    top: 0;
}
.contactus_ban .innerbanner_content_inner::after,
.location_banner_wrapper .innerbanner_content_inner::after{
    content: unset;
}

.locationpg_wrapper {

    float: left;

    width: 100%;

    position: relative;

    margin-top: -10em;
    z-index: -1;
}



.locationpg_mapsec {

    float: left;

    width: 100%;

    overflow: hidden;

    /* margin-bottom: -2em; */

}



.locationpg_mapsec .mapouter {

    width: 100%;

    height: 1200px;

}



.locationpg_mapsec .gmap_canvas {

    width: 100%;

    height: 1200px;

}



.location_listsec {

    position: absolute;

    left: 10%;

    top: 25%;

    width: 480px;

    z-index: 3;

}



.location_listinner {

    padding: 2em;

    border-radius: 24px;

    filter: drop-shadow(3.583px 12.496px 13px rgba(0, 144, 219, 0.11));

    background-color: #f9fbfd;
    border-top-right-radius: 75px;
}



.location_listinner ul {

    height: 565px;

    overflow-y: scroll;

    padding: 2em 15px 0 0;

}



/* width */

.location_listinner ul::-webkit-scrollbar {

    width: 3px;

}



/* Track */

.location_listinner ul::-webkit-scrollbar-track {

    border-radius: 10px;

    background: transparent;

}



/* Handle */

.location_listinner ul::-webkit-scrollbar-thumb {

    background: #005377;

    border-radius: 10px;

}



.location_listinner ul li {

    list-style-type: none;

    padding-left: 20px;

    transition: 0.5s;

}



.location_listinner ul li a {

    width: 100%;

    display: block;

    font-size: 26px;

    color: #000;

    line-height: 36px;

    font-weight: 700;

    padding: 20px 0 20px 1em;

    position: relative;

    font-family: Poppins-SemiBold;

    transition: 0.5s;

    background-color: #fcfdfc;

    border: 1px solid #e7e7e7;

    border-radius: 12px;

    margin-bottom: 10px;

    z-index: 1;

}



.location_listinner ul li a:before {

    content: "";

    position: absolute;

    right: 30px;

    top: 23px;

    height: 29px;

    width: 21px;

    background-image: url(../images/location/locationpin.webp);

    transition: 0.5s;

    background-repeat: no-repeat;

    background-position: center;

}



.location_listinner ul li a:after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background-image: url(../images/location/locationactive.webp);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100% 100%;

    left: 0;

    top: 0;

    z-index: -1;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}



.location_listinner ul li:hover a::after {

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

}



.location_listinner ul li:hover a::before {

    content: unset;

}



.location_listinner ul li:hover a {

    color: #fff;

    font-size: 31px;

    border: unset;

}



.servicearea_list:before {

    content: '';

    position: absolute;

    width: 330px;

    height: 720px;

    background-image: url(../images/location/serviceareabg.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    left: -5em;

    top: -5em;

}



.servicearea_list .location_listinner {

    padding: 1em;

}

/* tooltip */

/* .locationpg_inner .gm-style-iw.gm-style-iw-c::before {
    content: "";
    border-radius: 8px;
    background-color: #e1344a;
    height: 100%;
    width: 13%;
    position: absolute;
    top: 0;
    left: 0
} */
.locationpg_inner .gm-style-iw-chr{
    display: none;
}
.locationpg_inner .gm-style-iw-d {
    width: 350px;
    padding: 1em .5em .5em 3em
}

.locationpg_inner .get_directions_section h4 {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    font-weight: 400;
    font-family: 'Poppins-Bold';
    position: relative
}

/* .locationpg_inner .get_directions_section h4::before {
    content: "\f041";
    font-family: fontawesome;
    font-size: 26px;
    color: #0096ca;
    position: absolute;
    top: 3px;
    left: -35px
} */

.locationpg_inner .get_directions_section p:nth-child(2) {
    font-size: 25px;
    line-height: 35px;
    color: #0096ca;
    font-weight: 600;
    font-family: Poppins-SemiBold;
    position: relative
}

.locationpg_inner .get_directions_section p:nth-child(2)::before {
    content: "\f095";
    font-family: fontawesome;
    font-size: 25px;
   color: #0096ca;
    position: absolute;
    top: 2px;
    left: -35px
}

.locationpg_inner .get_directions_section p:nth-child(3) {
    font-size: 15px;
    line-height: 25px;
    color: #000;
    font-weight: 400;
    position: relative
}
.locationpg_inner .get_directions_section p:nth-child(3)::before {
    content: "\f003";
    font-family: fontawesome;
    font-size: 25px;
     color: #0096ca;
    position: absolute;
    top: 2px;
    left: -38px
}
.locationpg_inner .get_directions_section p:nth-child(4) {
    font-size: 15px;
    line-height: 25px;
    color: #000;
    font-weight: 400;
    position: relative
}
.locationpg_inner .get_directions_section p:nth-child(4)::before  {
    content: "\f041";
    font-family: fontawesome;
    font-size: 26px;
    color: #0096ca;
    position: absolute;
    top: 3px;
    left: -35px
}



/****************Howitworks************/

.howitwhl_wrapper {

    float: left;

    width: 100%;

    padding: 2em 0em;

    margin: 1em 0em;

    position: relative;

}



.howit_singleinner {

    filter: drop-shadow(0.279px 15.998px 7px rgba(0, 0, 0, 0.19));

    background-color: #ffffff;

    padding: 30px 40px 30px 0px;

    float: left;

    width: 90%;

    position: relative;

}



.howit_singleinner:before {

    content: '';

    position: absolute;

    width: 250px;

    height: 230px;

    background-image: url(../images/howitwork/step-1.webp);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100% 100%;

    left: 0;

    top: 0;

    z-index: 1;

}





.howit_content {

    float: right;

    width: 75%;

    margin-left: 5em;

}



.howit_content h3 {

    font-size: 30px;

    color: #005377;

    margin: 10px 0px;

    position: relative;

}



.howit_content h3:after {

    content: '';

    position: absolute;

    width: 75%;

    height: 1px;

    background-color: #005377;

    top: 20px;

    right: 0;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

}



.howit_single:hover h3::after {

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

}



.howit_content p {

    font-size: 14px;

    line-height: 18px;

    color: #005377;

    font-weight: 400;

}



.howit_single {

    float: left;

    width: 100%;

    position: relative;

}



.howit_imgsec {

    position: absolute;

    right: -20px;

    width: 14%;

    top: -20px;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

}



.howit_imgsec img {

    height: 180px;

    border-radius: 6px;

    width: 100%;

    object-fit: cover;

    object-position: center;

}



.howit_single:hover .howit_imgsec {

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

}



.howit_single:nth-child(2) {

    float: right;

    width: 93%;

    right: 8px;

}



.howit_single:nth-child(2) .howit_singleinner {

    background-color: #2197cd;

}



.howit_single:nth-child(2) .howit_singleinner:before {

    background-image: url(../images/howitwork/step-2.webp);

    height: 288px;

    top: -55px;

}



.howit_single:nth-child(2) .howit_content h3 {

    color: #fff;

}



.howit_single:nth-child(2) .howit_content p {

    color: #fff;

}



.howit_single:nth-child(2) .howit_content h3::after {

    background-color: #fff;

}



.howit_single:nth-child(3) .howit_singleinner:before {

    background-image: url(../images/howitwork/step-3.webp);

    /* height: 288px;

    top: -55px; */

}



.howit_single:nth-child(3) .howit_content {

    margin-left: 8em;

}



.howit_single:nth-child(3) .howit_content {

    margin-left: 0em;

    padding-left: 3em;

}



.howit_single:nth-child(4) {

    float: right;

    width: 88%;

    right: 13px;

}



.howit_single:nth-child(4) .howit_singleinner {

    background-color: #2197cd;

}



.howit_single:nth-child(4) .howit_singleinner:before {

    background-image: url(../images/howitwork/step-4.webp);

    height: 288px;

    top: -55px;

}



.howit_single:nth-child(4) .howit_content h3 {

    color: #fff;

}



.howit_single:nth-child(4) .howit_content p {

    color: #fff;

}



.howit_single:nth-child(4) .howit_content h3::after {

    background-color: #fff;

}



.howit_single:nth-child(5) .howit_singleinner:before {

    background-image: url(../images/howitwork/step-5.webp);

    /* height: 288px;

    top: -55px; */

}



.howit_single:nth-child(6) {

    float: right;

    width: 92%;

    right: 10px;

}



.howit_single:nth-child(6) .howit_singleinner {

    background-color: #2197cd;

}



.howit_single:nth-child(6) .howit_singleinner:before {

    background-image: url(../images/howitwork/step-6.webp);

    height: 288px;

    top: -55px;

}



.howit_single:nth-child(6) .howit_content h3 {

    color: #fff;

}



.howit_single:nth-child(6) .howit_content p {

    color: #fff;

}



.howit_single:nth-child(6) .howit_content h3::after {

    background-color: #fff;

}



.howit_blwcnt {

    float: left;

    width: 100%;

    margin-top: 5em;

}



.howit_blwcnt_inner p {

    font-size: 18px;

    line-height: 30px;

    color: #000000;

    font-weight: 400;

    text-align: center;

}



.howit_blwcnt_inner {

    padding: 30px;

    border-radius: 15px;

    background-color: #eaf0f5;

    position: relative;

}



.howit_blwcnt_inner:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 15px;

    border: 2px solid #2197cd;

    left: -10px;

    bottom: -10px;

}



.howit_blwcnt_inner::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 15px;

    border: 2px solid #2197cd;

    right: -10px;

    top: -10px;

    z-index: -1;

}

/*********** responsive ***********/



@media only screen and (min-width:1400px) {

	/* hme page */

.hme_solution_blk::after {
    width: 15%;
}


  .hme_aboutus_blk::before{

    bottom: 45px;

  }

  .hme_industries_blk::before{

    width: 45%;

  }



  /* Inner page banner */

  /* .innerbanner_content_inner {

    padding: 3em 7em 3em 6em;

  } */

}

@media only screen and (min-width:1500px) {

	/* hme page */

  .hme_solution_blk::after{

    width: 16%;

  }

  .hme_industries_blk::before{

    width: 44%;

  }



  /* Inner page banner */

  /* .innerbanner_content_inner {

    padding: 3em 7em 3em 8em;

  } */

}

@media only screen and (min-width:1600px) {

  /* hme page */

.bannerhme_content_inner {
    padding: 30px 30px 20px 10em;
}

  .hme_solution_blk::after {

    width: 19%;

  }

  .hme_industries_blk::before{

    width: 42%;

  }



  /* Inner page banner */

  /* .innerbanner_content_inner {

    padding: 3em 7em 3em 12em;

  } */

}

@media only screen and (min-width:1700px) {

	/* hme page */

  .hme_solution_blk::after {

    width: 21%;

  }

  .hme_industries_blk::before{

    width: 40%;

  }



  /* Inner page banner */

  .innerbanner_content{

    width: 675px;

  }

  /* .innerbanner_content_inner {

    padding: 3em 7em 3em 15em;

  } */

}

@media only screen and (min-width:1800px) {

	/* hme page */

.bannerhme_content_inner{
    padding: 30px 30px 20px 17em;
}

  .hme_solution_blk::after {

    width: 24%;

  }

  .hme_industries_blk::before{

    width: 37%;

  }



  /* Inner page banner */

  .innerbanner_content {

    width: 700px;

  }

  /* .innerbanner_content_inner {

    padding: 3em 7em 3em 19em;

  } */

}

@media only screen and (min-width:1920px) {

  /* hme page  */
.header_hle::after {
    width: 65%;
    height: 30%;
}
.bannerhme_content_inner{
    padding: 30px 30px 20px 22em;
}

  .hme_solution_blk::after {

    width: 28%;

  }

  .hme_industries_blk::before{

    width: 35%;

  }



  /* Inner page banner */

  .innerbanner_content {

    width: 800px;

  }

  /* .innerbanner_content_inner {

    padding: 3em 7em 3em 24em;

  } */

}

@media only screen and (min-width:2560px) {

	/* hme page */

  .bannerhme_content_inner {
        padding: 30px 30px 20px 49em;
    }
    .header_wrapper::before{
          width: 45%;
    }
    .header_wrapper.fixed::before {
    z-index: 1;
    width: 45%;
    height: 68%;
}

  .hme_solution_blk::after {

    width: 32%;

  }

  .hme_industries_blk::before{

    width: 26%;

  }



  /* Inner page banner */

  .innerbanner_content {

    width: 1200px;

  }

  /* .innerbanner_content_inner {

    padding: 3em 7em 3em 46em;

  } */

}

@media only screen and (min-width:2880px) {

	

}





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

  .container{

    padding: 0 15px;

  }

	/* hme page */
  .header_logo_inner img{
    object-fit: contain;
  }
  .header_contdetails{

    width: 55%;

  }

  .header-nav nav ul li{

    margin: 0 0 !important;

  }

  a.installation_call::after{

    width: 37%;

  }

  .commercial_why_choose_imgblk{

    left: 0;

  }

  .commercial_why_choose_content{

    padding: 10px 1em 10px 9em;

  }

  .commercial_get_started{

    width: 100%;

  }

  .commercial_get_started_content{

    padding: 10px 1em 10px 9em;

  }

  .commerial_get_started_imgblk{

    left: 0;

  }

  .hme_client_single{

    width: 18%;

  }

  .how_it_works_single{

    margin: 0 10px;

  }

  .hme_installation_img img{

    width: 60px;

  }

  .hme_installation_inner::after{

    right: -0.5em;

  }

  .hme_installation_img::after {

    width: 46%;

    left: 4em;

    height: 103px;

  }

  .hme_aboutus_blk::before{

    bottom: 59px;

  }

  .hme_blog_right_content_inner .hme_blog_date{

    width: 43%;

  }

  .hme_blog_right_content_inner::before{

    width: 120px;

  }



  /* blog page */

  .blog_page_content .hme_blog_date{

    width: 42%;

  }



  /* blog detail page */

  .blog_detail_inner::before{

    height: 17.5%;

  }

  /* faq page */

  .faq_page_img::before{

    width: 106%;

    height: 107%;

    top: -20px;

    left: -15px;

  }



  /* Industries page */

  .industries_first_img::before{

    left: -20px;

  }

  .industries_first_img::after{

    left: -10px;

  }

  .industries_second_img::after{

    width: 103%;

    left: -10px;

  }

  .industries_third_img::after{

    left: -15px;

  }

  .industries_fourth_img::after{

    right: -10px;

  }

.faq_page_inner::after{
  content: unset;
}

.contact_map_details {
    position: absolute;
    left: 0px;
    top: -5px;
    width: 100%;
}
.contact_map_details p::before,
.contact_map_details a:nth-child(2)::before,
.contact_map_details a::before
{
  left: 0;
}
.contactus_inner {
    float: left;
    width: 100%;
}

.location_listsec {

        left: 5%;

    }



    .howit_imgsec {

        right: 0;

    }



    .howit_blwcnt_inner {

        width: 100%;

        max-width: 90%;

        margin: 0 auto;

    }




}

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

  /* mob header */

    /**Mobile Menu Open**/	



.mobile-header {

  display: block;

  position: absolute;

  right: 10px;

  top: 14px;

  z-index: 99999;

}



.mob_navi.menu {



  display: block



}



.mobile-header button.navbar-toggle {



  float: left;



  margin-left: 5px;



  margin-right: 5px;



  padding: 11px 9px;



  top: 0;



  left: 0;



  z-index: 999;



  background-color: #005377;



  display: block;



}



.mobile-logo {
  float: left;
  width: 50%;
  text-align: center;
  margin-bottom: 0em;
  padding: 0;
  background-image: unset;
}



.mobile-logo img {



  height: 120px;



  width: 100%;



  object-fit: contain;



  max-width: 80%;



}
.mobiletop_button {
    float: right;
    width: 45%;
    padding: 0;
}

a.applyonline {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    padding: 7px 0px 7px 0px;
    background-color: #2197cd;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 15px;
    width: 90%;
}
a.callbtn {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    padding: 7px 0px 7px 0px;
    background-color: #005377;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    width: 90%;
}

.mobile-header .navbar-toggle .icon-bar {



  background-color: #fff;



}



.mob_navi {



  position: fixed;



  top: 0;



  z-index: 9;



  width: 350px;



  height: 100%;



  overflow-x: hidden;



  transform: translate(-100%, 0%);



  transition: .5s;



  z-index: 999999;



  background-color: #fff;



  border-top-left-radius: 0;



}



.mob_navi.menu_open {



  transform: translate(0%, 0px)



}



.mob_navi::-webkit-scrollbar {



  width: 5px;



}



.mob_navi::-webkit-scrollbar-thumb {



  border-radius: 20px;



  background: #005377;



}



.mob_navi::-webkit-scrollbar-track {



  border-radius: 10px;



  background-color: transparent;



}

.mob_sub_navigate span {



  width: 50%;



  padding-left: 15px;



  height: 35px;



  line-height: 35px;



  font-size: 18px;



  cursor: pointer;



  opacity: 0;



  transition: .5s



}



.glyphicon {



  position: relative;



  top: 1px;



  display: inline-block;



  font-family: "Glyphicons Halflings";



  font-style: normal;



  font-weight: 400;



  line-height: 1;



  -webkit-font-smoothing: antialiased;



  -moz-osx-font-smoothing: grayscale



}



.mob_sub_navigate i {



width: 48%;
padding-right: 20px;
padding-top: 10px;
height: 35px;
line-height: 35px;
font-size: 24px;
text-align: right;
cursor: pointer;
color: #272727;
float: right;



}



#mob_menu {



  margin: 0;



  padding: 0;



  background-color: #fff;



  float: left;



  width: 100%;



  position: relative;



}



.mob_navi.menu.menu_open.submenu_open1 span {



  opacity: 1;



}



#mob_menu li {



  list-style-type: none;



  border-bottom: 1px solid #eee;



}



#mob_menu li a {
  text-decoration: none;
  color: #22252a;
  display: block;
  padding: 20px 10px 20px 25px;
  font-size: 18px;
  font-family: 'Roboto-bold';
  font-weight: 100;
}



#mob_menu li:hover span{



  color: #fff;



  transition: 0.5s;



}



#mob_menu li a:hover {



  background-color: #2197cd;



}



#mob_menu li a:hover {



  color: #fff;



  transition: .5s



}



.mob_navi.submenu_open {



  overflow-y: hidden



}



.mob_sub_navigate span {
  display: inline-block;
  width: 50%;
  padding-left: 40px;
  padding-top: 15px;
  height: 35px;
  line-height: 30px;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  transition: .5s;
  color: #272727;
  font-family: 'Roboto-bold';
}



.mob_navi.submenu_open .mob_sub_navigate span {



  opacity: 1



}



.mob_sub_menu {



  position: absolute;



  z-index: 9999;



  width: 100%;



  top: 0;



  left: 0;



  transform: translate(100%, 0px);



  transition: .5s;



  padding-bottom: 15px;



  padding-left: 0;



  background-color: #fff;



}



.mob_sub_link span {
    font-size: 0px;
    display: inline-block;
    width: 0px;
    text-align: center;
    right: 40px;
    line-height: 0px;
    cursor: pointer;
    float: right;
    margin-right: 5px;
    color: #272727;
    position: relative;
    top: -40px;
}



.mobile.header {



  background-color: #222;



  color: #fff;



  padding: 10px;



  padding-left: 15px;



  float: left;



  width: 100%



}



.submenu_open #mob_menu {



  transform: translate(-100%, 0px);



  transition: .5s



}



ul.mob_sub_menu.submenu_open {



  transform: translate(0%, 0px);



  transition: .5s;



  height: 100%



}



.mobile.header {



  display: block



}



.mob_navi.menu {



  display: block



}



.mobile.mobile-one {



  display: block



}



.header {



  display:none;	



}		



.columbus.banner {



  z-index:9;



}



.header-logo-mob {



  display: block;



}



.header-logo-mob {



  display: block;



  position: absolute;



  z-index: 999;



  width: 30%;



  padding: 20px 0px 0px 15px;



}







/****Mobilemenu end**/



/* .mob_navi, .mobile-header.fixed {



  position: fixed;



} */



.mobtext {



  position: absolute;



  bottom: -8px;

  right: 6px;



  color: #fff;



  font-size: 14px;



  line-height: 20px;



  font-weight: 600;



  text-transform: uppercase;



  display: block;



}

.mobile-top-head{



  display: block;



}

.header-nav,.header_shedule{

  display: none;

}

  /* hme page */

  .header_number::after{

    width: 100%;

  }

  .header_schedule{

    display: none;

  }

  .header-nav{

    display: none;

  }

  .header_hle::after{

    content: unset;

  }

  .bannerhme_content_inner strong {

    font-size: 23px;

    line-height: 38px;

  }

  .bannerhme_content_inner strong {

    font-size: 23px;

    line-height: 38px;

  }

  .hme_installation_title h3 {

    font-size: 37px;

    line-height: 47px;

  }

  .hme_installation_right_inner p   {

    font-size: 17px;

    line-height: 29px;

  }

  .hme_installation_single_content h4 {

    font-size: 27px;

    line-height: 37px;

  }

  .hme_installation_right_inner{

    margin: 30px 10px 0 20px;

  }

  a.installation_call {

    font-size: 37px;

    line-height: 37px;

  }

  a.installation_call::after {

    width: 42%;

  }

  .hme_commercial_service_first_img img,

  .hme_commercial_service_second_img img{

    height: 335px;

  }

  .hme_strong {

    font-size: 20px;

    line-height: 28px;

  }

  .hme_commercial_service_inner h3 {

    font-size: 37px;

    line-height: 37px;

  }

  .commercial_why_choose_content h4 {

    font-size: 21px;

    line-height: 29px;

  }

  .commercial_why_choose_img::after{

    width: 100%;

    height: 90px;

    left: 1px;

  }

  .commercial_why_choose_imgblk img {

    height: 60px;

  }

  .hme_solution_img{

    margin-right: 4em;

  }

  .hme_solution_img img {

    height: 405px;

  }

  .hme_solution_img::after{

    width: 120%;

    height: 102%;

    top: -4px;

    left: -30px;

  }

  .hme_solution_inner h3 {

    font-size: 37px;

    line-height: 37px;

  }

  .how_it_works_single {

    margin: 0 8px;

  }

  .how_it_works_single_inner {

    padding: 80px 20px 60px 40px;

  }

  .hme_industries_inner::after{

    content: unset;

  }

  .hme_industries_imgblk img {

    height: 700px;

  }

  .hme_review_single_inner p{

    height: 160px;

  }

  .hme_aboutus_inner h3 {

    font-size: 37px;

    line-height: 37px;

  }

  .hme_aboutus_img::after,

  .hme_aboutus_imgblk::before{

    content: unset;

  }

  .hme_aboutus_blk::before{

    content: unset;

  }

  .hme_aboutus_inner .hme_btn_blk{

    float: left;

  }

  .hme_blog_right_content_inner p{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

	 overflow:hidden

  }

  .hme_blog_right_content_inner::before{

    content: unset;

  }

  .hme_blog_date{

    width: 14%;

  }

  .hme_blog_right_content_inner .hme_blog_date {

    width: 52%;

  }

  .hme_content_img img {

    height: 325px;

  }

  .hme_faq_title h3 {

    font-size: 37px;

    line-height: 37px;

  }

  .hme_commercial_service_second_imgblk{

    top: -11em;

  }

  .hme_commercial_service_imgblk::after{

    border-radius: 0 140px 0 0;

  }



  /* Inner page banner */

  .innerbanner_wrapper{

    margin: -3em 0 2em;

  }

  .innerbanner_wrapper::after{

    content: unset;

  }

  .banner_heading {

    font-size: 37px;

    line-height: 37px;

  }



  /* about us page */

  .aboutus_first_inner h1, .aboutus_first_inner h2 {

    font-size: 37px;

  }

  .aboutus_first_img img {

    height: 550px;

  }

  .aboutus_second_img::before{

    content: unset;

  }

  .aboutus_second_inner h3 {

    font-size: 37px;

  }

  .aboutus_second_img{

    margin-bottom: 5em;

  }

  .aboutus_third_inner h3, .aboutus_third_inner h4 {

    font-size: 37px;

  }

  .aboutus_third_img{

    margin-bottom: 2em;

  }

  .aboutus_third_img img {

    height: 600px;

  }

  .aboutus_third_imgblk::after{

    left: -10px;

    height: 110%;

    width: 90%;

    top: -70px;

  }



  /* blog page */

  .blog_page_content .hme_blog_date {

    width: 52%;

  }

  .blog_page_first_right_inner .blog_page_content .hme_blog_date{

    width: 27%;

  }

  .hme_blog_right_content:nth-child(2) .hme_blog_right_content_inner .hme_blog_date {

    width: 53%;

  }



  /* blog detail page */

  .blog_detail_inner::after,

  .blog_detail_inner::before{

    content: unset;

  }

  .blog_det_date{

    right: 60px;

  }

  .blog_detail_inner h1 {

    font-size: 37px;

  }

  .blog_detail_inner h2,

  .blog_detail_inner h3{

    font-size: 32px;

  }

  .blog_detail_inner h4, .blog_detail_inner h5 {

    font-size: 27px;

    line-height: 37px;

  }



  /* faq page */

  .faq_page_img img {

    height: 600px;

  }

  .faq_page_title h2 {

    font-size: 36px;

  }

  .faq_page_content_box .faq_page_content p {

    font-size: 20px;

  }

  .faq_page_content_box .faq_question_box{

    height: 590px;

    padding: 0 1em;

  }



  /* Review page */

  .review_page_first_img::before{

    left: -10px;

  }

  .review_page_second_inner .hme_review_single_inner{

    padding: 3em 3em 3em 3em;

  }



  /* industries page */

  .industries_first_inner h2, .industries_first_inner h3 {

    font-size: 37px;

  }

  .industries_second_imgblk{

    margin-bottom: 2em;

  }

  .industries_second_inner h2, .industries_second_inner h3 {

    font-size: 37px;

    line-height: 37px;

  }

  .industries_third_inner h2, .industries_third_inner h3{

    font-size: 37px;

    line-height: 37px;

  }

  .industries_fourth_inner h2, .industries_fourth_inner h3 {

    font-size: 37px;

    line-height: 37px;

  }



  /* client success page */

  .client_sucess_first_inner h2, .client_sucess_first_inner h3 {

    font-size: 37px;

  } 

  .client_success_first_img img {

    height: 600px;

  }

  .client_success_second_left_single:nth-child(1) .client_success_second_left_single_inner h4 {

    font-size: 27px;

  }

  .client_success_second_left_single:nth-child(1) .client_success_second_left_single_inner h4::after{

    width: 90%;

  }

  .client_success_second_right::after{

    right: 5.5em;

  }

  .client_success_second_left_single_inner h4 {

    font-size: 27px;

  }

  .client_success_third_inner h3{

    font-size: 37px;

  }

  .client_success_third_img img {

    height: 470px;

  }

  .client_success_third_img2 img {

    height: 260px;

  }

  .client_success_third_img2::before{

    width: 82%;

    height: 82%;

    top: 25px;

    left: 25px;

  }

  .client_success_third_img{

    margin-bottom: 2em;

  }



  /* contact us page */

  .contactown_form_content h2 {

    font-size: 32px;

  }

  .contactown_form_content p {

    font-size: 15px;

    line-height: 19px;

    margin-bottom: 4px;

  }

.contact_map_details p,
.contact_map_details a:nth-child(2),
.contact_map_details a{
  font-size: 20px;
}

  /* service detail page */

  .service_det_first_inner h1, .service_det_first_inner h2 {

    font-size: 37px;

  }    

  .service_det_first_img img {

    height: 600px;

  } 
  .service_det_second_inner h2,
  .service_det_second_inner h3, .service_det_second_inner h4 {

    font-size: 37px;

  }

  .service_det_second_img img{

    height: 600px;

 }



 /* solution page */

 .solution_first_img::after{

    bottom: -4em; 

    left: -15px;

 }

 .solution_first_img img{

  height: 600px;

 }

 .solution_first_inner h2, .solution_first_inner h3 {

  font-size: 37px;

  line-height: 37px;

 }

 .solution_first_inner p {

  font-size: 19px;

  line-height: 34px;

 }

 .solution_second_inner h3{

   font-size: 37px;

  line-height: 37px;

 }

 .solution_second_img::after {

  content: unset;

 }

 .solution_second_img img {

    height: 600px;

 }

 .solution_third_img img {

    height: 600px;

 }

 

/* videos page */

.video_page_inner{

  grid-template-columns: 320px 190px 410px;

  grid-template-rows: 290px 185px 258px 344px;

}

.videosec_icon::after{

  left: 4em;

}

.locationpg_mapsec .mapouter,

    .locationpg_mapsec .gmap_canvas {

        width: 100%;

        height: 750px;

    }



    .location_listsec {

        left: 20px;

        top: 50px;

    }



    .servicearea_list:before {

        height: 660px;

        left: -1em;

        top: -2em;

    }



    .howit_singleinner:before {

        width: 215px;

    }



    .howit_content h3:after {

        width: 50%;

    }



}

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

  /* home page */



  .mobtext{

    bottom: -12px;

  }



  .bannerhme_wrapper{

    margin: -2em 0 2em;

  }

  .bannerhme_wrapper::after{

    content: unset;

  }

  .bannerhme_image img {

    height: 700px;

  }

  .bannerhme_slic ul.slick-dots{

    display: none !important;

  }

  .bannerhme_image{

    margin-left: 0;

  }

  .bannerhme_content{

    left: 0;

    width: 100%;

  }

  .bannerhme_content::before{

    content: unset;

  }

  .bannerhme_content_inner strong {

    font-size: 21px;

    line-height: 34px;

  }

  .header_logo_inner img {

    height: 100px;

  }

  .bannerhme_content_inner h1, .bannerhme_content_inner h2 {

    font-size: 34px;

    line-height: 36px;

  }

  .bannerhme_content::before{

    right: -40px;

  }
a.banner_video{
  display: none;
}
  .hme_installation_title h3 {

    font-size: 34px;

    line-height: 42px;

  }

  .hme_installation_title h3::before{

    content: unset;

  }

  .hme_installation_left{

    float: left;

    width: 100%;

  }

  .hme_installation_right{

    float: left;

    width: 100%;

  }

  .hme_installation_inner::after{

    content: unset;

  }

  a.installation_call {

    font-size: 32px;

    line-height: 32px;

  }

  a.installation_call::after {

    width: 48%;

  }

  .hme_strong {

    font-size: 17px;

    line-height: 24px;

  }

  .hme_commercial_service_inner h3 {

    font-size: 34px;

    line-height: 34px;

  }

  .commercial_why_choose_content {

    padding: 10px 1em 10px 7em;

  }

  .commercial_why_choose_imgblk img,

  .commercial_get_started_img img{

    height: 50px;

  }

  .commercial_get_started_content {

    padding: 10px 1em 10px 7em;

  }

  .commercial_get_started_img::after{

    width: 100%;

    height: 90px;

    top: -20px;

    left: 4px;

  }

  .hme_call {

    font-size: 17px;

  }

  .hme_readmore {

    font-size: 17px;

  }

  .hme_solution_inner h3 {

    font-size: 34px;

    line-height: 34px;

  }

  .hme_solution_blk::after{

    content: unset;

  }

  .hme_solution_img img {

    height: 300px;

    width: 300px;

  }

  .hme_solution_img {

    margin-right: 4em;

    margin-bottom: 2em;

  }

  .hme_how_it_works_title h3 {

    font-size: 34px;

    line-height: 34px;

    padding: 0;

  }

  .how_it_works_single{

    float: left;

    width: 47%;

    margin: 0 8px 20px;

  }

  .hme_industries_blk::before{

    content: unset;

  }

  .hme_industries_right h3 {

    font-size: 34px;

    line-height: 34px;

  }

  .hme_industries_imgblk img {

    height: 600px;

  }

  .hme_industries_right ul li:nth-child(1) .hme_industries_content_outer,

  .hme_industries_right ul li:nth-child(3) .hme_industries_content_outer,

  .hme_industries_right ul li:nth-child(4) .hme_industries_content_outer,

  .hme_industries_right ul li:nth-child(5) .hme_industries_content_outer{

    left: 0;

  }

  .hme_industries_right ul li:nth-child(5)::after,

  .hme_industries_right ul li:nth-child(4)::after,

  .hme_industries_right ul li:nth-child(3)::after,

  .hme_industries_right ul li:nth-child(1)::after{

    left: 0;

  }

  .hme_industries_right ul{

    overflow-y: scroll;

    height: 480px;

  }

  /* width */

  .hme_industries_right ul::-webkit-scrollbar {

    width: 5px;

  }

  /* Track */

  .hme_industries_right ul::-webkit-scrollbar-thumb {

      background-color: #2a2a2a;

      border-radius: 10px;

  }

  /* Handle */

  .hme_industries_right ul::-webkit-scrollbar-track {

      border-radius: 10px;

      background-color: transparent;

  }

  .hme_industries_content h4 {

    font-size: 25px;

  }

  .hme_industries_right ul li{

    padding: 20px 0px 10px 20px;

  }

  .hme_aboutus_img{

    margin-left: 2em;

    margin-right: 2em;

  }

  .hme_aboutus_img::before{

    width: 109.7%;

  }

  .hme_aboutus_img img {

    height: 550px;

  }

  .hme_aboutus_inner h3 {

    font-size: 33px;

    line-height: 33px;

  }

  .hme_faq_img img{

    height: 580px;

  }

  .faq_question_box{

    height: 470px;

  }

  .hme_blog_title h3 {

    font-size: 37px;

    line-height: 37px;

  }

  .hme_blog_right_content_inner .hme_blog_date {

    width: 70%;

  }

  .hme_blog_right_content_inner{

    padding: 10px 12px 15px 10px;

    margin: 0 5px 0 5px;

  }

  .hme_blog_date {

    width: 20%;

  }

  .footerfirst_logo{

    float: left;

    width: 48%;

    margin-bottom: 1.5em;

  }

  .footerfirst_menu{

    float: left;

    width: 48%;

  }

  .footerfirst_lastmenu{

    float: left;

    width: 100%;

    padding-left: 0;

  }

  .socialmedia_footer {

    width: 40%;

  }

  .hme_commercial_service_imgblk::after {

    border-radius: 0 120px 0 0;

  }



  /* inner page banner */

  .innerbanner_wrapper {

    margin: -2em 0 2em;

  }

  .mobtext{

    color: #000;

  }

  .innerbanner_image::before{

    content: unset;

  }

  .innerbanner_content{

    width: 100%;

  }

  .innerbanner_content_inner{

    background-color: #2197cdbd;

    padding: 2em 2em 2em 2em;

  }

  .innerbanner_content_inner::after{

    content: unset;

  }

  .banner_heading {

    font-size: 34px;

    line-height: 34px;

  }



  /* about us page */

  .aboutus_first_img img {

    height: 500px;

  }

  .aboutus_first_inner h1, .aboutus_first_inner h2 {

    font-size: 34px;

  }

  .aboutus_second_img img {

    height: 500px;

  }

  .aboutus_second_img::after {

    height: 535px;

  }

  .aboutus_second_inner h3 {

    font-size: 34px;

  }

  .aboutus_third_blk{

    padding: 4em 0 2em;

  }

  .aboutus_third_img img {

    height: 500px;

  }

  .aboutus_third_imgblk::after {

    left: -10px;

    height: 110%;

    width: 86%;

    top: -56px;

  }

  .aboutus_third_inner h3, .aboutus_third_inner h4 {

    font-size: 34px;

  }



  /* blog page */

  .blog_page_first_left_inner .blog_page_img img{

    height: 300px !important;

  }

  .blog_page_first_right_inner .blog_page_img img{

    height: 300px !important;

  }

  .blog_page_first_right_inner .blog_page_content .hme_blog_date {

    width: 32%;

    font-size: 27px;

    line-height: 37px;

  }

  .blog_page_first_right_inner .blog_page_content h4 {

    font-size: 32px;

  }

  .blog_page_content .hme_blog_date {

    width: 65%;

    font-size: 13px;

  }

  .blog_page_content::before{

    content: unset;

  }

  .hme_blog_readmore {

    font-size: 16px;

  }

  .blog_page_inner .hme_content_img img {

    height: 275px;

  }

  .hme_blog_right_content:nth-child(2) .hme_blog_right_content_inner .hme_blog_date {

    width: 67%;

  }



  /* blog details page */

  .blog_det_date {

    right: 0px;

    width: 13%;

    top: -3.8em;

  }

  .blog_detail_inner h1 {

    font-size: 34px;

  }  

  .blog_detail_inner p {

    font-size: 17px;

    line-height: 29px;

  }

  .blog_detail_inner h2, .blog_detail_inner h3 {

    font-size: 29px;

  }

  .blog_detail_img{

    margin-right: 2em;

    margin-bottom: 1em;

  }

  .blog_detail_img img {

    height: 500px;

  }

  .blog_detail_inner h4, .blog_detail_inner h5 {

    font-size: 24px;

    line-height: 34px;

  }



  /* faq page */

  .faq_page_content_box .faq_page_content{

    display: none;

  }

  .faq_page_img::before{

    content: unset;

  }

  .faq_page_img img {

    height: 500px;

    border-radius: 360px 360px 0 0;

    outline: 2px solid #2197cd;

    outline-offset: 10px;

  }

  .faq_page_title h2 {

    font-size: 33px;

  }

  .faq_page_content_box .faq_question_box {

    height: 550px;

  }

  .faq_page_content_box .faq_question_box .set a.active {

    padding: 15px 3em 15px 30px;

    font-size: 24px;

  }

  .faq_page_content_box .faq_question_box .set a{

    font-size: 17px;

  }

  .faq_page_content_box .faq_question_box .set a.active::before{

    top: 25px;

  }

  .faq_page_content_box .faq_question_box .content p {

    font-size: 13px;

    line-height: 21px;

  }



  /* review page */

  .review_page_first_right_inner .hme_review_single_inner{

    padding: 3em 2em 3em 2em;

  }

  .review_page_first_img img {

    height: 400px;

  }

  .review_page_first_right_inner .authordetail{

    margin: 0 0 1em;

  }

  .review_page_second_inner .authordetail{

    margin: 0 0 1em;

  }

  .review_page_second_inner .authordetail h4::before{

    right: -1em;

  }

  .review_page_first_right_inner .hme_review_single_inner{

    background-color: #ffffff;

    border: 1px solid #f2f8ff;

    filter: drop-shadow(1.877px 11.852px 12.5px rgba(0,0,0,0.06));

    border-radius: 20px;

  }

  .review_page_first_right_inner .hme_review_single:nth-child(2) .hme_review_single_inner{

    filter: drop-shadow(2.816px 17.778px 17px rgba(0, 83, 119, 0.19));

  }

  .review_page_first_right_inner .hme_review_single_inner::after{

    content: unset;

  }

  .review_page_second_inner .hme_review_single_inner::after{

    content: unset;

  }

  .review_page_second_inner .hme_review_single_inner{

    background-color: #ffffff;

    border: 1px solid #f2f8ff;

    filter: drop-shadow(1.877px 11.852px 12.5px rgba(0,0,0,0.06));

    border-radius: 20px;

    padding: 3em 1em 1em 1em;

  }

  .review_page_second_inner .hme_review_single:nth-child(2) .hme_review_single_inner{

    filter: drop-shadow(2.816px 17.778px 17px rgba(0, 83, 119, 0.19));

  }

  .review_page_first_right_inner .authordetail h4::before,

  .review_page_second_inner .authordetail h4::before{

    content: unset;

  }

  .review_page_first_right_inner .hme_review_single_inner a::before{

    width: 50px;

    height: 50px;

  }

  .review_page_first_right{

    top: 6em;

  }

  .review_page_inner:nth-child(even) .review_page_first_img::before {

    border-radius: 75px 10px 10px 75px;

    left: 10px;

  }



  /* industries page */

  .industries_first_img img {

    height: 500px;

  }

  .industries_first_inner h2, .industries_first_inner h3 {

    font-size: 34px;

    line-height: 34px;

  }

  .industries_first_inner p {

    font-size: 17px;

    line-height: 29px;

  }

  .industries_second_inner::after{

    width: 106%;

    z-index: -5;

  }

  .industries_second_inner h2, .industries_second_inner h3 {

    font-size: 34px;

    line-height: 34px;

  }  

  .industries_second_img img {

      height: 500px;

  }

  .industries_third_inner h2, .industries_third_inner h3 {

    font-size: 34px;

    line-height: 34px;

  }

  .industries_third_img img {

    height: 500px;

  }

  .industries_third_inner p {

    font-size: 17px;

    line-height: 29px;

  }

  .industries_fourth_inner h2, .industries_fourth_inner h3 {

    font-size: 34px;

    line-height: 33px;

  }

  .industries_fourth_inner::after{

    top: 7em;

  }

  .industries_fourth_img img {

    height: 500px;

  }

  .industries_fourth_inner::after{

    width: 106.7%;

    height: 76%;

  }



  /* client success page */

  .client_success_first_img img {

    height: 500px;

  }

  .client_success_first_img::after{

    top: 44px;

    left: 5px;

  }

  .client_sucess_first_inner h2, .client_sucess_first_inner h3 {

    font-size: 34px;

  }

  .client_success_second_left_single:nth-child(1) .client_success_second_left_single_inner h4 {

    font-size: 24px;

  }

  .client_success_second_left_single:nth-child(1) .client_success_second_left_single_inner h4::after {

    width: 104%;

  }

  .client_success_second_left_single_inner h4::before{

    content: unset;

  }

  .client_success_second_left_single_inner p{

    overflow-y: scroll;

    height: 80px;

  }

/* width */

.client_success_second_left_single_inner p::-webkit-scrollbar {

  width: 5px;

}

/* Track */

.client_success_second_left_single_inner p::-webkit-scrollbar-thumb {

  background-color: #2197cd;

  border-radius: 10px;

}

/* Handle */

.client_success_second_left_single_inner p::-webkit-scrollbar-track {

  border-radius: 10px;

  background-color: transparent;

}

.client_success_second_right_single_inner img{

  height: 370px;

}

.client_success_third_inner h3 {

  font-size: 34px;

}

.client_success_third_img img {

  height: 340px;

}

.client_success_third_img2{

  display: none;

}

.client_success_second_right::after {

  right: 4em;

}

.client_success_second_right::before{

  left: 4em;

}



/* contact us page */

.contactus_inner{

  display: flex;

  flex-direction: column;

}

.contact_map_blk{
  float: left;
  width: 100%;

  order: 2;
  display: flex;
  flex-direction: column;
}

.contactown_form{

  width: 100%;

  order: 1;

  margin-bottom: 2em;

}
    .contact_map_details {
        position: relative;
        left: 0px;
        top: 0;
        width: 100%;
        order: 1;
        padding: 2em;
        margin: 2em 0 3em 0;

    }
.contactown_form_inner{

  float: none;

  width: 100%;

  max-width: 70%;

  margin: 0 auto;

}

.contactown_form_content h2 {

  font-size: 29px;

}

.contact_map_blk .mapouter, .contact_map_blk .gmap_canvas {

  height: 600px;
  order: 2;
}

.contactus_ban .innerbanner_content {

    bottom: 0;

}



/* service detail page */

.service_det_first_img img {

  height: 500px;

}

.service_det_first_inner h1, .service_det_first_inner h2 {

  font-size: 34px;

}

.service_det_first_inner h1::after{

  content: unset;

}

.service_det_second_img img {

  height: 500px;

}
.service_det_second_inner h2,
.service_det_second_inner h3, .service_det_second_inner h4 {

  font-size: 34px;

}

.service_det_second_inner p {

  font-size: 17px;

  line-height: 29px;

}



/* solution page */

.solution_first_inner h2, .solution_first_inner h3 {

  font-size: 34px;

  line-height: 34px;

}

.solution_first_inner p {

    font-size: 18px;

    line-height: 32px;

}

.solution_first_img img {

  height: 500px;

}

.solution_first_img::after {

    bottom: -3em;

  left: -10px;

}

.solution_first_inner::after{

  content: unset;

}

.solution_second_imgblk{

  top: 0;

}

.solution_second_imgblk::after,

.solution_second_inner::after{

  content: unset;

}

.solution_second_img{

  margin-bottom: 2em;

}

.solution_second_img img {

  height: 500px;

}

.solution_third_img{

  margin-bottom: 3em;

}

.solution_third_img img {

  height: 500px;

}



/* videos page */

.video_page_inner{

  float: left;

  display: block;

}

.videosec_single{

  float: left;

  width: 31%;

  margin: 20px 8px 20px;

}

.videosec_single:nth-child(1){

  display: none;

}

.videosec_link img{

  width: 80px;

  height: 80px;

}

.videosec_image img{

  height: 280px;

}

.videosec_single:last-child{

  float: left;

}

.header_wrapper::after{
  content: unset;
}
.header_wrapper::before {
    height: 100%;
}

.location_image img {

        height: 250px;

    }



    .location_listinner {

        padding: 1em;

    }



    .location_listsec {

        width: 350px;

    }



    .location_listinner ul li a {

        font-size: 22px;

        line-height: 32px;

        padding: 15px 0 15px 15px;



    }



    .location_listinner ul li {

        padding-left: 0;

    }



    .location_listinner ul li a:before {

        top: 16px;

    }



    .location_listinner ul {

        height: 454px;

        overflow-y: scroll;

        padding: 1em 15px 0 0;

    }



    .locationpg_mapsec .mapouter,

    .locationpg_mapsec .gmap_canvas {

        width: 100%;

        height: 650px;

    }



    .location_listinner ul li:hover a {

        font-size: 26px;

    }



    .servicearea_list:before {

        height: 110%;

    }

}

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

	/* home page */


/* fixed header */

.header_wrapper.fixed .header_firstblk {
    background-color: unset;
    padding: 1em 0;
}
.header_wrapper.fixed .header_logo_inner {
    padding: 0 0em 0em 1em;
}

  .header_wrapper{

    background-color: #005377 !important;

  }

  .header_hle{

    float: left;

    width: 100%;

  }

  .header_firstblck{

    float: left;

    width: 100%;

  }

  .header_logo{

    float: left;

    width: 30%;

  }

  .header_logo_inner{

    padding: 0em 0em 0em 1em;

    top: 0;

  }

  .header_firstright{

    float: left;

    width: 69%;

  }

  .header_firstblk{

    float: left;

    width: 100%;

  }

  .mobile-header button.navbar-toggle{

    background-color: #ffffff;

    top: 2px;

  }

  .mobile-header .navbar-toggle .icon-bar{

    background-color: #000000;

  }

  .bannerhme_slic{

    float: left;

    width: 100%;

  }

  .header_contdetails {

    width: 100%;

  }

  .header_wrapper::before{

    content: unset;

  }

  .header_number {

    font-size: 18px;

    line-height: 28px;

    margin-left: 2em;

    margin-top: 0.8em;

    padding: 8px 25px 8px 30px;

  }

  .header_number::before{

    content: unset;

  }

  .bannerhme_wrapper{

    margin: 0;

    background-color: #005377b2;

    padding: 0;

  }

  .bannerhme_image img {

    height: 400px;

  }

  .bannerhme_content{

    position: relative;

  }

  .bannerhme_content_inner{

    background-color: unset;

    padding: 2em 0;

  }

  .hme_installation_blk{

    padding: 15px 0;

    margin: 15px 0;

  }

  .hme_installation_inner{

    float: left;

    width: 100%;

  }

  .hme_installation_title{

    float: left;

    width: 100%;

    padding: 0;

    margin: 0 0 15px;

  }

  .hme_installation_content{

    float: left;

    width: 100%;

  }

  .hme_installation_single{

    float: left;

    width: 50%;

    margin: 1em 0;

  }

  .hme_installation_single:nth-child(3){

    float: left;

    width: 100%;

    margin: 1em 0;

  }

  .hme_installation_img::after{

    content: unset;

  }

  a.installation_call {

    font-size: 30px;

    line-height: 30px;

    padding: 20px 0 20px 4.5em;

  }

  a.installation_call::after {

    width: 63%;

  }

  .hme_installation_right_inner::before,

  .hme_installation_right_inner::after{

    content: unset;

  }

  .hme_commercial_service_blk{

    padding: 15px 0;

    margin: 15px 0;

  }

  .hme_commercial_service_inner{

    float: left;

    width: 100%;

  }

  .hme_commercial_service_imgblk{

    float: left;

    width: 100%;

    margin: 0 0 2em;

  }

  .hme_commercial_service_first_img,

  .hme_commercial_service_second_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .hme_commercial_service_first_img img, .hme_commercial_service_second_img img {

    height: 300px;

  }
.hme_client_blk_inner {
    float: left;
    width: 100%;
}
.hme_client_imgblk .slick-list.draggable{
  padding: 0 0;
}
  .hme_client_single {

    width: 47%;

    margin: 20px 6px;

  }

  .hme_client_single:nth-child(5){

    width: 100%;

  }

  .hme_client_single:nth-child(5) .hme_client_inner{

    float: none;

    width: 100%;

    max-width: 100%;

    margin: 0 auto;

  }

  .hme_solution_blk{

    margin: 15px 0;

    padding: 15px 0;

  }

  .hme_solution_inner{

    float: left;

    width: 100%;

  }

  .hme_solution_imgblk{

    float: left;

    width: 100%;

    margin-bottom: 2em;

  }

  .hme_solution_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .hme_solution_img img {

    height: 350px;

    width: 350px; 

  }

  .hme_solution_inner h3 {

    font-size: 32px;

    line-height: 32px;

  }

  .hme_solution_inner p {

    font-size: 17px;

    line-height: 29px;

  }

  .hme_solution_content{

    float: left;

    width: 100%;

    margin: 10px 0;

  }

  .hme_solution_content_inner{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .hme_how_it_works_blk{

    padding: 15px 0;

    margin: 15px 0;

  }

  .hme_how_it_works_inner{

    float: left;

    width: 100%;

  }

  .hme_how_it_works_title{

    float: left;

    width: 100%;

    margin: 1em 0;

  }

  .hme_how_it_works_title h3 {

    font-size: 32px;

    line-height: 32px;

  }

  .hme_how_it_works_content{

    float: left;

    width: 100%;

  }

  .how_it_works_single {

    float: left;

    width: 46%;

  }

  .how_it_works_img img {

    height: 40px;

  }

  .how_it_works_single:nth-child(odd) .how_it_works_img{

    background-color: #ffffff;

    padding: 8px 8px 8px 8px;

    border-radius: 50%;

    top: 10px;
        left: 0;
        display: block;
        margin: 0 auto;
        right: 0;
        width: 50px;

  }

  .how_it_works_single:nth-child(odd) .how_it_works_single_inner {

    padding: 60px 20px 30px 20px;

    background-color: #2197cd;

    border-radius: 25px;

  }

  .how_it_works_single:nth-child(odd)::after{

    content: unset;

  }

  .how_it_works_single:nth-child(even) .how_it_works_img{

    background-color: #ffffff;

    padding: 8px 8px 8px 8px;

    border-radius: 50%;

    top: 10px;
        left: 0;
        display: block;
        margin: 0 auto;
        right: 0;
        width: 50px;

  }

  .how_it_works_single:nth-child(even) .how_it_works_single_inner {

    padding: 60px 20px 30px 20px;

    background-color: #003e5a;

    border-radius: 25px;

  }

  .how_it_works_single:nth-child(even)::after{

    content: unset;

  }

  .hme_industries_blk{

    padding: 15px 0;

    margin: 15px 0;

  }

  .hme_industries_inner{

    float: left;

    width: 100%;

  }

  .hme_industries_imgblk{

    float: left;

    width: 100%;

    margin-bottom: 2em;

  }

  .hme_industries_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .hme_industries_imgblk img {

    height: 400px;

  }

  .hme_industries_right{

    float: left;

    width: 100%;

  }

  .hme_industries_right h3 {

    font-size: 32px;

    line-height: 32px;

  }

  .hme_industries_right ul{

    padding: 0 10px 0 0;

    height: 470px;

  }

  .hme_industries_right ul li{

    float: left;

    width: 100%;

  }

  .hme_industries_right ul li::after{

    width: 100%;

  }

  .hme_review_blk{

    padding: 15px 0;

    margin: 15px 0;

    overflow: hidden;

  }

  .hme_review_inner{

    float: left;

    width: 100%;

  }

  .hme_review_title {

    float: left;

    width: 100%;

    margin: 1em 0;

  }

  .hme_review_slic{

    float: left;

    width: 100%;

  }

  .hme_review_slic .slick-list.draggable{

    margin: 0 -125px 0 0;

    padding: 2em 0 3em;

  }

  .hme_review_single_inner::after{

    content: unset;

  }

  .hme_review_single_inner{

    padding: 3em 1em 1em 1em;

    background-color: #ffffff;

    border-radius: 15px;

  }

  .hme_review_single.slick-active + .slick-active .hme_review_single_inner{

    filter: drop-shadow(2.816px 17.778px 17px rgba(0,83,119,0.19));

    transition: 0.5s;

  }

  .hme_review_single_inner a::before{

    width: 50px;

    height: 50px;

    top: -10px;

    left: -10px;

  }

  .authordetail h4::before{

    content: unset;

  }

  .hme_aboutus_blk{

    padding: 15px 0;

    margin: 15px 0;

  }

  .hme_aboutus_inner{

    float: left;

    width: 100%;

  }

  .hme_aboutus_imgblk{

    float: left;

    width: 100%;

    margin-bottom: 3em;

  }

  .hme_aboutus_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .hme_aboutus_img img {

    height: 400px;

  }

  .hme_aboutus_inner h3 {

    font-size: 32px;

    line-height: 32px;

  }

  .hme_faq_blk{

    padding: 15px 0;

    margin: 15px 0;

    background-color: #005377;

  }

  .hme_faq_inner{

    float: left;

    width: 100%;

  }

  .hme_faq_imgblk{

    float: left;

    width: 100%;

  }

  .hme_faq_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .hme_faq_img img {

    height: 400px;

  }

  .hme_faq_inner::after{

    content: unset;

  }

  .hme_faq_title h3 {

    font-size: 32px;

    line-height: 32px;

  }

  .hme_faq_title p {

    font-size: 17px;

  }

  .faq_question_box {

    height: 560px;

  }

  .hme_blog_blk{

    margin: 15px 0;

    padding: 15px 0;

  }

  .hme_blog_inner{

    float: left;

    width: 100%;

  }

  .hme_blog_title{

    float: left;

    width: 100%;

    margin: 0;

  }

  .hme_blog_content{

    float: left;

    width: 100%;

  }

  .hme_content_left{

    float: left;

    width: 100%;

  }

  .hme_content_img{

    margin-right: 0;

  }

  .hme_content_img img {

    height: 300px;

  }

  .hme_content_right{

    float: left;

    width: 100%;

    margin: 1em 0;

  }

  .hme_blog_content_inner:nth-child(2) {

    display: flex;

    flex-direction: column;

  }

  .footerfirst_logo{

    float: left;

    width: 100%;

    margin: 0 0 2em;

  }

  .footerfirst_menu{

    float: left;

    width: 100%;

    margin: 0 0 2em;

    padding: 0;

  }

  .socialmedia_footer {

    width: 60%;

  }

  .footerthird_copyrights{

    float: left;

    width: 100%;

    text-align: center;

    margin: 0 0 1em;

  }

  .footerthird_logo{

    float: left;

    width: 100%;

    text-align: center;

  }

  .hme_client_title{

    float: left;

    width: 100%;

  }  

  .hme_client_imgblk{

    float: left;

    width: 100%;

  }

  .footer_wrapper{

    border-top: 4px solid #005377;

  }

  .footer_wrapper::before{

    content: unset;

  }

  .hme_commercial_service_second_imgblk{

    float: left;

    width: 100%;

    top: -10em;

  }

  .hme_commercial_service_imgblk::after{

    height: 81%;

    top: -12px;

    right: 30px;

  }



  /* Inner page banner */

  .mobtext {

    color: #fff;

    bottom: -17px;

    right: 7px;

  }

  .innerbanner_wrapper {

    margin: 0 0 30px;

    padding: 0 0 0px;
   
    background-color: unset;

  }
.innerbanner_single .container {
    position: relative;
    background-color: #fff;
      box-shadow: 0px 15px 10px -15px #11111185;
}
.innerbanner_image video,
  .innerbanner_image img {

    height: 400px;
    border-radius: 0px;
    filter: unset;
  } 

  .innerbanner_content {

    width: 100%;

    position: relative;
    bottom: 0;

  }

  .innerbanner_content_inner{

        background-color: unset;
        padding: 1em 0 0.5em 0;

  }

  .banner_heading {

    font-size: 32px;

    line-height: 32px;

    margin: 0 0px 10px;

  }

  .banner_heading::before{

    content: unset;

  }



  /* about us page */

  .aboutus_first_blk{

    padding: 15px 0;

    margin: 15px 0;

  }

  .aboutus_first_inner{

    float: left;

    width: 100%;

  }

  .aboutus_first_imgblk{

    float: left;

    width: 100%;

  }

  .aboutus_first_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .aboutus_first_img img {

    height: 400px;

  }

  .aboutus_first_inner .hme_strong {

    margin: 2em 0 0;

  }

  .aboutus_first_inner h1, .aboutus_first_inner h2 {

    font-size: 32px;

  }

  .aboutus_first_inner p {

    font-size: 17px;

    line-height: 29px;

  }

  .aboutus_second_blk{

    margin: 15xp 0;

    padding: 15px 0;

  }

  .aboutus_second_inner{

    float: left;

    width: 100%;

  }

  .aboutus_second_imgblk{

    float: left;

    width: 100%;

    margin-bottom: 7em;

  }

  .aboutus_second_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .aboutus_second_abs_img {

    bottom: -4em;

    right: 3em;

  }

  .aboutus_second_inner h3 {

    font-size: 32px;

  }

  .aboutus_third_blk{

    margin: 15px 0;

  }

  .aboutus_third_inner{

    float: left;

    width: 100%;

  }

  .aboutus_third_imgblk{

    float: left;

    width: 100%;

    margin-bottom: 2em;

  }

  .aboutus_third_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .aboutus_third_img img {

    height: 400px;

  }

  .aboutus_third_imgblk::after {

    left: 30px;

    height: 115%;

    width: 87%;

    top: -40px;

  }

  .aboutus_third_inner h3, .aboutus_third_inner h4 {

    font-size: 32px;

  }



  /* blog page */

  .blog_page_wrapper{

    padding: 15px 0;

    margin: 15px 0;

  }

  .blog_page_inner{

    float: left;

    width: 100%;

  }

  .blog_page_first_blk{

    float: left;

    width: 100%;

  }

  .blog_page_first_left{

    float: left;

    width: 100%;

  }

  .blog_page_first_left_inner .blog_page_single{

    float: left;

    width: 50%;

  }

  .blog_page_first_right{

    float: left;

    width: 100%;

  }

  .blog_page_first_right_inner .blog_page_single{

    float: left;

    width: 100%;

    padding: 0;

  }



  /* blog detail page */

  .blog_detail_wrapper{

    padding: 15px 0;

    margin: 15px 0;

  } 

  .blog_det_date {

    right: 0px;

    width: 19%;

    top: -1.8em;

    font-size: 25px;

    line-height: 25px;

  }

  .blog_det_date strong {

    font-size: 30px;

    line-height: 30px;

  }

  .blog_detail_inner h1 {

    font-size: 32px;

  }

  .blog_detail_imgblk{

    float: left;

    width: 100%;

    margin: 2em 0 1em;

  }

  .blog_detail_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .blog_detail_img img{

    height: 400px;

  }

  .blog_detail_inner h2, .blog_detail_inner h3 {

    font-size: 27px;

  }

  .blog_detail_inner h4, .blog_detail_inner h5 {

    font-size: 22px;

    line-height: 32px;

  }

  .blgdetails_page_social_media{

    float: left;

    width: 100%;

  }

  .blgdetails_page_social_media_inner{

    padding: 15px 0 0;

  }





  /* faq page */

  .faq_page_wrapper{

    padding: 15px 0;

    margin: 15px 0;

  }

  .faq_page_inner{

    float: left;

    width: 100%;

  }

  .faq_page_imgblk{

    float: left;

    width: 100%;

    margin: 0 0 1em;

  }

  .faq_page_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .faq_page_img img {

    height: 400px;

    border-radius: 200px 200px 0 0;

  }

  .faq_page_title{

    display: none;

  }

  .faq_page_content_box{

    float: left;

    width: 100%;

  }

  .faq_page_content_box .faq_question_box{

    float: left;

    width: 100%;

    height: 570px;

  }



  /* review page */

  .review_page_wrapper{

    padding: 15px 0;

    margin: 15px 0;

  }

  .review_page_inner{

    float: left;

    width: 100%;

  }

  .review_page_first_blk{

    float: left;

    width: 100%;

    margin: 2em 0;

  }

  .review_page_first_imgblk{

    display: none;

  }

  .review_page_first_right{

    position: relative;

    top: unset;

    float: left;

    width: 100%;

  }

  .review_page_first_right_inner .hme_review_single{

    float: left;

    width: 50%;

  }

  .review_page_second_blk{

    float: left;

    width: 100%;

    margin: 2em 0;

  }

  .review_page_second_inner .hme_review_single{

    float: left;

    width: 50%;

    margin: 0 0 2em;

  }

  .review_page_second_inner .hme_review_single:nth-child(3){

    float: left;

    width: 100%;

  }





  /* industries page */

  .industries_first_blk,

  .industries_second_blk,

  .industries_third_blk,

  .industries_fourth_blk{

    margin: 15px 0;

    padding: 15px 0;

  }

  .industries_first_inner{

    float: left;

    width: 100%;

  }

  .industries_first_imgblk{

    float: left;

    width: 100%;

    margin: 0 0 4em;

  }

  .industries_first_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .industries_first_img img {

    height: 400px;

  }

  .industries_first_inner h2, .industries_first_inner h3 {

    font-size: 32px;

    line-height: 32px;

  }

  .industries_second_inner{

    float: left;

    width: 100%;

  }

  .industries_second_imgblk{

    float: left;

    width: 100%;

    margin-left: 0;

  }

  .industries_second_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .industries_second_img img {

    height: 400px;

  }

  .industries_second_inner::after{

    left: 0;

    width: 100%;

  }

  .industries_second_inner h2, .industries_second_inner h3 {

    font-size: 32px;

    line-height: 32px;

  }

  .industries_second_img::after {

    width: 105%;

    left: -10px;

  }

  .industries_second_inner::after {

    left: 0;

    width: 100%;

    top: unset;

    left: -15px;

    width: 106.6%;

    height: 57%;

    bottom: 0;

  }

  .industries_third_inner{

    float: left;

    width: 100%;

  }

  .industries_third_imgblk{

    float: left;

    width: 100%;

    margin-bottom: 3em;

  }

  .industries_third_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .industries_third_img img {

    height: 400px;

  }

  .industries_third_img::before{

    top: -10px;

  }

  .industries_third_img::after{

    top: -20px;

  }

  .industries_third_inner h2, .industries_third_inner h3 {

    font-size: 32px;

    line-height: 32px;

  }

  .industries_fourth_inner{

    float: left;

    width: 100%;

  }

  .industries_fourth_imgblk{

    float: left;

    width: 100%;

    margin-bottom: 3em;

  }

  .industries_fourth_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .industries_fourth_img img {

    height: 400px;

  }

  .industries_fourth_inner h2, .industries_fourth_inner h3 {

    font-size: 32px;

    line-height: 32px;

  }

  .industries_fourth_inner::after {

    width: 106.7%;

    top: unset;

    height: 57%;

    bottom: 0;

    left: -15px;

  }



  /* client success page */

  .client_success_first_blk,.client_success_second_blk,.client_success_third_blk{

    padding: 15px 0;

    margin: 15px 0;

  }

  .client_sucess_first_inner{

    float: left;

    width: 100%;

  }

  .client_sucess_first_imgblk{

    width: 100%;

    margin: 0 0 2em;

  }

  .client_success_first_img,

  .client_success_third_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .client_success_first_img img {

    height: 400px;

  }

  .client_success_first_img::after {

    top: 37px;

    left: 5px;

  }

  .client_sucess_first_inner h2, .client_sucess_first_inner h3 {

    font-size: 32px;

  }

  .client_sucess_first_inner p {

    font-size: 19px;

    line-height: 31px;

  }

  .client_success_second_inner{

    width: 100%;

  }

  .client_success_second_left{

    width: 100%;

    margin: 0 0 2em;

  }

  .client_success_second_right{

    width: 100%;

    margin: 2em 0 0;

  }

  .client_success_second_right_single{

    width: 50%;

  }

  .client_success_second_right_single_inner img {

    height: 300px;

  }

  .client_success_second_left_single_inner p {

    overflow-y: scroll;

    height: 75px;

  }

  .client_success_third_inner{

    width: 100%;

  }

  .client_success_third_imgblk{

    width: 100%;

    margin: 0 0 2em;

  }

  .client_success_third_inner h3 {

    font-size: 32px;

  }

  .client_success_third_inner p {

    font-size: 17px;

    line-height: 29px;

  }

  .client_review_blk .hme_review_single_inner {

    padding: 3em 1em 1em;

  }

  .client_review_blk .hme_review_single_inner a::before{

    width: 80px;

    height: 80px;

  }

  .client_review_blk .hme_review_single.slick-active + .slick-active .authordetail h4{

    color: #000;

  }



  /* contact us page */

  .contactown_form_inner{

    max-width: 85%;

  }

  .firstname, .phonenumber{

    float: left;

    width: 100%;

    padding: 0;

  }

  .contactsubmit_btn button{

    padding: 10px 15px;

  }

  .contact_map_blk .mapouter, .contact_map_blk .gmap_canvas {

    height: 400px;

  }



  /* service detail page */

  .service_det_first_blk,.service_det_second_blk{

    margin: 15px 0;

    padding: 15px 0;

  }

  .service_det_first_inner,

  .service_det_first_imgblk,

  .service_det_second_inner,

  .service_det_second_imgblk{

    width: 100%;

  }

   .service_det_first_imgblk,.service_det_second_imgblk{

    margin-bottom: 2em;

   }

  .service_det_first_img,

  .service_det_second_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .service_det_first_img img,

  .service_det_second_img img{

    height: 400px;

  }

  .service_det_first_inner h1, .service_det_first_inner h2 {

    font-size: 32px;

  }
.service_det_second_inner h2,
  .service_det_second_inner h3, .service_det_second_inner h4 {

    font-size: 32px;

  }



  .solution_first_blk,

  .solution_second_blk,

  .solution_third_blk{

    margin: 15px 0;

    padding: 15px 0;

  }

  .solution_first_inner,

  .solution_second_inner,.solution_third_inner{

    width: 100%;

  }

  .solution_first_imgblk,

  .solution_second_imgblk,

  .solution_third_imgblk{

    width: 100%;

    margin-bottom: 3em;

  }

  .solution_first_img,

  .solution_second_img,

  .solution_third_img{

    float: none;

    width: 100%;

    max-width: 80%;

    margin: 0 auto;

  }

  .solution_first_img img,

  .solution_second_img img,.solution_third_img img{

    height: 400px;

  }

  .solution_third_img img{

        border-radius: 0 0 120px 0;

  }



  /* videos page */

  .videosec_single {

    float: left;

    width: 46%;

  }

  .videosec_image img{

    border-radius: 20px;

  }

  .location_banner_wrapper .innerbanner_content_inner h1, 
.location_banner_wrapper .innerbanner_content_inner .banner_heading,
.contactus_ban .innerbanner_content_inner h1, 
.contactus_ban .innerbanner_content_inner .banner_heading{
    color: #2197cd;
}
.location_banner_wrapper .innerbanner_content_inner p,
.contactus_ban .innerbanner_content_inner p{
    color: #000;
}

.contactus_ban .innerbanner_content_inner,
    .location_banner_wrapper .innerbanner_content_inner{
        padding: 1em 0 0.5em;    
    }
    .locationpg_wrapper {

        margin-top: -1em;

    }



    .location_image img {

        height: 200px;

    }



    .location_listinner {

        padding: 1em;

        width: 100%;

        max-width: 90%;

        margin: 0 auto;

    }



    .location_listsec {

        width: 350px;

        position: unset;

        float: left;

        width: 100%;

    }



    .locationpg_inner {

        display: flex;

        flex-direction: column-reverse;

        gap: 15px;

    }



    .locationpg_mapsec .mapouter,

    .locationpg_mapsec .gmap_canvas {

        width: 100%;

        height: 500px;

    }



    .servicearea_list:before {

        height: 51%;

        left: 0;

        top: 0;

    }



    .servicearea_list {

        margin: 32px 0px;

    }



    .howit_imgsec {

        display: none;

    }



    .howit_singleinner {

        float: left;

        width: 100%;

        padding: 15px 15px 15px 0px;

    }



    .howit_content h3:after {

        content: unset;

    }



    .howit_singleinner:before,

    .howit_single:nth-child(2) .howit_singleinner:before,

    .howit_single:nth-child(4) .howit_singleinner:before,

    .howit_single:nth-child(6) .howit_singleinner:before {

        width: 115px;

        height: 120px;

    }



    .howit_content {

        float: right;

        width: 75%;

        margin-left: 0em;

    }



    .howit_single:nth-child(2) {

        float: right;

        width: 100%;

        right: 0;

    }



    .howit_single:nth-child(3) .howit_content {

        margin-left: 0em;

        padding-left: 0;

    }



    .howit_single:nth-child(4) {

        float: right;

        width: 100%;

        right: 0;

    }



    .howit_single:nth-child(6) {

        float: right;

        width: 100%;

        right: 0;

    }



    .howit_blwcnt_inner {

        padding: 20px;

    }



    .howit_blwcnt_inner p {

        font-size: 16px;

        line-height: 28px;

    }



    .howit_content h3 {

        font-size: 28px;

    }





}

@media only screen and (max-width:480px) {
/* mobile fixed bottom */
 .mob_iconitm.mob-cldr,
  .mob_iconitm.mob-cpon {
    width: auto;
    position: fixed;
    bottom: -20px;
    z-index: 999;
  }
  .mobile_bottom {
    display: block;
    width: 100%;
    height: 10%;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 -10px 15px -15px #111;
    z-index: 99;
  }
  .mobile_iconitems {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    gap: 15px;
    height: 100%;
  }
  .mob_iconitm span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Poppins-Bold;
    color: #1f2a37;
  }
  .mob_iconitm.mob-cldr {
    display: block;
    left: 15px;
  }
  .mob_iconitm a {
    font-size: 22px;
    line-height: 24px;
    padding: 0.6em 1em;
    width: auto;
    background-image: unset;
    z-index: 999;
    color: #151d26;
    text-align: center;
  }
  .mob_iconitm a .fa-calendar:before {
    content: "\f073";
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
  }
  .headeroff_top p,
  .mobtext {
    font-size: 14px;
    color: #fff;
  }
  .mob_iconitm.mobile-phone a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: #005275;
    border: 8px solid #fff;
    margin-top: calc(-3rem + 8px);
    padding: 3px 13px;
    font-size: 36px;
    color: #fff;
  }
  .mob_iconitm.mob-cpon {
    display: block;
    right: 15px;
  }
  .mobtext {
    position: absolute;
    z-index: 11;
    bottom: -14px;
    right: 6px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
  }

	/* home page */

.header_wrapper.fixed {
    box-shadow: 0px 15px 10px -15px #11111170;
}

  .header_number {

        font-size: 16px;
        line-height: 26px;
        margin-left: 1em;
        margin-top: 0.5em;
        padding: 8px 10px 6px 10px !important;

  }
.header_wrapper::after{
  content: unset;
}
  .header_secondblock{

    display: none;

  }

  .header_logo_inner img {

    height: 80px !important;

  }

  .mobile-header{

    top: 5px;

  }

  .bannerhme_image img {

    height: 300px;

  }

  .bannerhme_content_inner h1, .bannerhme_content_inner h2 {

    font-size: 28px;

    line-height: 38px;

  }
    .hme_installation_single_content h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .bannerhme_content_inner strong {
        font-size: 18px;
        line-height: 30px;
    }
  .hme_installation_title h3 {

    font-size: 30px;

    line-height: 40px;

  } 
.hme_installation_left_inner {
    margin: 0em 0;
}
    .hme_installation_single {
        margin: 10px 0;
        padding: 10px 10px 20px 10px;
    }
  .hme_installation_img{

    padding: 10px 0;

  }

  .hme_installation_img img {

    width: 50px;

  }

  .hme_installation_single_content{

    margin: 0;

  }

  .hme_installation_single_content h4::before{

    content: unset;

  }

  .hme_installation_single_content p{

    padding: 0 10px 0 0;

  }

  .hme_installation_right_inner{

    margin: 0;

  }

  a.installation_call {

    font-size: 23px;

    line-height: 30px;

    padding: 20px 0 20px 5em;

  }

  a.installation_call::after {

    content: unset;

  }
    a.installation_call {
        font-size: 18px;
        line-height: 30px;
        padding: 7px 0 7px 0em;
        text-align: center;
        float: left;
        width: 60%;
        max-width: 100%;
        border: 1px solid #005275;
        border-radius: 35px;
    }

  .hme_commercial_service_first_img img, .hme_commercial_service_second_img img {

    height: 250px;

  }

    .hme_strong {
        font-size: 16px;
        line-height: 25px;
        border: unset;
        text-align: left;
        display: block;
        padding: 0;
    }

  .commercial_why_choose_img::after,

  .commercial_get_started_img::after{

    width: 67px;

    height: 70px;

    left: 1px;

    top: -12px;

  }

  .commercial_why_choose_imgblk img, .commercial_get_started_img img {

    height: 45px;

  }

  .commercial_why_choose_content {

    padding: 10px 1em 10px 5.5em;

  }

  .hme_commercial_service_inner h3 {

    font-size: 30px;

    line-height: 30px;

  }

  .hme_commercial_service_inner p {

    font-size: 15px;

    line-height: 27px;

  }

  .commercial_why_choose_content p{

    overflow-y: scroll;

    height: 90px;

  }

  /* width */

  .hme_commercial_service_inner p::-webkit-scrollbar {

    width: 5px;

  }

  /* Track */

  .hme_commercial_service_inner p::-webkit-scrollbar-thumb {

    background-color: #2197cd;

    border-radius: 10px;

  }

  /* Handle */

  .hme_commercial_service_inner p::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: transparent;

  }

  .commercial_get_started_content {

    padding: 10px 1em 10px 5.5em;

  }

  .hme_btn_blk{

        gap: 10px;
        float: left;
        width: 100%;

  }

  .hme_call::before{

    content: unset;

  }

  .hme_call::after{

    width: 100%;

  }

      .hme_call {
        font-size: 16px;
        padding: 10px 12px 10px 12px;
        width: 60%;
        margin-right: 0em;
        text-align: center;
    }

    .hme_readmore {
        font-size: 16px;
        background-color: #000000;
        border-radius: 32px;
        width: 48%;
        padding: 10px 15px 8px 15px;
        text-align: center;
    }

  .hme_readmore::after{

    content: unset;

  }   

  .hme_client_title h3 {

    font-size: 30px;

    line-height: 30px;

  }

  .hme_client_single {

    width: 46%;

  }

  .hme_solution_img{
        max-width: 100%;
        text-align: center;
        padding: 1em 0;
  }

  .hme_solution_img img {
        height: 270px;
        width: 100%;
        border-radius: 30px;
        border: 5px solid #003e5a;
        outline: 3px solid #0090c1;
    }

  .hme_solution_img::after {

     content: unset;
  }

  .hme_solution_inner h3 {

    font-size: 30px;

    line-height: 30px;

  }

  .hme_solution_content_inner{

    max-width: 100%;

  }

  .hme_soln_content_single{

        float: left;
        width: 50%;
        margin-bottom: 0em;

  }
.hme_soln_content_single:nth-child(2)::after,
.hme_soln_content_single::after{
  content: unset;
}
.hme_soln_content_single_inner h4 {
    font-size: 16px;
    line-height: 24px;
}
.hme_soln_content_single_inner b {
    font-size: 12px;
    line-height: 22px;
}
.hme_soln_content_single_inner p{
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    height: 85px; 
    overflow-x: hidden;
}

  .hme_how_it_works_title h3 {
        font-size: 26px;
        line-height: 32px;
      text-align: left;
  }

  .how_it_works_single {

    float: left;

    width: 45%;
        margin: 0px 7px 15px;
  }

  .how_it_works_img img {

    height: 35px;

  }

  .how_it_works_content h4 {
        font-size: 16px;
        line-height: 20px;
        margin-top: 15px;
        letter-spacing: -0.5px;
        min-height: 40px;
        justify-content: center;
        align-items: center;
        display: flex;

  }

  .how_it_works_content p{

    padding: 0 5px 0 0;

  }

  .how_it_works_single:nth-child(odd) .how_it_works_single_inner {

    padding: 50px 10px 20px 10px;

  }

  .how_it_works_single:nth-child(even) .how_it_works_single_inner {

    padding: 50px 10px 20px 10px;

  }

  .hme_industries_img{

    max-width: 90%;

  }

  .hme_industries_imgblk img {

    height: 300px;

  }

  .hme_industries_right h3 {

    font-size: 26px;

    line-height: 34px;
    margin-bottom: 1em;

  }
.hme_industries_content_outer {
    padding: 1em 0;
    border-radius: 7px;
    float: left;
    width: 95%;
    margin: 0 7px;
    position: relative;
    border: 1px solid #0096ca52;
    background-color: #fff;
filter: drop-shadow(8.329px 17.077px 15px rgba(0,0,0,0.06));
}

    .hme_industries_right ul {
        height: auto;
        display: block;
        float: left;
        width: 100%;
        overflow-y: unset;
        padding: 0;
    }
  
    .hme_industries_right ul li {
        float: left;
        width: 50%;
        display: block;
        padding: 0;
    }
  .hme_industries_right ul li:last-child {
    width: 100%;
    float: unset;
    max-width: 60%;
    margin: 0 auto;
}
.hme_industries_content_img{
  float: unset;
  width: 100%;
  max-width: 70%;
  margin: 0 auto;
  margin-bottom: 1em;
  padding: 10px 0;
  position: relative;
  left: 0;  
  background-color: unset;
}
.hme_industries_right ul li:nth-child(even) .hme_industries_content_img {
  background-color: unset;
}
.hme_industries_content{
  float: left;
  width: 100%;
  padding: 0;
  display: block;
  min-height: auto;
}
.hme_industries_content_img img {
    height: 35px;
    filter: invert(1);
}
    .hme_industries_content h4 {
      font-size: 17px;
        line-height: 25px;
        text-align: center;
        letter-spacing: 0px;
        display: flex;
        min-height: 60px;
        justify-content: center;
        align-items: center;
    }
  .hme_industries_right ul li::after{
    content: unset;
  }
.hme_review_blk{
  background-color: #f6fafd;
}
.hme_review_blk::after{
  content: unset;
}
  .hme_review_title h3 {
        text-align: left;
        font-size: 26px;
        line-height: 30px;

  }

  .hme_review_single_inner a::before{

    width: 45px;

    height: 45px;

  }

  .hme_review_single_inner p {
      height: 200px;
      font-size: 14px;
      line-height: 23px;
  }

  .hme_aboutus_img img {

    height: 300px;
    border: 5px solid #2196cc;
  }
.hme_aboutus_img{
  max-width: 95%;
}
  .hme_aboutus_inner h3 {

        font-size: 26px;
        line-height: 30px;

  }
.hme_aboutus_img::before{
  content: unset;
}
  .hme_faq_img{

    max-width: 90%;

  }
.hme_faqblk_content_box .faq_question_box .set a.active {
    padding: 20px 3em 0px 20px;
    font-size: 18px;
}
.hme_faqblk_content_box .faq_question_box .content {
    padding: 5px 0.5em 10px 1.4em;
}
.hme_faqblk_content_box .faq_question_box .set a.active::before {
    width: 20px;
    height: 10px;
    top: 25px;
    right: 10px;
}
.hme_faqblk_content_box .faq_question_box .set a {
    padding: 10px 3em 10px 1.5em;
    font-size: 16px;
}
  .hme_faq_img img {

    height: 300px;

  }

  .hme_faq_title h3 {
        font-size: 26px;
        line-height: 30px;

  }
.hme_faq_title {
    float: left;
    width: 100%;
    padding-left: 0px;
}
  .hme_faqblk_content_box{

    float: left;

    width: 100%;

    padding: 1em 15px 0 0;

  }

  .faq_question_box {

    height: 670px;

    padding: 0 10px 0 0;

    float: left;

    width: 100%;

  }

  .hme_blog_right_content_inner .hme_blog_date {

    width: 74%;

    font-size: 12px;

  }

  .socialmedia_footer {

    width: 70%;

  }

  .hme_commercial_service_first_img, .hme_commercial_service_second_img{

    max-width: 90%;

  }

  .hme_commercial_service_second_imgblk{

    top: -8em;

  }

  .hme_commercial_service_imgblk::after {

    height: 82%;

    top: -9px;

    right: 4px;

    border-radius: 0 100px 0 0;

  }

  .hme_commercial_service_imgblk {

    float: left;

    width: 100%;

    margin: 0 0 -5em;

  }
  .commercial_service_content {
      float: left;
      width: 100%;
  }
    .commercial_get_started, .commercial_why_choose {
        float: left;
        width: 46%;
        padding-top: 1.5em;
        margin: 0 5px;
    }

.commerial_get_started_imgblk,
    .commercial_why_choose_imgblk {
        left: 0;
        width: 100%;
        top: 0;
        position: relative;
    }
    .commercial_get_started_content,
    .commercial_why_choose_content{
      padding: 1em 10px;
    }
    .commercial_why_choose_img::after, .commercial_get_started_img::after{
      content: unset;
    }
    .commercial_get_started_content h4, .commercial_why_choose_content h4 {
        font-size: 14px;
        line-height: 22px;
        min-height: 87px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
  .commercial_get_started_content p,
  .commercial_why_choose_content p
 {
        font-size: 14px;
        line-height: 22px;
    }
      .hme_blog_date {
        width: 24%;
    }
      .hme_blog_right_content_inner .hme_blog_date {
        float: left !important;
        width: 100% !important;
        font-size: 12px;
        position: relative !important;
        display: block !important;
        left: 0;
        top: 0;
        right: 0;
    }
.footerfirst_emergency p {
    font-size: 16px;
    line-height: 24px;
}

  /* inner page banner */
.innerbanner_image video,
  .innerbanner_image img {

    height: 300px;

  }

  .mobtext{

    color: #fff;

    bottom: -14px;

  }

  .banner_heading {

    font-size: 30px;

    line-height: 30px;

  }



  /* about us page */

  .aboutus_first_img img {

    height: 300px;

  }

    .aboutus_first_img {
        max-width: 100%;
        margin-bottom: 2em;
    }


  .aboutus_first_inner h1, .aboutus_first_inner h2 {

    font-size: 30px;

  }

  .aboutus_second_imgblk{

    margin-bottom: 3em;

    padding: 0;

  }

  .aboutus_second_imgblk::after{

    width: 65%;

    height: 85%;

    bottom: -25px;

    right: 0;

  }

  .aboutus_second_img{

    max-width: 90%;

  }

  .aboutus_second_img::after {

    height: 264px;

    width: 88%;

  }

  .aboutus_second_img img {

    height: 300px;

  }

  .aboutus_second_abs_img {

    display: none;

  }

  .aboutus_second_inner h3 {

    font-size: 30px;

  }

  .aboutus_second_inner p {

    font-size: 17px;

    line-height: 29px;

  }

  .aboutus_first_inner ul li, .aboutus_second_inner ul li, .aboutus_third_inner ul li{

    font-size: 17px;

    line-height: 29px;

  } 

  .aboutus_third_img{

    max-width: 90%;

  }

  .aboutus_third_img img{

    height: 300px;

  }

  .aboutus_third_imgblk::after {

    left: 0px;

    height: 120%;

    width: 100%;

    top: -40px;

  }

  .aboutus_third_inner h3, .aboutus_third_inner h4 {

    font-size: 29px;

  }

  .aboutus_third_inner p {

    font-size: 17px;

    line-height: 29px;

  }



  /* blog page */

  .blog_page_first_left_inner .blog_page_img img {

    height: 250px !important;

  }

  .blog_page_content{

    padding: 0 10px 10px;

  }

    .blog_page_content .hme_blog_date {
        width: 100%;
        font-size: 12px;
        padding: 5px;
        border-radius: 5px;
        right: 0px;
    }

  .blog_page_content h4 {

    font-size: 18px;

  }

  .blog_page_content .hme_blog_readmore {

    font-size: 14px;

  }

  .blog_page_first_right_inner .blog_page_img img {

    height: 250px !important;

  }

  .blog_page_first_right_inner .blog_page_content .hme_blog_date {

    width: 32%;

    font-size: 22px;

    line-height: 42px;

  }

  .blog_page_first_right_inner .blog_page_content h4 {

    font-size: 25px;

  }



  /* blog detail page */
.innerbanner_content_inner h1{
          font-size: 26px;
          line-height: 36px;
}
  .blog_det_date {

    right: 0px;

    width: 20%;

    top: -2.1em;

    font-size: 21px;

    line-height: 21px;

    padding: 10px;

  }

  .blog_det_date strong {

    font-size: 25px;

    line-height: 25px;

  }

  .blog_detail_inner h1 {

    font-size: 30px;

  }

  .blog_detail_img{

    max-width: 90%;

  }

  .blog_detail_img img{

    height: 300px;

  }

  .blog_detail_inner h2, .blog_detail_inner h3 {

    font-size: 25px;

  }

  .blog_detail_inner h4, .blog_detail_inner h5 {

    font-size: 20px;

    line-height: 30px;

  }
.blog_detail_inner .first_content{
  margin-top: 2em;
}


  /* faq page */
.faq_page_imgblk {
   display: none;
}
  /* .faq_page_img img {

    height: 300px;

    border-radius: 150px 150px 0 0; 

  } */

  .faq_page_content_box .faq_question_box{

    height: auto;

  }

  .faq_page_content_box .faq_question_box .set a {

    font-size: 17px;

    padding: 15px 2.5em 15px 1em;

  }

  .faq_page_content_box .faq_question_box .set a::before{

    top: 17px;

    right: 20px;

  }

  .faq_page_content_box .faq_question_box .set a.active {

    padding: 15px 2em 15px 30px;

    font-size: 22px;

  }

  .faq_page_content_box .faq_question_box .set a.active::before {

    top: 23px;

    right: 20px;

  }

  .faq_page_content_box .faq_question_box .content {

    padding: 15px 1em 15px 1em;

  }



  /* Review page */

  .review_page_first_right_inner .hme_review_single_inner {

    padding: 1em 1em 3em 1em;
    margin: 0 5px;

  }

  .review_page_first_right_inner .hme_review_single_inner a::before {

    width: 35px;

    height: 35px;

  }

  .hme_review_single_inner a::before {

    width: 35px;

    height: 35px;

  }

  .review_page_first_right_inner .authordetail h4,

  .review_page_second_inner .authordetail h4{

    font-size: 18px;

  }

.review_page_first_right_inner .fancy_rev iframe {
    float: left;
    width: 100%;
    height: 200px;
    border-radius: 10px;
}
.review_page_first_right_inner .fancy_rev{
      float: left;
    width: 100%;
    text-align: center;
    padding: 0;
}

  /* Industries page */

  .industries_first_img img {

    height: 300px;

  }

  .industries_first_inner h2, .industries_first_inner h3 {

    font-size: 30px;

    line-height: 30px;

  }

  .industries_second_img img {

    height: 300px;

  }

  .industries_second_img::after {

    width: 108%;

    left: -10px;

    height: 110%;

  }

  .industries_second_inner::after{

    content: unset;

  }

  .industries_second_inner p{

    color: #000;

  }

  .industries_third_img img {

    height: 300px;

  }

  .industries_fourth_img img {

    height: 300px;

    border-radius: 80px 5px;

  }

  .industries_fourth_img::before{

    border-radius: 80px 5px;

  }

  .industries_fourth_img::after {

    right: -10px;

    top: 10px;

  }

  .industries_fourth_inner::after{

    content: unset;

  }

  .industries_fourth_inner p{

    color: #000;

  }



  /* client success page */

  .client_success_first_img img {

    height: 300px;

  }

  .client_success_first_img::after {

    top: 27px;

    left: 5px;

  }

  .client_sucess_first_inner p {

    font-size: 17px;

    line-height: 29px;

  }

  .client_success_second_left_single:nth-child(1) .client_success_second_left_single_inner h4,

  .client_success_second_left_single_inner h4{

    font-size: 20px;

  }

  .client_success_second_right_single_inner img {

    height: 250px;

  }

  .client_success_third_img img {

    height: 290px;

  }

  .client_success_third_inner h3 {

    font-size: 30px;

  }



  /* contact us page */
  .formcover_contact .form-group {
    margin-bottom: 5px;
    float: left;
    width: 100%;
    margin-top: 2em;
}
.contactown_form_content .captcha_box .g-recaptcha {
    float: left;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.contactsubmit_btn{
  float: left;
  width: 100%;
}
  .contactown_form_inner {

    max-width: 95%;

  }

  .contactown_form_content h2 {

    font-size: 25px;

  }

  .contact_map_blk .mapouter, .contact_map_blk .gmap_canvas {

    height: 300px;

  }

    .contact_map_details p, .contact_map_details a:nth-child(2), .contact_map_details a {
        font-size: 16px;
    }

.contact_map_details p::before, .contact_map_details a:nth-child(2)::before, .contact_map_details a::before {
        left: -5px;
        font-size: 21px;
        background-color: unset;
        padding: unset;
        border: unset;
        top: -3px;
    }
    .form-group.captcha_box .g-recaptcha div iframe {
        float: left;
        width: 100%;
        max-width: 85%;
    }
.contactown_form_inner #g-recaptcha-response {
    width: 100% !important;
    display: block !important;
}

.contactus_ban .innerbanner_image img{
  display: none;
}

  /* service detail page */
  .service_det_first_img{
    padding: 0 15px;
  }
  .service_det_first_img, .service_det_second_img{

    max-width: 100%;
    
  }

  .service_det_first_inner h1 {

    font-size: 30px;

  }
  .service_det_first_inner .first_content  h2{
    display: none;
  }
  .service_det_first_img img{
    border-radius: 100px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 275px;
}
.service_det_second_img img {
    border-radius: 5px;
    height: 270px;
    border: 2px solid #0090d8;
  }
  .service_det_second_img::before,
  .service_det_second_img::after{
    content: unset;
  }
  .service_det_first_inner p {

    font-size: 17px;

    line-height: 29px;

  }



  /* solution page */

  .solution_first_img img, .solution_second_img img, .solution_third_img img {

    height: 300px;

  }

  .solution_first_inner h2, .solution_first_inner h3 ,

  .solution_second_inner h3,

  .solution_third_inner h3{
    display: block;
    font-size: 30px;

    line-height: 30px;

  }

  .solution_second_img img,

  .solution_second_img::before{

    border-radius: 100px 100px 0 0;

  }

  .solution_first_img, .solution_second_img, .solution_third_img{

    max-width: 90%;

  }

  .solution_third_img img {

    border-radius: 0 0 80px 0;  

  }



  /* videos page */

    .videosec_single {
        float: left;
        width: 46%;
        margin: 10px 5px 10px;
    }

  .videosec_image img {

      height: 250px;

  }

.service_det_first_blk {
    margin-top: 0;
    padding-top: 0;
}
.service_det_first_inner{
   display: flex;
   flex-direction: column;
}
.service_det_first_inner .first_content{
   order: 1;
   display: flex;
   flex-direction: column;
    max-width: 100%;
    padding: 0 15px;
} 
.service_det_first_imgblk {
  order: 2;
}
.service_det_first_inner .second_content{
  order: 3;
  max-width: 100%;
  padding: 0 15px;
} 

.detail_banner_hidden{
  display: none;
}
.detail_banner_inner {
  order: 2;
  display: block;
  background-color: #ffffff;
  padding: 5px 15px 15px;
  margin: -1px -15px 2em;
  box-shadow: 0px 15px 10px -15px #11111185;
}
.detail_banner_inner p{
  color: #000;
}
.service_det_first_inner .first_content h1{
  order: 1;
  text-transform: uppercase;
  font-size: 28px;
  color: #2197cd;
  background-color: #fff;
  padding: 15px 15px 10px 15px;
  margin: -15px -15px 0;
}
.service_det_first_inner .first_content p{
  order: 3;
}

.location_image img {

        height: 100px;

    }



    .location_listinner ul {

        height: auto;

        overflow-y: unset;

        padding: 10px;

    }



    .location_listinner ul li a {

        font-size: 18px;

        line-height: 30px;

        padding: 12px 0 12px 12px;

    }



    .location_listinner ul li:hover a {

        font-size: 24px;

    }



    .location_listinner ul li a:before {

        right: 18px;

    }



    .location_listinner {

        max-width: 90%;
        border: 1px solid #cacaca;

    }



    .locationpg_mapsec .mapouter,

    .locationpg_mapsec .gmap_canvas {

        width: 100%;

        height: 400px;

    }

.location_image {
    position: relative;
    display: none;
}
.servicearea_list:before{
    content: unset;
}


    .howit_singleinner:before,

    .howit_single:nth-child(2) .howit_singleinner:before,

    .howit_single:nth-child(4) .howit_singleinner:before,

    .howit_single:nth-child(6) .howit_singleinner:before {

        width: 80px;

        height: 85px;

    }



    .howit_content p {

        font-size: 15px;

        line-height: 20px;

        color: #005377;

        font-weight: 400;

        height: 140px;

        overflow-y: scroll;

        padding-right: 5px;

    }



    /* width */

    .howit_content p::-webkit-scrollbar {

        width: 3px;

    }



    /* Track */

    .howit_content p::-webkit-scrollbar-track {

        border-radius: 10px;

        background: transparent;

    }



    /* Handle */

    .howit_content p::-webkit-scrollbar-thumb {

        background: #005377;

        border-radius: 10px;

    }



    .howit_content h3 {

        font-size: 24px;

    }

    .howit_single:nth-child(2) .howit_singleinner:before,

    .howit_single:nth-child(4) .howit_singleinner:before,

    .howit_single:nth-child(6) .howit_singleinner:before{

        top: 0;

    }

}