/*@import url('https://db.onlinewebfonts.com/c/2c4ed02b968ae0740b8c28a239fbf4f7?family=EMprint+Light&display=swap');*/


@font-face{font-family:EMprint-Bold;src:url(../fonts/EMprint-Bold.html);src:url(../fonts/EMprint-Boldd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Bold.woff2) format("woff2"),url(../fonts/EMprint-Bold-2.html) format("woff"),url(../fonts/EMprint-Bold-3.html) format("ttf"),url(../fonts/EMprint-Bold-4.html#EMprint-Bold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:EMprint-BoldItalic;src:url(../fonts/EMprint-BoldItalic.html);src:url(../fonts/EMprint-BoldItalicd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-BoldItalic-2.html) format("woff2"),url(../fonts/EMprint-BoldItalic-3.html) format("woff"),url(../fonts/EMprint-BoldItalic-4.html) format("ttf"),url(../fonts/EMprint-BoldItalic-5.html#EMprint-BoldItalic) format("svg");font-style:italic;font-weight:700}@font-face{font-family:EMprint-CondensedBold;src:url(../fonts/EMprint-CondensedBold.html);src:url(../fonts/EMprint-CondensedBoldd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedBold-2.html) format("woff2"),url(../fonts/EMprint-CondensedBold-3.html) format("woff"),url(../fonts/EMprint-CondensedBold-4.html) format("ttf"),url(../fonts/EMprint-CondensedBold-5.html#EMprint-CondensedBold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:EMprint-CondensedBoldIt;src:url(../fonts/EMprint-CondensedBoldIt.html);src:url(../fonts/EMprint-CondensedBoldItd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedBoldIt-2.html) format("woff2"),url(../fonts/EMprint-CondensedBoldIt-3.html) format("woff"),url(../fonts/EMprint-CondensedBoldIt-4.html) format("ttf"),url(../fonts/EMprint-CondensedBoldIt-5.html#EMprint-CondensedBoldIt) format("svg");font-style:italic;font-weight:700}@font-face{font-family:EMprint-CondensedItalic;src:url(../fonts/EMprint-CondensedItalic.html);src:url(../fonts/EMprint-CondensedItalicd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedItalic-2.html) format("woff2"),url(../fonts/EMprint-CondensedItalic-3.html) format("woff"),url(../fonts/EMprint-CondensedItalic-4.html) format("ttf"),url(../fonts/EMprint-CondensedItalic-5.html#EMprint-CondensedItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-CondensedLight;src:url(../fonts/EMprint-CondensedLight.html);src:url(../fonts/EMprint-CondensedLightd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedLight-2.html) format("woff2"),url(../fonts/EMprint-CondensedLight-3.html) format("woff"),url(../fonts/EMprint-CondensedLight-4.html) format("ttf"),url(../fonts/EMprint-CondensedLight-5.html#EMprint-CondensedLight) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-CondensedLightIt;src:url(../fonts/EMprint-CondensedLightIt.html);src:url(../fonts/EMprint-CondensedLightItd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedLightIt-2.html) format("woff2"),url(../fonts/EMprint-CondensedLightIt-3.html) format("woff"),url(../fonts/EMprint-CondensedLightIt-4.html) format("ttf"),url(../fonts/EMprint-CondensedLightIt-5.html#EMprint-CondensedLightIt) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-CondensedRegular;src:url(../fonts/EMprint-CondensedRegular.html);src:url(../fonts/EMprint-CondensedRegulard41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedRegular-2.html) format("woff2"),url(../fonts/EMprint-CondensedRegular-3.html) format("woff"),url(../fonts/EMprint-CondensedRegular-4.html) format("ttf"),url(../fonts/EMprint-CondensedRegular-5.html#EMprint-CondensedRegular) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-CondensedSemibold;src:url(../fonts/EMprint-CondensedSemibold.html);src:url(../fonts/EMprint-CondensedSemiboldd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedSemibold-2.html) format("woff2"),url(../fonts/EMprint-CondensedSemibold-3.html) format("woff"),url(../fonts/EMprint-CondensedSemibold-4.html) format("ttf"),url(../fonts/EMprint-CondensedSemibold-5.html#EMprint-CondensedSemibold) format("svg");font-style:normal;font-weight:demi}@font-face{font-family:EMprint-CondSemiboldIt;src:url(../fonts/EMprint-CondSemiboldIt.html);src:url(../fonts/EMprint-CondSemiboldItd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondSemiboldIt-2.html) format("woff2"),url(../fonts/EMprint-CondSemiboldIt-3.html) format("woff"),url(../fonts/EMprint-CondSemiboldIt-4.html) format("ttf"),url(../fonts/EMprint-CondSemiboldIt-5.html#EMprint-CondSemiboldIt) format("svg");font-style:italic;font-weight:demi}@font-face{font-family:EMprint-Light;src:url(../fonts/EMprint-Light.html);src:url(../fonts/EMprint-Lightd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Light.woff2) format("woff2"),url(../fonts/EMprint-Light-2.html) format("woff"),url(../fonts/EMprint-Light-3.html) format("ttf"),url(../fonts/EMprint-Light-4.html#EMprint-Light) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-LightItalic;src:url(../fonts/EMprint-LightItalic.html);src:url(../fonts/EMprint-LightItalicd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-LightItalic-2.html) format("woff2"),url(../fonts/EMprint-LightItalic-3.html) format("woff"),url(../fonts/EMprint-LightItalic-4.html) format("ttf"),url(../fonts/EMprint-LightItalic-5.html#EMprint-LightItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-Regular;src:url(../fonts/EMprint-Regular.html);src:url(../fonts/EMprint-Regulard41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Regular.woff2) format("woff2"),url(../fonts/EMprint-Regular-2.html) format("woff"),url(../fonts/EMprint-Regular-3.html) format("ttf"),url(../fonts/EMprint-Regular-4.html#EMprint-Regular) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-RegularItalic;src:url(../fonts/EMprint-RegularItalic.html);src:url(../fonts/EMprint-RegularItalicd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-RegularItalic.woff2) format("woff2"),url(../fonts/EMprint-RegularItalic-2.html) format("woff"),url(../fonts/EMprint-RegularItalic-3.html) format("ttf"),url(../fonts/EMprint-RegularItalic-4.html#EMprint-RegularItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-Semibold;src:url(../fonts/EMprint-Semibold.html);src:url(../fonts/EMprint-Semiboldd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Semibold.woff2) format("woff2"),url(../fonts/EMprint-Semibold-2.html) format("woff"),url(../fonts/EMprint-Semibold-3.html) format("ttf"),url(../fonts/EMprint-Semibold-4.html#EMprint-Semibold) format("svg");font-style:normal;font-weight:demi}@font-face{font-family:EMprint-SemiboldItalic;src:url(../fonts/EMprint-SemiboldItalic.html);src:url(../fonts/EMprint-SemiboldItalicd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-SemiboldItalic-2.html) format("woff2"),url(../fonts/EMprint-SemiboldItalic-3.html) format("woff"),url(../fonts/EMprint-SemiboldItalic-4.html) format("ttf"),url(../fonts/EMprint-SemiboldItalic-5.html#EMprint-SemiboldItalic) format("svg");font-style:italic;font-weight:demi}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Bold.html);src:url(../fonts/EMprint-Boldd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Bold.woff2) format("woff2"),url(../fonts/EMprint-Bold-2.html) format("woff"),url(../fonts/EMprint-Bold-3.html) format("ttf"),url(../fonts/EMprint-Bold-4.html#EMprint-Bold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:EMprint;src:url(../fonts/EMprint-BoldItalic.html);src:url(../fonts/EMprint-BoldItalicd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-BoldItalic-2.html) format("woff2"),url(../fonts/EMprint-BoldItalic-3.html) format("woff"),url(../fonts/EMprint-BoldItalic-4.html) format("ttf"),url(../fonts/EMprint-BoldItalic-5.html#EMprint-BoldItalic) format("svg");font-style:italic;font-weight:700}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Light.html);src:url(../fonts/EMprint-Lightd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Light.woff2) format("woff2"),url(../fonts/EMprint-Light-2.html) format("woff"),url(../fonts/EMprint-Light-3.html) format("ttf"),url(../fonts/EMprint-Light-4.html#EMprint-Light) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint;src:url(../fonts/EMprint-LightItalic.html);src:url(../fonts/EMprint-LightItalicd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-LightItalic-2.html) format("woff2"),url(../fonts/EMprint-LightItalic-3.html) format("woff"),url(../fonts/EMprint-LightItalic-4.html) format("ttf"),url(../fonts/EMprint-LightItalic-5.html#EMprint-LightItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Regular.html);src:url(../fonts/EMprint-Regulard41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Regular.woff2) format("woff2"),url(../fonts/EMprint-Regular-2.html) format("woff"),url(../fonts/EMprint-Regular-3.html) format("ttf"),url(../fonts/EMprint-Regular-4.html#EMprint-Regular) format("svg");font-style:normal;font-weight:400}@font-face{font-family:EMprint;src:url(../fonts/EMprint-RegularItalic.html);src:url(../fonts/EMprint-RegularItalicd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-RegularItalic.woff2) format("woff2"),url(../fonts/EMprint-RegularItalic-2.html) format("woff"),url(../fonts/EMprint-RegularItalic-3.html) format("ttf"),url(../fonts/EMprint-RegularItalic-4.html#EMprint-RegularItalic) format("svg");font-style:italic;font-weight:400}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Semibold.html);src:url(../fonts/EMprint-Semiboldd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Semibold.woff2) format("woff2"),url(../fonts/EMprint-Semibold-2.html) format("woff"),url(../fonts/EMprint-Semibold-3.html) format("ttf"),url(../fonts/EMprint-Semibold-4.html#EMprint-Semibold) format("svg");font-style:normal;font-weight:600}@font-face{font-family:EMprint;src:url(../fonts/EMprint-SemiboldItalic.html);src:url(../fonts/EMprint-SemiboldItalicd41d.html?#iefix) format("embedded-opentype"),url(../fonts/EMprint-SemiboldItalic-2.html) format("woff2"),url(../fonts/EMprint-SemiboldItalic-3.html) format("woff"),url(../fonts/EMprint-SemiboldItalic-4.html) format("ttf"),url(../fonts/EMprint-SemiboldItalic-5.html#EMprint-SemiboldItalic) format("svg");font-style:italic;font-weight:600}



@media (prefers-reduced-motion: no-preference)
:root {
    scroll-behavior: smooth;
}
::-webkit-scrollbar {
    width: 5px;
    background-color: #f6fdf7;
}
::-webkit-scrollbar-thumb {
    background-color: #ff0416;
    border-radius: 10px;
}

body{
  color: #6d6e71;
  display: block;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.75rem;
}

.bg-lght{
  background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(0 0 0 / 0%) 0px, #056595a3 85%) repeat scroll 0 0;
}


/*header*/
header{
	width: 100%;height: auto;padding: 0 0;margin: 0;z-index: 999;position: fixed;top: 0;z-index: 9999;
}
::marker{font-size: 0 !important;}
.clear{clear: both;}

header .col-lg-3{width: auto;}
.logo{width: auto !important;height: auto !important;padding-top: 0px;margin-right: 0px;}

nav{width: 100%;height: auto;padding: 0;margin: 0;}
nav .navbar{width: 100%;list-style: none;display: inline-block;padding: 0px 0;margin: 0;}
nav .navbar .nav-item{display: inline-block;}
nav .navbar .nav-item .nav-link{
  color: #ffffff;display: inline-block;position: relative;padding: 25px 13px;
	font-size: .875rem;font-weight: 400;line-height: 1.25rem;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-style: normal;
  letter-spacing: 0.3px;text-transform: capitalize;
  border-top: 4px solid rgba(0,0,0,0);

}

.btn-1{background-color: #ef3291;color: #ffffff;-webkit-transition: 0.3s;transition: 0.3s;margin-top: 0px;margin-left: 10px;
  font-family: 'Mukta', sans-serif;font-size: 14px;letter-spacing: 0.4px;font-weight: 600;text-transform: uppercase;
}
.btn-1:hover{background-color: #ffffff !important;color: #ef3291 !important;border: 1px solid #ef3291 !important;font-weight: 600;}

header:hover{background-color: #ffffff;background: #ffffff;}
header:hover .nav-link{color: #333333 !important;}

header:hover .nav-link:hover{color: rgb(254, 0, 12) !important;}
header:hover .nav-link:hover{border-top: 4px solid rgb(254, 0, 12);}

.dropdown-menu{position: absolute;display: none;width: 30%;}
.dropdown-menu .dropdown-item{display: none;width: 50%;}

header:hover .nav-link:hover .dropdown-menu{display: flex;}

header:hover .dropdown:hover .dropdown-menu{display: flex !important;} 
header:hover .dropdown:hover .dropdown-menu .dropdown-item{display: block !important;}


/* banner */

.banner{width: 100%;height: auto;position: relative;height: 740px;margin-top: 0px !important;position: relative;}
.banner::after{
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  background-image: linear-gradient(0deg,#056595a3,rgba(0,0,0,0));
  background-repeat: repeat-x;
  height: 38%;
  width: 100%;
}
.tab {
  overflow: hidden;
  position: absolute;
  background-color: transparent;
  bottom: 11%;
  z-index: 1000;
  width: 87%;
  left: 7%;
  
}
.tab button a{text-decoration: none;}
.tab button {position: relative;
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding-top: 20px;
  margin-right: 0px;
  transition: 0.3s;
  font-size: .875rem;
  line-height: 1.5rem;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  letter-spacing: 0;
  border-top: 1px solid #ffffff;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  height: 48px;
  width: 25%;
}

.tab button.active, .tab button.active:hover {
  color: #fe000c;
  border-top: 3px solid #fe000c;
}
.tab button:hover {
  border-top: 3px solid #ffffff;
}
/*button.active:before, .tab button:hover:before{
	position: absolute;top: 0;width: 100%;height: 4px;left: 0;background-color: #006aa3;content: '';
}*/

.tabcontent {
  display: none;
  width: 100%;
  border-top: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 740px;
  margin-top: 0px;
  position: relative;
}
/*.tabcontent::after{
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-image: linear-gradient(90deg,#333,rgba(0,0,0,0));
  background-repeat: repeat-x;
  height: 100%;
}*/
#cctv-sales-installation{background-image: url('../images/slider-1.jpg');}
#biometric-solutions{background-image: url('../images/slider-2.jpg');}
#home-automation{background-image: url('../images/slider-3.jpg');}
#solutions{background-image: url('../images/slider-4.jpg');}

.tabcontent .content{
	width: 45%;
	margin-left: 10%;
	padding-top: 15%;

}
@keyframes mymove{
	from{top: 50px}
	to{top: 0px;}
}
.tabcontent .content h3{
	font-size: 3.75rem;
  line-height: 4.375rem;
  letter-spacing: -.0625rem;
	color: #ffffff;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
	font-weight: 300;
	margin-bottom: 20px;
  font-style: normal;
	animation: fadeContentSlideUp .5s ease-in 0s forwards;
}
.text-upper{text-transform: uppercase;}
.tabcontent .content p{
  font-size: 1rem;
  line-height: 1.75rem;
  color: #ffffff;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  line-height: 25px;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 40px;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
}
.tabcontent .content i{font-size: 13px;}

.btn-2{background: rgb(255 4 22);color: #ffffff;-webkit-transition: 0.3s;transition: 0.3s;margin-top: 8px;letter-spacing: 0px;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-size: 1rem;padding: 20px 25px;
  line-height: 1.1875rem;
  font-weight: 400;
  border: none !important;border: 1px solid rgb(254, 0, 12);
}
.btn-2:hover{background: #cf0715;color: #ffffff !important;background-color: #cf0715 !important;border: none !important;border: 1px solid #cf0715;}

@-webkit-keyframes fadeContentSlideUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeContentSlideUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}


.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #017014;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 5.5s;
}

@keyframes fade {
  from {opacity: 0.9} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}


.side-bars{width: auto;margin-top: -150px;text-align: right;margin-right: 20px;z-index: 1000;transform: rotate(90deg);position: absolute;right: 0;}

.down-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 50px;
    z-index: 3;
}
.scroll-down {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 50px;
    z-index: 3;
    margin: auto;
}
.down-arrow .scroll-down{
	color: #ffffff;animation: arrowAnimation 2s infinite;font-size: 45px;
}

@-webkit-keyframes arrowAnimation{0%{opacity:0;top:-10px}15%{opacity:1}to{opacity:0;top:10px}}
@keyframes arrowAnimation{0%{opacity:0;bottom:30px}15%{opacity:1}to{opacity:0;bottom:-10px}}

.mission{width: 100%;height: auto;padding: 110px 0;margin: 0;background: #2369bd;}
.mission h5{font-size: 2.525rem;color: #ffffffeb;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
   line-height: 3.2rem;font-weight: 100;text-align: center;
}

.mission span{font-weight: 600;text-decoration: underline 3.2px dotted #ffffff;}
.mission span:hover{color: #ffffff;}


/* Products */

.products{width: 100%;height: auto;padding: 50px 0;margin: 0 0 0px;}
.products h6{
  font-size: 19px;font-weight: 500;font-family: 'PT Sans Narrow', sans-serif;
  line-height: 26px;letter-spacing: 3px;text-align: center;color: #017014;
}
.products h1{
  font-size: 43px;color: #005600;font-family: 'Maven Pro', sans-serif;
line-height: 3.45rem;font-weight: 700;text-align: center;text-decoration: underline ;
}
.products .col-lg-12{padding: 0;}
.products img{width: auto;height: auto;}

.products .products-content{padding: 4rem 2rem 3.7rem;}
.bg-1{background-color: #007680;}
.bg-2{background-color: #4e0b63;}
.bg-3{background-color: #245477;}
.bg-4{background-color: #4500ff;}

.products h5{
  font-size: 1.3rem;color: #ffffff;font-family: 'Maven Pro', sans-serif;
line-height: 1.9rem;font-weight: 600;text-align: left;margin-bottom: 15px;
}
.products h5.w-60{width: 70%;border-bottom: 1px solid #ffffff;}
.products h5.w-70{width: 77%;border-bottom: 1px solid #ffffff;}
.products h5.w-20{width: 26%;border-bottom: 1px solid #ffffff;}
.products h5.w-30{width: 26%;border-bottom: 1px solid #ffffff;}
.products h5.w-40{width: 43%;border-bottom: 1px solid #ffffff;}
.products h2{
  font-size: 2.3rem;color: #ffffff;font-family: 'Maven Pro', sans-serif;
line-height: 2.9rem;font-weight: 600;text-align: left;margin-bottom: 15px;
}
.pt1{padding-top: 0.3rem;}
.pb1{padding-bottom: 0.08rem;}
.products p{
  font-size: 1rem;color: #ffffff;font-family: 'Maven Pro', sans-serif;
line-height: 1.4rem;font-weight: 400;text-align: left;margin-bottom: 15px;
}

.btn-3{color: #ffffff !important;border-radius: 0;border-bottom: 1px solid #ffffff !important;padding: 0 0 0px 0;
  font-family: 'Maven Pro', sans-serif;letter-spacing: 0px;
}
/*.products .col-lg-12:hover .btn-3{color: #2369bd !important;border-bottom: 1px solid #017014 !important;}*/

.products i{font-size: 13px;padding-left: 2px;}

.border-left{border-radius: 10px 0 0 10px !important;}
.border-right{border-radius: 0 10px 10px 0 !important;}

/* Client */

.client{width: 100%;height: auto;padding: 60px 0;background-color: #e7e7e778;}
.client h2{
  font-size: 43px;color: #000000;font-family: 'Maven Pro', sans-serif;
line-height: 2.35rem;font-weight: 600;text-align: center;margin-bottom: 40px;
}
.client img{width: auto;height: auto;margin-bottom: 15px;/*border-radius: 50%;*/background-color: #ffffff;}

.btn-4{background-color: #2369bd;color: #ffffff;-webkit-transition: 0.3s;transition: 0.3s;margin-top: 20px;width: 44%;
  font-weight: 500;font-family: 'Maven Pro', sans-serif;letter-spacing: 0px;font-size: 16px;
}
.btn-4:hover{background-color: #ffffff !important;color: #2369bd !important;border: 1px solid #2369bd !important;}

.client .col-lg-3, .client .col-lg-4{padding: 0 15px;}

/* Footer */

.footer{width: 100%;height: auto;padding: 50px 0 0;margin: 0;background-color: #1f232c; 
}
.footer .footer-top{
  padding-bottom: 30px;
  border-bottom: 1px dashed #ffffff30;
}
.footer .footer-top .top-left{
  width: 70%;
  height: auto;
  padding: 0;
  margin: 0;
  float: left;
}
.footer .footer-top .top-left .usefull-links{
  list-style: none;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.footer .footer-top .top-left .usefull-links li{
  display: inline-block;
}
.footer .footer-top .top-left .usefull-links li a{
  color: #ffffffa6;
  text-decoration: none;
  font-size: .875rem;
  line-height: 1.5rem;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-style: normal;
  font-weight: 300;
}
.footer .footer-top .top-left .usefull-links li a:hover{
  color: #ffffff;
  text-decoration: underline;
}
.footer .container{
  max-width: 95%;
}
.footer .footer-top .top-left .usefull-links li span{
  color: #ff0416;
  padding: 0 10px;
}
.footer .footer-top .top-right .media-links{
  list-style: none;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: end;
}
.footer .footer-top .top-right{
  width: 30%;
  height: auto;
  float: right;
}
.footer .footer-top .top-right .media-links li{
  display: inline-block;
}
.footer .footer-top .top-right .media-links li a{
  color: #ffffffa6;
  text-decoration: none;
  font-size: 1.3rem;
  padding: 0 0 0 20px;
}
.footer .footer-top .top-right .media-links li a:hover{
  color: #ffffff;
  text-decoration: underline;
}

.footer .footer-bottom{
  padding: 20px 0;
}
.footer .footer-bottom .bottom-left{
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  float: left;
}
.footer .footer-bottom .bottom-left h1 a{
  font-size: 3rem;
  line-height: 4rem;
  letter-spacing: -.0625rem;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffffa6;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.footer .footer-bottom .bottom-left h1 a:hover{
  color: #ffffff;
}
.footer .footer-bottom .bottom-right{
  width: 60%;
  height: auto;
  padding: 0;
  margin: 0;
  float: right;
}

.footer .footer-bottom .bottom-right .details{
  list-style: none;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 15px 0;
  text-align: right;
}
.footer .footer-bottom .bottom-right .details li{
  display: inline-block;
}
.footer .footer-bottom .bottom-right .details li a{
  color: #ffffffa6;
  text-decoration: none;
  font-size: .875rem;
  line-height: 1.5rem;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-style: normal;
  font-weight: 300;
}
.footer .footer-bottom .bottom-right .details li a:hover{
  color: #ffffff;
  text-decoration: underline;
}
.footer .footer-bottom .bottom-right .details li span{
  color: #ff0416;
  padding: 0 10px;
}
.footer .footer-bottom .bottom-right p{
  color: #ffffffa6;
  text-decoration: none;
  font-size: .875rem;
  line-height: 1.5rem;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align: right;
  margin-bottom: 0;
}
.footer .footer-bottom .bottom-right p a{
  text-decoration: none;
}
.footer .footer-bottom .bottom-right p a:hover{
  color: #ffffff;
  text-decoration: underline;
}






.border-r{border-right: 1px solid #dddddd;border-radius: 0;}
/*.address{padding: 20px 30px 10px;margin-bottom: 0px;}
.address i{float: left;color: #ffffff;font-size: 18px;padding-left: 12px;line-height: 25px;}
.address p a{text-align: left;font-size: 15px;color: #ffffff;text-decoration: none;font-family: 'Maven Pro', sans-serif;letter-spacing: 0px;}
.address p{text-align: left;font-size: 14px;color: #ffffff;margin-left: 40px;line-height: 25px;font-family: 'Maven Pro', sans-serif;
  letter-spacing: 0px;
}*/

.waicon {
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    position: fixed;
    bottom: 87px;
    right: 30px;
    margin-right: 0px;
    font-weight: 400;
    font-size: 25px;
    z-index: 1000;
    padding: 8px 11px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: rgb(67, 217, 84);
    border-radius: 30px;
}

.client-div{width: 11% !important;}
.mobile-container{display: none;}

.btn:active{border: none;}








/* Index-1 */

.statement{width: 100%;height: auto;padding: 60px 0;text-align: center;margin-bottom: 0px;margin-top: 20px;
  background-image: url('../images/bg-1.html');
  background-size: cover;background-position: center;background-repeat: no-repeat;
}
.statement h2{
    width: 60%;
    padding-top: 14px;
    padding-left: 20px;
    font-size: 3.1rem;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    line-height: 4.05rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}
.btn-5{background-color: #00bb7a;color: #ffffff;-webkit-transition: 0.3s;transition: 0.3s;margin-top: 0px;
  font-family: 'Maven Pro', sans-serif;font-size: 14px;letter-spacing: 0.4px;font-weight: 600;text-transform: uppercase;
  padding: 10px 20px;width: 18%;
}
.btn-5:hover{background-color: #ffffff !important;color: #00bb7a !important;border: 1px solid #00bb7a !important;}

.client-1{width: 100%;height: 500px;padding: 100px 0;text-align: left;
  background-image: url('../images/client.html');
  background-size: cover;background-repeat: no-repeat;background-position: right;
}
.client-1 h2{
  padding-top: 14px;
    font-size: 2.3rem;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    line-height: 2.55rem;
    font-weight: 600;
    text-align: left;
    margin-bottom: 10px;
}

.btn-6{background-color: #bb006bd9;color: #ffffff;-webkit-transition: 0.3s;transition: 0.3s;margin-top: 20px;
  font-family: 'Maven Pro', sans-serif;font-size: 14px;letter-spacing: 0.4px;font-weight: 600;text-transform: uppercase;
  padding: 10px 20px;float: left;
}
.btn-6:hover{background-color: #ffffff !important;color: #bb006bd9 !important;border: 1px solid #bb006bd9 !important;}


/* Footer */

.footer-1{width: 100%;height: auto;background-color: transparent;
  background-image: url('../images/footer-bg.html');
  background-size: cover;background-repeat: no-repeat;
}
.footer-1 img{width: auto;height: auto;}
.footer-1 .link{list-style: none;margin-top: 25px;padding-left: 0;}
.footer-1 .link li{display: inline;margin: 0 11px;text-align: left;}
.footer-1 .link li a{color: #ffffff;font-size: 14px;line-height: 37px;text-decoration: none;font-family: 'Maven Pro', sans-serif;
  border-bottom: 1px dotted #7a80f9;
}
.footer-1 .link li:first-child{margin-left: 0;}

.navbar-1 .nav-item .nav-link, .button-1 .btn-1{text-transform: capitalize !important;}
.border-t{border-bottom: 1px solid #dddddd;padding: 0 !important;}
.footer-bottom.border-t p{border-top: none;padding-top: 19px;}
.footer-address h2{
    font-size: 1.2rem;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    line-height: 1.55rem;
    font-weight: 500;
    text-align: left;
    margin-bottom: 25px;
    margin-left: 56px;
}

.footer-address{padding: 0px 30px;margin-bottom: 0px;}
.footer-address i{float: left;color: #ffffff;font-size: 18px;padding-left: 12px;line-height: 25px;}
.footer-address p a{text-align: left;font-size: 15px;color: #ffffff;text-decoration: none;font-family: 'Maven Pro', sans-serif;letter-spacing: 0px;}
.footer-address p{text-align: left;font-size: 14px;color: #ffffff;margin-left: 40px;line-height: 25px;font-family: 'Maven Pro', sans-serif;
  letter-spacing: 0px;
}

.font-family{font-family: 'Baloo 2', cursive !important;letter-spacing: 0;}
.lh{line-height: 3.4rem !important;}
.fs{font-size: 1.6rem !important;}


.products-1{width: 100%;height: auto;padding: 50px 0;margin: 0 0 0px;}
.products-1 h6{
  font-size: 19px;font-weight: 500;font-family: 'PT Sans Narrow', sans-serif;
  line-height: 26px;letter-spacing: 3px;text-align: center;color: #017014;
}
.products-1 h1{
  font-size: 2.9rem;color: #000122;font-family: 'Baloo 2', cursive;
line-height: 3.45rem;font-weight: 600;text-align: center;
}
.products-1 .col-lg-12{padding: 0;position: relative;height: 280px;}
.products-1 .col-lg-12 .col-lg-5{border: 8px solid #eeeeee;position: absolute;z-index: 44;}
.products-1 img{width: auto;height: auto;}

.products-1 .products-content{padding: 3rem 2rem 3rem 7rem;position: relative;
  box-shadow: rgb(0 0 0 / 15%) 0px 6px 30px, rgb(0 0 0 / 0%) 0px 0px 1px;margin-top: 3rem;
}

.products-1 h2{
  font-size: 2.1rem;color: #4e0b63;font-family: 'Kufam', sans-serif;
line-height: 2.7rem;font-weight: 600;text-align: left;margin-bottom: 15px;
}
.products-1 p{
  font-size: 1rem;color: #ffffff;font-family: 'Maven Pro', sans-serif;
line-height: 1.4rem;font-weight: 400;text-align: left;margin-bottom: 15px;
}

.btn-7{color: #007680 !important;padding: 5px 10px;
  font-family: 'Maven Pro', sans-serif;letter-spacing: 0px;border: 1px solid #007680;
}
.btn-7:hover{border: 1px solid #007680 !important; background-color: #007680 !important;color: #ffffff !important;}

.products-1 i{font-size: 13px;padding-left: 2px;}

.statement h6 {
    font-size: 19px;
    font-weight: 500;
    font-family: 'PT Sans Narrow', sans-serif;
    line-height: 26px;
    letter-spacing: 3px;
    text-align: center;
    color: #ffffff;
}

/* end index-1 */

.sm-banner{width: 100%;height: auto;padding: 100px 0 70px;
  background-color: #878787;
  margin-top: 75px;
}
.sm-banner-book-now{
  background-image: url('../images/sm-banner-book-now-bg.html');
  background-size: cover;background-repeat: no-repeat;background-position: center;
  background-color: #878787;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.sm-banner-client{
  background-image: url('../images/sm-banner-client-bg.jpg');
  background-size: cover;background-repeat: no-repeat;background-position: center;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.sm-banner-client p{
  text-align: left;
  padding: 15px 0 0 25px;
}
.sm-banner h6{
  font-size: 1rem;
  font-weight: 400;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  line-height: 1.25rem;
  letter-spacing: .0625rem;
  font-style: normal;
  text-align: center;
  color: #ff0416;
  text-transform: uppercase;
  margin-bottom: 0.7rem;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
}
.sm-banner h1{
  font-size: 3rem;
  font-weight: 600;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  line-height: 4.375rem;
  letter-spacing: -.0625rem;
  text-align: center;
  color: #ffffff;
  margin-bottom: 0rem;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
  position: relative;
  z-index: 1;
}


/*.sm-banner .line{
  position: relative;
  width: 35px;
  height: 10px;
  background-color: #ff0416;
  margin: 10px auto;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}
.sm-banner .line:before{
  position: absolute;
  content: '';
  width: 70px;
  height: 2px;
  background-color: #ffffff;
  bottom: 4px;
  right: 31px;
}
.sm-banner .line:after{
  position: absolute;
  content: '';
  width: 70px;
  height: 2px;
  background-color: #ffffff;
  bottom: 4px;
  left: 31px;
}*/
.sm-banner p{
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 300;
  font-style: normal;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin: 0;
  color: #ffffff;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
}
.sm-banner p i{color: #ffffff;font-size: 14px;padding: 0 5px;}
.sm-banner p a{color: #ffffff;font-size: 1rem;}
.sm-banner a{text-decoration: none;}
.sm-banner p a i{padding: 0}
.sm-banner p a:hover{color: #ff0416;}

.about-us{width: 100%;height: auto;padding: 40px 0;margin: 0;}
.about-us h4{
  font-size: 35px;
  font-weight: 500;
  font-family: 'Maven Pro', sans-serif;
  line-height: 45px;
  letter-spacing: 0px;
  text-align: left;
  color: #4a4a4a;
  text-transform: capitalize;
  margin-bottom: 0.8rem;
}

.about-us p{
  font-size: 15px;
  font-weight: 500;
  font-family: 'Maven Pro', sans-serif;
  line-height: 26px;
  letter-spacing: 0.4px;
  text-align: left;
  color: #3a3a3a;
  margin-bottom: 0.2rem;
}
.about-us p span{
  color: #005372;
  font-weight: 600;
}
.about-us h5{
  font-size: 26px;
  font-weight: 500;
  font-family: 'Maven Pro', sans-serif;
  line-height: 35px;
  letter-spacing: 0px;
  text-align: left;
  color: #2e0058;
  text-transform: capitalize;
  margin-bottom: 2rem;
  text-decoration: underline;
}
.about-us .col-lg-6{padding: 0 10px;margin-bottom: 20px;}
.about-us .top-products{
  border-radius: 20px 0 20px 0;
  background-color: #005372;
}
.about-us .top-products img{width: auto;height: auto;margin-bottom: 10px;}
.about-us h6{
  font-size: 20px;
  font-weight: 500;
  font-family: 'Maven Pro', sans-serif;
  line-height: 35px;
  letter-spacing: 0px;
  text-align: center;
  color: #ffffff;
  text-transform: capitalize;
  margin-bottom: 0rem;
}

.vision-mission{width: 100%;height: 400px;padding: 85px 0 0;margin: 0;
  background-image: url('../images/vision-mission-bg.html');
  background-size: cover;background-position: center;
  background-repeat: no-repeat;
}

.vision-mission h3{
  font-size: 35px;
  font-weight: 500;
  font-family: 'Maven Pro', sans-serif;
  line-height: 45px;
  letter-spacing: 0px;
  text-align: left;
  color: #ffffff;
  text-transform: capitalize;
  margin-bottom: 0.8rem;
}

.vision-mission p{
  font-size: 15px;
  font-weight: 500;
  font-family: 'Maven Pro', sans-serif;
  line-height: 26px;
  letter-spacing: 0.4px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 0.2rem;
  width: 80%;
}

.vision-mission p span{color: #00baff;font-weight: 600;}
.vision-mission p span:hover{text-decoration: underline;}


.br-1{border-radius: 20px 0;}
.br-2{border-radius: 0 20px;}

.get-a-quote{width: 100%;height: auto;padding: 40px 0 60px;margin: 0;
  background-image: url('../images/get-a-quote-bg.html');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.get-a-quote form{
  width: 100%;
  height: auto;
  background-color: #0267a924;
/*  background-color: #13a5792b;*/
  position: relative;
}
.get-a-quote h4{
  font-size: 30px;
  font-weight: 500;
  font-family: 'Maven Pro', sans-serif;
  line-height: 35px;
  letter-spacing: 0px;
  text-align: center;
  color: #0267a9;
  text-transform: capitalize;
  margin-bottom: 1.9rem;
}
.get-a-quote form input{
  height: 45px;
  width: 100%;
  padding: 5px 18px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  border-radius: 50px;
  border: none;
}
:focus-visible{outline: none;}
input::placeholder{color: #000000;font-weight: 500;}
textarea::placeholder{color: #000000;font-weight: 500;}

.get-a-quote form select{
  padding: 5px 18px;
  height: 45px;
  border-radius: 50px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  border: none;
}
.get-a-quote form textarea{width: 100%;height: auto;padding: 15px 18px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;border-radius: 0 30px;border: none;
}
.get-a-quote form input[type=submit]{
  background-color: #670076;
  color: #ffffff;
}
.get-a-quote .get-div{
  background-color: #0267a924;
  padding: 25px 15px;
}
.get-a-quote .get-div img{margin-bottom: 15px;width: auto;height: auto;}
.get-a-quote .get-div h6{
  font-size: 18px;
  font-weight: 600;
  font-family: 'Maven Pro', sans-serif;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  color: #0267a9;
  margin-bottom: 0.7rem;
}
.get-a-quote .get-div p{
  font-size: 15px;
  font-weight: 600;
  font-family: 'Maven Pro', sans-serif;
  line-height: 26px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #3a3a3a;
  margin-bottom: 0.2rem;
}
.get-a-quote .get-div p a{text-decoration: none}

.media-icon{position: absolute;
  top: 30%;
  background-color: #4500ff;
  left: -40px;
  width: 40px;
  height: auto;
  padding: 20px 0;
  border-radius: 10px 0 0 10px;
}
.media-icon a{
  display: block;
  color: #ffffff;
  font-size: 19px;
  line-height: 30px;
  text-align: center;
  padding-top: 10px;
}
.media-icon a:first-child{padding-top: 0;}

.links{list-style: none;margin-bottom: 10px;padding-left: 0;}
.links li{display: inline;padding: 0 10px;}
.links li a{text-decoration: none;color: #ffffff;
  font-family: 'Maven Pro', sans-serif;font-weight: 500;font-size: 14px;line-height: 25px;
}
.links li a:hover{color: #329500;}

.product-div{width: 100%;height: auto;padding: 0;margin-top: 67px;position: relative;}
.product-div:before{width: 9%;height: 100%;position: absolute;content: '';background-color: #2369bd;z-index: -1;left: 0;}
.product-div img{width: auto;height: auto;margin-bottom: 32px;float: right;margin-right: 50px;}
.product-div .col-lg-8{background: #2369bd;padding: 40px 40px;}
.product-div h2{font-size: 33px;color: #ffffff;/*font-family: 'Baloo 2', cursive;*/
   line-height: 45px;font-weight: 100;text-align: center;font-family: 'Maven Pro', sans-serif;
}
.product-div h4{font-size: 22px;color: #ffffff;/*font-family: 'Baloo 2', cursive;*/
   line-height: 28px;font-weight: 100;text-align: center;font-family: 'Maven Pro', sans-serif;
}

.product-div span{font-weight: 600;border-bottom: 3.2px dotted #ffffff;}
.product-div span:hover{color: #ffffff;}
.clr-black{color: #000000 !important;}
.bg-white{background-color: #ffffff !important;
  box-shadow: rgb(0 0 0 / 5%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}


/* Water Savers */

.btn-8{color: #ffffff !important;padding: 9px 10px;float: right;
  font-family: 'Maven Pro', sans-serif;letter-spacing: 0px;background-color: #2369bd;
  width: 67%;height: 50px;font-size: 19px;margin-left: auto;margin-right: auto;
}
.btn-8:hover{border: 1px solid #2369bd !important; background-color: #ffffff !important;color: #2369bd !important;}


.water-saver{width: 100%;height: auto;padding: 50px 0;margin: 0 0 0px;}
.water-saver h2{
  font-size: 43px;color: #007366;font-family: 'Maven Pro', sans-serif;
line-height: 3.45rem;font-weight: 700;text-align: center;text-decoration: underline ;
}
.water-saver .col-lg-12{padding: 0;}
.water-saver img{width: auto;height: auto;}

.padding-1{padding: 4rem 2rem 4rem;}
.padding-2{padding: 4rem 2rem 4rem;}
.padding-3{padding: 3.54rem 2rem 3rem;}
.padding-4{padding: 4.35rem 2rem 5rem;}
.padding-5{padding: 4.32rem 2rem 5rem;}
.padding-6{padding: 3rem 2rem 3.57rem;}

.bg-5{background-color: #ffa000;}
.bg-6{background-color: #1dad23;}
.bg-7{background-color: #b5004f;}
.bg-8{background-color: #06acd9;}
.bg-9{background-color: #f41d27;}
.bg-10{background-color: #00979f;}

.water-saver h3{
  font-size: 2.3rem;color: #ffffff;font-family: 'Maven Pro', sans-serif;
line-height: 2.9rem;font-weight: 600;text-align: left;margin-bottom: 25px;
}
.water-saver h3.w-80{width: 70%;border-bottom: 2px solid #ffffff;}
.water-saver h3.w-60{width: 54%;border-bottom: 2px solid #ffffff;}
.water-saver h3.w-90{width: 86%;border-bottom: 2px solid #ffffff;}
.water-saver h3.w-20{width: 26%;border-bottom: 2px solid #ffffff;}
.water-saver h3.w-10{width: 21%;border-bottom: 2px solid #ffffff;}
.water-saver h3.w-30{width: 32%;border-bottom: 2px solid #ffffff;}

.pt1{padding-top: 0.3rem;}
.pb1{padding-bottom: 0.08rem;}
.water-saver p{
  font-size: 1rem;color: #ffffff;font-family: 'Maven Pro', sans-serif;
line-height: 1.4rem;font-weight: 400;text-align: left;margin-bottom: 15px;
}

.btn-3{color: #ffffff !important;border-radius: 0;border-bottom: 1px solid #ffffff !important;padding: 0 0 0px 0;
  font-family: 'Maven Pro', sans-serif;letter-spacing: 0px;
}
.water-saver i{font-size: 13px;padding-left: 2px;}

/* Package Sewage Treatment Plant */

.sewage-treatment-plant{width: 100%;height: auto;padding: 50px 0;margin: 0 0 0px;}
.sewage-treatment-plant h2{
  font-size: 43px;color: #007366;font-family: 'Maven Pro', sans-serif;
line-height: 3.45rem;font-weight: 700;text-align: center;text-decoration: underline ;
}
.sewage-treatment-plant h5{margin-top: 2.2rem;
  font-size: 28px;color: #007366;font-family: 'Maven Pro', sans-serif;
line-height: 35px;font-weight: 600;text-align: center;text-decoration: underline ;
}
.awards-div{width: 33.33%;height: auto;float: left;text-align: center;}
.awards-div a{font-size: 18px;color: #4e0b63;font-family: 'Maven Pro', sans-serif;text-decoration: none;
line-height: 28px;font-weight: 600;padding: 15px 12px;border: 1px solid #4e0b631c;
}
.tab-1 {
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 20px;
    width: 100%;
  }

.tabcontents {
    display: none;
    padding: 12px 12px;
    border-top: none;
    box-shadow: #9c36b54f 0px 19px 25px -20px, #9c36b50d 0px 30px 23px 0px;
}
.tab-1 button.active {
     background-color: #00a0bd !important; 
    color: #ffffff;
}
.tab-1 button {
    width: auto;
    font-family: 'Maven Pro', sans-serif;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 20px 19px;
    transition: 0.3s;
    font-size: 15px;
    margin: 0px;
    letter-spacing: 0px;
    font-weight: bold;
    border-radius: 0px;
    border-left: 1px solid #eee;
    background-color: #dddddd;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.tab-1 button:first-child{border-left: 3px solid #b5004f;}
.tab-1 button:hover{background-color: #00a0bd !important;color: #ffffff;}

.tabcontents h4{
  font-size: 30px;color: #000000;font-family: 'Maven Pro', sans-serif;
line-height: 45px;font-weight: 600;text-align: left;margin-bottom: 2rem;text-decoration: underline;
}

.tabcontents h6{
  font-size: 20px;color: #b5004f;font-family: 'Maven Pro', sans-serif;/*color: #9c36b5;*/
line-height: 35px;font-weight: 600;text-align: left;margin-bottom: 1rem;text-decoration: underline double 1px;
}
.tabcontents i{font-size: 18px;padding-right: 10px;}
.tabcontents .fa-circle{font-size: 9px;line-height: 25px;color: #007366;float: left;}
.tabcontents p{
  font-size: 1rem;color: #000000;font-family: 'Maven Pro', sans-serif;
line-height: 1.4rem;font-weight: 500;text-align: left;margin-bottom: 10px;margin-left: 17px;
}
.tabcontents p span{}

.bg-light-1:after{background-color: #b2c7db1a;position: absolute;content: '';left: 9%;height: 100%;width: 40%;top: 0;z-index: -1;}

.magnific-img img {
    width: auto;
    height: auto;
}
.magnific-img{width: 25%;float: left;margin-bottom: 40px;}

.frp-products{width: 100%;height: auto;padding: 30px 0;}
.frp-products h4{
  font-size: 30px;color: #ef8705;font-family: 'Maven Pro', sans-serif;
line-height: 45px;font-weight: 600;text-align: center;margin-bottom: 2rem;text-decoration: underline;
}
.frp-products .magnific-img{position: relative;}
.frp-products h6{position: absolute;width: 100%;bottom: 0;padding: 10px 0;
  font-size: 20px;color: #ffffff;font-family: 'Maven Pro', sans-serif;margin-bottom: 0;
line-height: 30px;font-weight: 600;text-align: center;text-decoration: none;
background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgb(0 0 0 / 0%) 0px, #131212e6 85%) repeat scroll 0 0;
}

.daiki-logo{margin-right: 14px !important;}

/* Recent Works */

.recent-works .row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Create four equal columns that sits next to each other */
.recent-works .column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.recent-works img {
  margin-top: 10px;
  margin-right: 7px;
  vertical-align: middle;
  width: auto;
}



.recent-works{width: 100%;height: auto;padding: 40px 10px;}

.margin-top{top: 67px !important;}



.videos{width: 100%;height: auto;padding: 30px 0;margin-top: 67px;background-color: #00bae81a;}
.videos video{border: 1px solid #dddddd;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  background-color: #000000;
}
.videos h3{
  font-size: 27px;/*color: #b5004f;*/font-family: 'Maven Pro', sans-serif;color: #016091;margin: 25px 0px 30px !important;
line-height: 35px;font-weight: 600;text-align: left;margin-bottom: 1rem;text-decoration: underline double 1px;
}


.blog{width: 100%;height: auto;padding: 40px 0;}
.blog h4{
  font-size: 32px;font-family: 'Maven Pro', sans-serif;color: #1b0087;margin: 10px 0px 35px !important;
line-height: 40px;font-weight: 600;text-align: left;margin-bottom: 1rem;position: relative;
}
.blog h4:after{
  position: absolute;content: '';
  width: 300px;height: 2px;background-color: #ede9e9;top: 58%;margin-left: 9px;
}

.blog h5{padding: 15px 10px;
  font-size: 23px;font-family: 'Maven Pro', sans-serif;color: #1c0238;margin: 0 !important;
line-height: 30px;font-weight: 600;text-align: left;margin-bottom: 1rem;
}
.blog .col-lg-4 .blog-div{padding-bottom: 15px;margin-bottom: 15px;
  box-shadow: -1px 0px 18px 3px #e9eff7;
  height: 493px;
}
.blog .col-lg-4 img{width: 100%;height: auto;}
.btn-9{color: #ffffff !important;border-bottom: 1px solid #ffffff !important;margin: 0 0 0 10px;
  font-family: 'Maven Pro', sans-serif;letter-spacing: 0px;background-color: #f41d27;
}
.btn-9:hover{background-color: #f41d27 !important;color: #ffffff;}

.videos .videos-div{width: auto;margin-right: 7px;margin-bottom: 10px;float: left;margin-left: 7px;}
.videos .videos-div img{width: auto;height: auto;}




.blog-1{width: 100%;height: auto;padding: 60px 0;margin-top: 75px;background-color: #f1f2f2;}
.blog-1 .blog-content{width: 100%;height: auto;padding: 15px 15px;
/*  box-shadow: -1px 0px 18px 3px #e9eff7;*/
background-color: #ffffff;
}
.blog-1 .blog-header{
  padding: 15px 0;
  border-bottom: 1px dashed #33333347;
  margin-bottom: 20px;
}
.blog-1 .blog-header p{
 padding: 0 0 15px;margin: 0;
}
.blog-1 .blog-header p i{
  font-size: 15px;padding-right: 7px;color: #ff0416;
}
.blog-1 .blog-header p .fa-caret-right{padding-left: 10px;}
.blog-1 .blog-header p a{color: #ff0416;text-decoration: none;font-size: .875rem;line-height: 1.25rem;
   font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
   letter-spacing: 0px;font-weight: 300;
}
.blog-1 .blog-header h1{color: #333333;text-decoration: none;font-size: 2.6rem;line-height: 3.2rem;
   font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
   letter-spacing: 0px;font-weight: 300;
}
.blog-1 .blog-header h1 a{text-decoration: none;}
.blog-1 img{width: auto;height: auto;margin-bottom: 10px;}
.blog-1 p{color: #333333;text-decoration: none;font-size: 0.98rem;line-height: 1.5rem;
   font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
   letter-spacing: 0px;font-weight: 300;text-align: justify;
   margin-bottom: 10px;
}
.blog-1 p span{
  padding-right: 7px;
}
.blog-1 p b{
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
}
.blog-1 h6 span{
  padding-right: 8px;
}
.blog-1 h6{display: flex; color: #000000;text-decoration: none;font-size: 16px;line-height: 25px;
   font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
   letter-spacing: 0px;font-weight: 300;padding: 0;margin-bottom: 10px;
}
.blog-1 h5{color: #ff081d;text-decoration: none;font-size: 18px;line-height: 30px;text-align: left;
   font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
   letter-spacing: 0px;font-weight: 300;padding: 15px 0 10px;margin-bottom: 0px;
}
.blog-1 .col-lg-4 form{
  width: 100%;height: auto;padding: 15px 15px;margin: 0;
/*  box-shadow: -1px 0px 18px 3px #e9eff7;*/
background-color: #ffffff;
}

.blog-1 .col-lg-4 h6{color: #333333;text-decoration: none;font-size: 1.5rem;line-height: 2.25rem;
   font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
   letter-spacing: 0px;font-weight: 300;padding: 0;margin-bottom: 1rem;
}
.blog-1 .col-lg-4 form input{width: 100%;height: 40px;border: 1px solid #ebebebdb;padding: 0 15px;color: #333333;
   font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
   letter-spacing: 0px;
   box-shadow: none;
}
.blog-1 .col-lg-4 form input[type=submit]{
  background-color: #ff0416;color: #ffffff;border: none;
}

.blog-1 .media-box{
  width: 100%;height: auto;padding: 15px 15px;
/*  box-shadow: -1px 0px 18px 3px #e9eff7;*/
background-color: #ffffff;
  margin: 0;
}
.blog-1 .media-box ul{list-style: none;margin: 0;padding: 0;}
.blog-1 .media-box ul li{display: inline-block;float: left;margin-left: 20px;margin-top: 0px;margin-bottom: 10px;}
.blog-1 .media-box ul li:first-child{margin-left: 0;}
.blog-1 .media-box ul li a{
  font-size: 20px;line-height: 35px;padding: 0;margin: 0;
}
.blog-1 .media-box ul li a .fa-facebook{color: #4267B2;}
.blog-1 .media-box ul li a .fa-instagram{
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}

.blog-1 .media-box ul li a .fa-linkedin{color: #0A66C2;}
.blog-1 .media-box ul li a .fa-twitter{color: #1DA1F2;}

.blog-1 .fa.fa-circle{float: left;font-size: 8px;color: #000000;line-height: 24px;}

.blog-1 .table{
   font-family: 'Maven Pro', sans-serif;letter-spacing: 0px;
}
.table th, .table, .table td{border: 1px solid #97750a29;font-size: 15px;line-height: 24px;}
.table th{background-color: #cb9d09; color: #ffffff;}












@media (max-width: 767px){

header nav, .btn-1{display: none;}
.banner{width: 100%;height: 166px;}
.tabcontent{width: 100%;height: 166px;margin-top: 0 !important;}
.products img{width: 100%;height: auto;}
.client img{width: auto;height: auto;border: 1px solid #ededed;margin-bottom: 5px;padding: 5px 10px;}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: transparent;
  height: auto;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: transparent;
  position: relative;
  width: 350px;
  z-index: 100;
}

.topnav #myLinks {
  display: none;
  background-color: #ffffff;
  color: #000000 !important;
}

.topnav a {
  color: #000000;
  padding: 8px 12px;
  text-decoration: none;
  font-size: 15px;
  display: block;
  font-family: 'Maven Pro', sans-serif;letter-spacing: 0px;
  font-weight: 600;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 16px;
}
.fa-bars{color: #ffffff;}
.topnav a:hover {
  background-color: #000000;
  color: #ffffff;
}

.active {
  background-color: #04AA6D;
  color: white;
}
.mobile-container{display: block;}
.mobile-menu{color: transparent !important;background-color: transparent;}

.logo{display: block;}

.tab{
  z-index: 10;
  bottom: 6%;
  width: 100%;
  left: 0;
  background: transparent;
  padding: 0 3px;
}
.tab .w-1{width: 31% !important;}
.tab .w-2{width: 29% !important;}
.tab .w-3{width: 25% !important;}
.tab .w-4{width: 15% !important;}
.tab button{font-size: 9px;padding: 5px 2px;background: none;height: 30px;}
.down-arrow{top: 91%;font-size: 13px;}
.tabcontent .content h6{font-size: 13px;line-height: 18px;margin-bottom: 2px;padding-top: 6px;}
.tabcontent .content{margin-left: 15px;padding-top: 0;width: 95%;}
.banner{margin-top: 70px !important;}
header{background-color: #ffffff;}
.tabcontent .content h3{font-size: 15px;line-height: 21px;margin-bottom: 1px;}
.btn-2{font-size: 11px;padding: 2px 8px;margin-top: 0}
.tabcontent .content i{font-size: 9px;}
.mission{width: 100%;height: auto;padding: 25px 0;}
.mission h5{font-size: 17px;line-height: 28px;}
.mission span{border-bottom: 2px dotted #ffffff;}
.products{width: 100%;height: auto;padding: 20px 0;}
.products .col-lg-12.mt-5{margin-top: 10px !important;}
.products h1{font-size: 20px;line-height: 30px;}
.products .products-content{padding: 1rem 1rem !important;}
.products h5{font-size: 16px;line-height: 25px;margin-bottom: 6px;}
.products h5.w-20{width: 33%;}
.products h2{font-size: 18px;line-height: 25px;margin-bottom: 6px;}
.products p{font-size: 14px;line-height: 22px;margin-bottom: 5px;}
.btn-3{font-size: 13px;}
.products i{font-size: 10px;}
.border-left{border-radius: 10px 10px 0 0 !important;}
.border-right{border-radius: 0 0 10px 10px !important;}
.products h5.w-70{width: 91%;}
.products h5.w-40{width: 51%;}
.products h5.w-30{width: 32%;}
.client{width: 100%;height: auto;padding: 20px 0;}
.client h2{font-size: 18px;line-height: 27px;margin-bottom: 15px;}
.client-div{width: 32% !important;}
.btn-4{width: 28%;font-size: 14px;margin-top: 7px;padding: 3px 5px;}
.footer{width: 100%;height: auto;padding: 20px 0 0;}
.social-icons{margin-top: 0;margin-bottom: 15px;float: left;}
.social-icons li{padding: 0 6px;}
.social-icons li a{font-size: 18px;}
.address p{font-size: 13px;line-height: 22px;margin-left: 30px;margin-bottom: 10px;}
.address{padding: 0px 0;}
.address .ps-3{padding-left: 0 !important;}
.address i{font-size: 14px;padding-left: 5px;}
.address .col-lg-12{width: 100%;}
.address p a{font-size: 15px;}
.address .border-r{border-right: none;}
.address .col-lg-6{width: 100%;}
.address .col-lg-6.pb-3{padding-bottom: 0px !important;}
.footer-bottom p{font-size: 13px;line-height: 23px;}
.waicon{font-size: 21px;padding: 6px 11px;margin-bottom: 23px;}
.sm-banner{width: 100%;height: auto;padding: 20px 0 20px;margin-top: 70px;}
.sm-banner h6{font-size: 13px;line-height: 21px;letter-spacing: 0;}
.sm-banner h1{font-size: 25px;line-height: 30px;}
.about-us{width: 100%;height: auto;padding: 20px 0;}
.about-us h4{font-size: 21px;line-height: 30px;margin-bottom: 0.5rem;}
.about-us p{font-size: 14px;line-height: 23px;text-align: justify;}
.about-us .col-lg-6.mb-5{margin-bottom: 1rem !important;}
.about-us h5{font-size: 16px;line-height: 25px;font-weight: 600;margin-bottom: 0.8rem;}
.about-us .col-lg-6{width: 100%;margin-bottom: 10px;}
.about-us .top-products.py-4{padding-top: 0.8rem !important;padding-bottom: 0.8rem !important;}
.about-us .top-products img{margin-bottom: 5px;}
.about-us h6{font-size: 15px;line-height: 25px;}
.about-us .col-lg-4.pe-0{padding-right: 10px !important;}
.about-us .col-lg-4.ps-0{padding-left: 10px !important;}
.vision-mission{width: 100%;height: 350px;padding: 30px 0;
  background-image: url('../images/vision-mission-bg-mobile.html');
}
.vision-mission.px-5{padding-left: 10px !important;padding-right: 10px !important;}
.vision-mission .col-lg-6.px-5{padding-left: 10px !important;padding-right: 10px !important;}
.vision-mission h3{font-size: 21px;line-height: 32px;margin-bottom: 0.2rem;}
.vision-mission h3.mt-5{margin-top: 10px !important;}
.vision-mission p{width: 100%;font-size: 14px;line-height: 23px;text-align: justify;}
/*.client-list{width: 100%;height: auto;padding: 20px 0;}
.client-list h2{font-size: 18px;line-height: 32px;margin-bottom: 0.8rem;}
.client-list .col-lg-2{width: 33.3%;height: auto;}
.client-list .col-lg-2.px-2{padding-right: 0.3rem !important;padding-left: 0.3rem !important;}
.client-list img.px-5{padding-left: 0.7rem !important;padding-right: 0.6rem !important;}
.client-list img{width: auto;height: auto;margin-bottom: 10px;}
.client-list .py-4{padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}
*/.get-a-quote{width: 100%;height: auto;padding: 20px 0;}
.get-a-quote .get-div{padding: 15px 15px;margin-bottom: 10px;}
.row{margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;}
.get-a-quote .col-lg-4{padding-left: 0;padding-right: 0;}
.get-a-quote .get-div img{width: auto;height: auto;margin-bottom: 8px;}
.get-a-quote .get-div h6{font-size: 16px;line-height: 25px;margin-bottom: 0.2rem;}
.get-a-quote .get-div p{font-size: 14px;line-height: 24px;margin-bottom: 0;}
.get-a-quote .get-div.py-5{padding-top: 15px !important;padding-bottom: 15px !important;}
.get-a-quote .get-div p.pb-1{padding-bottom: 0 !important;}
.get-a-quote .get-div.pb-4{padding-bottom: 15px !important;}
.get-a-quote .get-div.pt-5{padding-top: 15px !important;}
.get-a-quote .get-div h6.pt-2{padding-top: 0 !important;}
.get-a-quote .get-div p.pb-2{padding-bottom: 0.2rem !important;}
.get-a-quote .col-lg-12.mb-5{margin-bottom: 1rem !important;}
.get-a-quote form{width: 90%;height: auto;float: right;margin-bottom: 20px;}
.get-a-quote form.py-5{padding-top: 1rem !important;padding-bottom: 1rem !important;}
.get-a-quote form.px-3{padding-left: 1rem !important;padding-right: 1rem !important;}
.get-a-quote h4{font-size: 18px;line-height:30px;margin-bottom: 0.7rem;font-weight: 600;}
.get-a-quote form .col-lg-6{width: 100%;}
.get-a-quote form .col-lg-6.pe-2{padding-right: 0 !important;}
.get-a-quote form input{height: 35px;padding: 5px 15px;}
.get-a-quote form .col-lg-6.ps-2{padding-left: 0 !important;}
.get-a-quote form select{height: 35px;padding: 5px 10px;}
.get-a-quote form textarea{padding: 15px 15px;}
.get-a-quote form .col-lg-6.mb-3{margin-bottom: 0.6rem !important;}
.get-a-quote form .col-lg-12.mb-3{margin-bottom: 0.6rem !important;}
.get-a-quote .col-lg-6 iframe{width: 100%;height: 230px;}
.media-icon{top: 13%;left: -35px;width: 35px;padding: 10px 0;}
.media-icon a{font-size: 16px;line-height: 30px;padding-top: 11px;}

.product-div{width: 100%;height: auto;padding: 0;margin-top: 72px;}
.product-div .col-lg-4.p-5{padding: 2.5rem 0.5rem 0rem 1rem !important;}
.product-div .col-lg-4{width: 30%;height: auto;}
.product-div img{width: 70%;margin-bottom: 10px;margin-right: 0;}
.btn-8{padding: 1px 1px;width: 71%;font-size: 9px;height: auto;}
.product-div .col-lg-8{width: 70%;float: left;padding: 15px 15px;}
.product-div h2{font-size: 15px;line-height: 22px;margin-bottom: 0;}
.water-saver{width: 100%;height: auto;padding: 20px 0;}
.water-saver h2{font-size: 21px;line-height: 32px;}
.water-saver .col-lg-12.mt-5{margin-top: 1rem !important;}
.padding-1, .padding-2, .padding-3, .padding-4, .padding-5, .padding-6{padding: 1rem 1rem;}
.water-saver h3{font-size: 1.2rem;line-height: 1.4rem;margin-bottom: 8px;}
.water-saver h3.w-60{width: 44%;border-bottom-width: 1px !important;}
.water-saver p{margin-bottom: 0;font-size: 0.85rem;line-height: 1.2rem;}
.water-saver img{width: 100%;height: auto;}
.products h5.w-60{width: 82%;}
.water-saver h3.w-80{width: 57%;border-bottom-width: 1px !important;}
.water-saver h3.w-10{width: 18%;border-bottom-width: 1px !important;}
.water-saver h3.w-30{width: 26%;border-bottom-width: 1px !important;}
.water-saver h3.w-90{width: 70%;border-bottom-width: 1px !important;}
.sewage-treatment-plant{width: 100%;height: auto;padding: 20px 0;}
.sewage-treatment-plant h2{font-size: 21px;line-height: 32px;}
.sewage-treatment-plant img{width: 100%;height: auto;}
.tab-1{margin-top: 20px;margin-bottom: 0;}
.sewage-treatment-plant .mt-4{margin-top: 10px !important;}
.tab-1 button:first-child{border-left-width: 2px;}
.tab-1 button{font-size: 11px;padding: 10px 10px;box-shadow: rgb(0 0 0) 0px 0px 1px 0px;margin-bottom: 5px;margin-right: 5px;}
.tabcontents{padding: 5px 0;}
.tabcontents h4{font-size: 19px;line-height: 30px;margin-bottom: 0.5rem;}
.tabcontents h6{font-size: 17px;line-height: 28px;margin-bottom: 0.41rem;}
.tabcontents i{font-size: 15px;}
.sewage-treatment-plant img.mb-3{margin-bottom: 0.4rem !important;}
.tabcontents .fa-circle{font-size: 7px;line-height: 1.4rem;}
.tabcontents p{font-size: 0.85rem;line-height: 1.4rem;margin-bottom: 6px;margin-left: 19px;}
.product-div span{border-bottom-width: 2px;}
.product-div h4{font-size: 12px;line-height: 17px;margin-bottom: 0;}
.frp-products{width: 100%;height: auto;padding: 20px 0;}
.frp-products h4{font-size: 17px;line-height: 25px;margin-bottom: 0.5rem;}
.magnific-img{width: 100%;margin-bottom: 10px;}
.frp-products p{margin-bottom: 0;}
.daiki-logo{margin-right: 1px !important;}
.products h5.pt-4{padding-top: 0 !important;}
.btn-3.mb-4{margin-bottom: 0 !important;}
.padding-mb{padding-top: 22px;}
.recent-works{width: 100%;height: auto;padding: 20px 5px;}
.recent-works .col-lg-12{padding: 0;}
.recent-works .col-lg-12 img{width: 48.88%;float: left;margin-right: 2px;margin-top: 2px;margin-left: 2px;margin-bottom: 2px;}

.margin-top{top: 0 !important;}
.videos{width: 100%;height: auto;padding: 20px 0;margin-top: 72px;}
.videos h3{font-size: 18px;line-height: 25px;margin: 0px 0 15px !important;}
.videos .pe-2, .videos .pe-3{padding-right: 0 !important;}
.videos video{width: 100%;height: 250px !important;padding-bottom: 8px;}
.videos .col-lg-3{padding-bottom: 8px !important;}
.videos .mb-5{margin-bottom: 5px !important;}
.daiki-videos .col-lg-4{padding-bottom: 8px;}

.daiki-videos .col-lg-4.mb-3{margin-bottom: 2px !important;}

.sewage-treatment-plant h5{font-size: 18px;line-height: 25px;margin-top: 0.7rem;}
.awards-div{width: 100%;height: auto;margin-bottom: 5px;}
.awards-div a{font-size: 15px;line-height: 25px;padding: 4px 4px;text-align: center;border: none;}

.blog h4:after{width: 90px;height: 1px;margin-left: 5px;}
.blog{width: 100%;height: auto;padding: 20px 0;}
.blog .col-lg-12.pb-3{padding-bottom: 0 !important;}
.blog h4{font-size: 18px;line-height: 28px;margin: 5px 0px 15px !important;}
.blog .col-lg-4{padding: 0;}
.blog .col-lg-4 .blog-div{padding-bottom: 10px;margin-bottom: 10px;height: auto;}
.blog .col-lg-4 img{width: 100%;height: auto;}
.blog h5{padding: 10px 10px 7px;font-size: 17px;line-height: 25px;}
.btn-9{font-size: 13px;padding: 5px 8px;line-height: 16px;}

.blog-1{width: 100%;height: auto;margin-top: 70px;padding: 20px 0 10px;}
.blog-1 .col-lg-8{
  padding-right: 0;
  margin-bottom: 15px;
}
.blog-1 .blog-content{
  width: 100%;
  padding: 10px 10px;
}
.blog-1 .blog-header{
  padding: 10px 0;
  margin-bottom: 10px;
}
.blog-1 .blog-header p{
  padding: 0 0 5px;
}
.blog-1 .blog-header h1{
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 0;
}
.blog-1 img{
  width: 100%;
  height: auto;
}
.blog-1 .blog-header p i{
  font-size: 14px;
  padding-right: 6px;
}
.blog-1 .blog-header p .fa-caret-right{padding-left: 6px;}
.blog-1 p{
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 5px;
}
.blog-1 h5{
  font-size: 17px;
  line-height: 25px;
}
.blog-1 .col-lg-4{
  padding-left: 0;
}
.blog-1 .col-lg-4 form{
  width: 100%;
  height: auto;
}
.blog-1 .col-lg-4 h6{font-size: 17px;line-height: 30px;margin-bottom: 13px;}
.blog-1 .col-lg-4 form input{
  font-size: 14px !important;height: 38px;padding: 0 13px;
}
.blog-1 .media-box ul li{margin-left: 17px;margin-bottom: 0;}


}



/* ====== DTell ====== */

.logo h1{
  font-size: 3rem;
  line-height: 4rem;
  text-align: left;
  color: #ffffff;
  font-weight: 600;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin-bottom: 0;
  letter-spacing: -.0625rem;
}

a.logo{text-decoration: none;}
.logo h1 span{
  font-size: 2.7rem;
  line-height: 3.7rem;
  text-align: left;
  color: #ffffff;
  font-weight: 600;
}
header:hover .logo h1{color: #000000}
header:hover .logo h1 span{color: #000000}
header .header-1{width: 8%;height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
}
header .header-2{width: 81%;height: 75px;padding-top: 0px;padding-left: 25px;}
header .header-3{width: 11%;height: 75px;display: flex;justify-content: end;align-items: center;}

.social-links{
  width: auto;
  display: flex;
  justify-content: right;align-items: center;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
.social-links li{
  padding: 0 11px;
  display: block;
}
.social-links li a i{
  color: #ffffff;
  font-size: 15px;
}
header:hover .social-links li a i{color: #333333}

:root {
  --text-color: hsla(210, 50%, 85%, 1);
  --shadow-color: hsla(210, 40%, 52%, .4);
  --btn-color: hsl(210, 80%, 42%);
  --bg-color: #141218;
}

.button1 {
  position:relative;
  padding: 10px 20px;  
  border: none;
  background: none;
  cursor: pointer;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: normal;
  text-transform: capitalize;
  font-size: .875rem;
  line-height: 1.25rem;  
  color: #ffffff;
  background-color: rgb(254, 0, 12);
  box-shadow: var(--shadow-color) 2px 2px 22px;
  border-radius: 4px; 
  z-index: 0;  
  overflow: hidden;  
  letter-spacing: 0.4px; 
  margin-left: 20px;
}

.button1:focus {
  outline-color: transparent;
  box-shadow: hsl(210deg 80% 42% / 65%) 2px 2px 22px;
}

.right::after, .button1::after {
  content: var(--content);
  display: block;
  position: absolute;
  white-space: nowrap;
  padding: 40px 40px;
  pointer-events:none;
}

.button1::after{
  font-weight: 200;
  top: -30px;
  left: -20px;
} 

.right, .left {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.right {
  left: 66%;
}
.left {
  right: 66%;
}
.right::after {
  top: -30px;
  left: calc(-66% - 20px);
  
  background-color: var(--bg-color);
  color:transparent;
  transition: transform .4s ease-out;
  transform: translate(0, -90%) rotate(0deg)
}

.button1:hover .right::after {
  transform: translate(0, -47%) rotate(0deg)
}

.button1 .right:hover::after {
  transform: translate(0, -50%) rotate(-7deg)
}

.button1 .left:hover ~ .right::after {
  transform: translate(0, -50%) rotate(7deg)
}

/* bubbles */
.button1::before {
  content: '';
  pointer-events: none;
  opacity: .6;
  background:
    radial-gradient(circle at 20% 35%,  transparent 0,  transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),
    radial-gradient(circle at 75% 44%, transparent 0,  transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),
    radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, var(--text-color) 5px, var(--text-color) 6px, transparent 6px);

  width: 100%;
  height: 300%;
  top: 0;
  left: 0;
  position: absolute;
  animation: bubbles 5s linear infinite both;
}

@keyframes bubbles {
  from {
    transform: translate();
  }
  to {
    transform: translate(0, -66.666%);
  }
}


nav .navbar .dropdown {
  position: relative;
  display: inline-block;
}

nav .navbar .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 480px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 30px 30px;
  z-index: 1;
  margin: 0;
  border-top: 1px solid #d1d3d4;
}

nav .navbar .dropdown:hover .dropdown-content {
  display: block;
}
nav .navbar .dropdown-content .col-lg-6{float: left;}
.dropdown-1 img{
  width: 100%;
  height: auto;
}
.dropdown-1 p{
  font-size: .875rem;
  line-height: 1.5rem;
  font-weight: normal;
  text-align: justify;
  color: #333333;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin: 0;
  padding: 5px 0 0;
}
.dropdown-1 h4{
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-align: left;
  color: #333333;
  margin: 10px 0 0px;
  padding: 0;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
}
.dropdown-1 h4 a{
  text-decoration: underline 1px;
}
.dropdown-1{padding-right: 25px;}
.dropdown-2{padding-left: 25px;border-left: 1px solid #d1d3d4;}
.bl-1{
  border-left: none !important;
}
.br1{
  border-right: 1px solid #d1d3d4 !important;
}
.dropdown-2 li{
  display: block;
  padding: 8px 5px;
}
.dropdown-2 li a{
  text-decoration: none;
  font-size: .875rem;
  line-height: 1.5rem;
  font-style: normal;
  font-weight: 300;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
}
.dropdown-2 li:hover a{
  color: rgb(254, 0, 12);
  text-decoration: underline 1px rgb(254, 0, 12);
}

header:hover .social-links li a i:hover{color: rgb(254, 0, 12)}

.left-1{margin-left: -107px !important}

.commitment{width: 100%;height: auto;padding: 80px 0 60px;margin: 0;background-color: #f1f2f2;}
.commitment h2{
  font-size: 2.125rem;
  line-height: 2.75rem;
  color: #333333;
  text-align: left;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: normal;
  margin-bottom: 25px;
}
.commitment p{
  color: #6d6e71;
  font-size: 1rem;
  line-height: 1.75rem;
  text-align: left;
  margin: 0;
  padding: 0;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: 300;
  font-style: normal;
}
.commitment-div{
  width: 100%;
  height: auto;
  padding: 0 0 0px 0;
  background-color: #ffffff;
  border-left: 4px solid #fe000c;
  margin-bottom: 30px;
}
.commitment-div .title{
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 100px;
}
.commitment h5{
  font-size: 1rem;
  color: #333333;
  line-height: 1.75rem;
  text-align: left;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0;
  width: 200px;
}
.commitment .commitment-div:hover img{
  width: auto;
  height: auto;
  filter: grayscale(100%);
  opacity: 0.7;
}
.commitment .commitment-div:hover h5{
  color: #7c7c7c;
}
.commitment-div .content{
  width: 70%;
  padding-left: 30px;
  display: none;
  padding-bottom: 40px;
}
.commitment-div .content p{
  color: #fe000c;
  font-size: .875rem;
  line-height: 1.5rem;
  text-align: left;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: 300;
  font-style: normal;
}
.commitment-div .content p:hover{
  text-decoration: underline;
}
.commitment .commitment-div:hover .content{
  display: block;
}
.commitment .commitment-div:hover{border-left-color: #7c7c7c;}




.booknow{
  width: 100%;
  height: auto;
  padding: 25px 0 30px;
  margin-top: 75px;
}
.contact .contact-div:hover:after{
  transform: rotate(6deg);
}


.booknow .sm-header h6{ color: #fe000c;
  padding: 0px 0px 0px 11px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-style: normal;
  letter-spacing: 0.3px;
  text-transform: capitalize;
  margin: 0;
}

.booknow .sm-header{
  display: flex;
  align-items: center;
  width: auto;
  justify-content: center;
  height: auto;
  margin: 0 auto;
  padding-bottom: 10px;
}
.booknow h2{
  font-size: 2.5rem;
  color: #333333;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  line-height: 3.5rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1.35rem;
}
.booknow .booknow-img{
  width: 100%;
  height: auto;
  padding: 45px 0;
  position: relative;
}
.booknow .booknow-img:after{
  position: absolute;
  content: '';
  background-color: #fe000c;
  width: 80%;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: -1;
}
.booknow .booknow-img img{
  width: 100%;
  height: auto;
  z-index: 99;
}

.booknow form{
  width: 100%;
  height: auto;
  padding: 45px 25px;
}

.booknow form h4{
  font-size: 1.7rem;
  color: #333333;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  line-height: 2.2rem;
  font-weight: 600;
  text-align: left;
  margin-bottom: 1.5rem;
}

.form-group {
    position: relative;
    display: block;
    margin: 0 0 15px 0;
    padding: 0;
}
.input-icon {
    position: absolute;
    top: 0;
    left: 18px;
    height: 48px;
    font-size: 24px !important;
    line-height: 48px !important;
    text-align: left;
    color: #fe000c;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.form-style {
  padding: 13px 20px;
  padding-left: 55px;
  height: 48px;
  width: 100%;
  font-weight: 500;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.5px;
  outline: none;
  color: #000000;
  background-color: #ffffff;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  border: none;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
/*    box-shadow: 0 4px 8px 0 rgb(21 21 21 / 20%);*/
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border: 1px solid #c9c9c9;
}
/*::placeholder{
  font-weight: 600 !important;
}*/
.w-49{
  width: 49%;
  float: left;
}
.mr1{
  margin-right: 1% !important;
}
.ml1{
  margin-left: 1% !important;
}
.booknow form .submit-btn{
  width: 25%;
  margin: 0;
}
.booknow form .submit-btn .button1{
  margin-left: 0;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-size: 1.05rem;
  line-height: 1.55rem;
  box-shadow: hsl(31deg 100% 59% / 42%) 2px 2px 22px;
  padding: 11px 38px;
}
.booknow form .submit-btn .button1 .right::after, .booknow form .submit-btn .button1::after{
  padding: 42px 58px;
}



.client-list{
  width: 100%;
  height: auto;
  padding: 10px 0 4px;
  background-color: #f1f2f2;
}

.client-list .col-lg-3{
  padding: 0 3px;
  width: 20%;
}
.client-list .client-list-div{width: 100%;height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  padding: 25px 0 25px;
  border-radius: 0px;
  box-shadow: #d5d2d214 0px 0px 16px;
  border-radius: 0px 8px;
  position: relative;
  background-color: #ffffff;
}


.client-list .client-list-div img{width: auto;height: auto;}

.sm-banner-about{
  width: 100%;
  height: auto;
  padding: 0px 0 0px;
  margin: 75px 0 10px 0;
  display: flex;
  background-color: #333333;
}
.sm-banner-about .about-left{
  width: 50%;
  float: left;
  height: auto;
  padding: 0;
  margin: 0;
}
.sm-banner-about .about-left img{
  width: 100%;
  height: auto;
}
.sm-banner-about .about-right{
  width: 50%;
  float: left;
  height: auto;
  margin: 0;
  display: flex;
  align-items: center;
  padding: 30px 45px 30px 100px;
/*  background-color: #333333;*/
}
.sm-banner-about h6{
  font-size: .8125rem;
  font-weight: 400;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  line-height: 1.25rem;
  letter-spacing: .0625rem;
  font-style: normal;
  text-align: left;
  color: #ff0416;
  text-transform: uppercase;
  margin-bottom: 0.7rem;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
}
.sm-banner-about h1{
  font-size: 2.125rem;
  line-height: 2.75rem;
  text-align: left;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  color: #ffffff;
  margin-bottom: 20px;
  padding: 0;
  letter-spacing: -.03125rem;
  font-style: normal;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
}
.sm-banner-about p{
  width: 75%;
  float: left;
  font-size: 1rem;
  line-height: 1.75rem;
  text-align: left;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-weight: 300;
  letter-spacing: 0.5px;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
}

.why-us{
  width: 100%;
  height: auto;
  padding: 0 0;
  margin: 0;
}
.why-us .row{
  margin: 0;
  padding: 0;
}
.why-us .why-us-right{
  width: 50%;
  height: auto;
  float: left;
  margin: 0 auto;
  padding: 0;
  background-image: url('../images/why-us-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.why-us .why-us-left{
  width: 50%;
  height: auto;
  float: right;
  margin: 0 auto;
  padding: 65px 35px 55px 70px;
  background-color: #ffffff;
  border-radius: 0px;
}
.why-us .why-us-left h3{
  font-size: 3rem;
  line-height: 4rem;
  text-align: left;
  color: #333;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 20px;
}

.why-us .why-us-left p{
  width: 75%;
  float: left;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 300;
  font-style: normal;
  text-align: left;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin: 0;
  padding: 0;
  color: #6d6e71;
}
.sm-line{
  width: 80%;
  height: 1px;
  background-color: #d1d3d4;
  margin: 35px 0 40px;
}
.why-us .why-us-left h6{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-style: normal;
  text-align: left;
  color: #333333;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: normal;
  margin-bottom: 17px;
  transition: 0.3s;
  display: flex;
}
.why-us .why-us-left h6 i{
  font-size: 15px;
  line-height: 1.5rem;
  color: #333333;
  padding-right: 7px;
}

.why-us .why-us-left h6:hover{
  color: #fe000c;
  text-decoration: underline 1px ;
}
.why-us .why-us-left h6:hover i{
  color: #fe000c;
  text-decoration: none;
}


.our-story-div{
  width: 100%;
  height: auto;
  padding: 1px 2px;
}

.our-story-div .col {
  flex-grow: 1;
  transition: all 1s ease-in;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.our-story-div .wrapper {
  display: flex;
  width: 100%;
  height: 600px;
  margin: 0 auto;
  justify-content: center;
}
.our-story-div .col:nth-child(1) {
  background-image: url('../images/cctv-sales-installation-bg.jpg');
  border-right: 1px solid #b3b3b3;
}

.our-story-div .col:nth-child(2) {
  background-image: url('../images/biometric-solutions-bg.jpg');
  border-right: 1px solid #b3b3b3;
}
.our-story-div .col:nth-child(3) {
  background-image: url('../images/home-automation-bg.jpg');
  border-right: 1px solid #b3b3b3;
}
.our-story-div .col:nth-child(4) {
  background-image: url('../images/solutions-bg.jpg');
}
.our-story-div #defaultOpen{flex-grow: 3;}

.our-story-div .col:nth-child(1):hover,
.our-story-div .col:nth-child(2):hover,
.our-story-div .col:nth-child(3):hover,
.our-story-div .col:nth-child(4):hover{
  flex-grow: 3;
}


.our-story-div .txt h4{
  position: absolute;
  bottom: 0px;
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.3px;
  text-align: center;
  color: #ffffff;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 20px 10px 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background: rgb(10 10 10 / 0%) linear-gradient(180deg, rgb(0 0 0 / 12%) 0px, #1e1b1be6 85%) repeat scroll 0 0;
}


.quote-box{
  width: 80%;
  margin: 30px auto;
  padding: 85px 20px;
  background-image: url('../images/quote-box-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: linear-gradient(90deg,rgba(0,6,48,1) 0%,rgba(0,95,150,1) 49%,rgba(0,255,255,1) 100%);
}

.quote-box h2{
  width: 450px;
  font-size: 3.3rem;
  line-height: 4.7rem;
  letter-spacing: -.0625rem;
  text-align: left;
  color: #ffffff;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: 300;
  margin-bottom: 0px;
  text-transform: capitalize;
}
.quote-box h2 span{
  font-weight: 400;
  color: #ff0416;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
}
.quote-box button{
  width: auto;
  height: auto;
  padding: 14px 30px 10px 30px;
  text-align: center;
  background-color: #ffffff;
  color: #002a58;
/*  border: 2px solid #002a58;*/
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: normal;
  transition: 0.5s all;
  border-radius: 4px;
}
.quote-box .right::after, .quote-box .button1::after{
 padding: 44px 50px;
}
.quote-box .button1::before{
  opacity: 1;
}
.quote-box .right::after{
  background-color: #00fbfc;
}
.sm-banner-contact{
  width: 100%;
  height: auto;
  padding: 90px 0 90px;
  margin: 75px 0 0 0;
  background-image: url('../images/sm-banner-contact-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.sm-banner-contact h6{
  font-size: .8125rem;
  font-weight: 400;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  line-height: 1.25rem;
  letter-spacing: .0625rem;
  font-style: normal;
  text-align: left;
  color: #ff0416;
  text-transform: uppercase;
  margin-bottom: 0.7rem;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
}
.sm-banner-contact h1{
  font-size: 3.75rem;
  font-weight: 600;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  line-height: 4.375rem;
  letter-spacing: -.0625rem;
  text-align: left;
  color: #ffffff;
  margin-bottom: 0.5rem;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
}

.sm-banner-contact p{
  width: 60%;
  float: left;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 300;
  font-style: normal;
  text-align: left;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin: 0;
  padding: 0;
  color: #ffffff;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
}

.contact-us{
  margin-top: 75px;
  width: 100%;
  height: auto;
  padding: 30px 0;
  background-color: #f1f2f2;
}
.contact-us-div{
  width: 100%;
  height: auto;
  padding: 25px 25px;
  background-color: #ffffff;
  border-radius: 10px;
  position: relative;
}
/*.contact-us-div:before{
  content: '';
  position: absolute;
  width: 10px;
  height: 30%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ff0416;
  border-radius: 0 50% 50% 0;
}*/
.contact-us-div .contact-us-right{
  width: 65%;
  float: right;
  height: auto;

}
.contact-us-div .contact-us-left{
  width: 35%;
  float: left;
  height: auto;
  padding: 0 40px 0 0;
  position: relative;
}
.contact-us-div .contact-us-left:after{
  position: absolute;
  right: 6%;
  content: '';
  height: 80%;
  top: 10%;
  border: 1px dashed #ff0416;
}
.contact-us-div .contact-us-left .address, .contact-us-div .contact-us-left .phone{
  margin-bottom: 15px;
}
.contact-us-div .contact-us-left .address i{
  font-size: 45px;
  line-height: 50px;
  color: #ff0416;
  margin-bottom: 5px;
}

.contact-us-div .contact-us-left .icon{
  display: flex;
  justify-content: center;
}
.contact-us-div .contact-us-left .phone .icon i, .contact-us-div .contact-us-left .mail .icon i{
  font-size: 35px;
  line-height: 43px;
  color: #ff0416;
  margin-bottom: 5px;
}

.contact-us-div .contact-us-left h4{
  font-size: 1.31rem;
  font-weight: 400;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  line-height: 2.25rem;
  letter-spacing: 0;
  text-align: center;
  color: #000000;
  margin-bottom: 0.5rem;
}
.contact-us-div .contact-us-left p{
  font-size: 1rem;
  line-height: 1.75rem;
  text-align: center;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin: 0;
  padding: 0;
  color: #000000;
}
.contact-us-div .contact-us-left p a{
  font-size: 1rem;
  line-height: 1.75rem;
  text-align: center;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin: 0;
  padding: 0;
  color: #000000;
  text-decoration: none;
}
.contact-us-div .contact-us-left p a:hover{
  color: #ff0416;
}

.product-1{
  width: 100%;
  height: auto;
  margin: 75px 0 0;
  padding: 0;
}
.product-1 .hd-camera, .product-1 .sales{
  width: 100%;
  height: auto;
  display: flex;
}
.product-1 .hd-camera .hd-camera-img, .product-1 .sales .sales-img{
  width: 50%;
  height: auto;
  float: left;
  
  overflow: hidden;
}
.product-1 .hd-camera .hd-camera-img img, .product-1 .sales .sales-img img{
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.7s all;
}/*
.product-1 .hd-camera .hd-camera-img:hover img, .product-1 .sales .sales-img:hover img{
  transform: scale(1.1);
}*/
.product-1 .hd-camera .hd-camera-cnt, .product-1 .sales .sales-cnt{
  width: 50%;
  height: auto;
  background-color: #333333; 
  display: flex;
  align-items: center;
  padding: 0px 45px 30px 100px;
}
.product-1 .hd-camera .hd-camera-cnt h2, .product-1 .sales .sales-cnt h2{
  font-size: 2.125rem;
  line-height: 2.75rem;
  text-align: left;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  color: #ffffff;
  margin-bottom: 20px;
  padding: 0;
  letter-spacing: -.03125rem;
  font-style: normal;
}
.product-1 .hd-camera .hd-camera-cnt p, .product-1 .sales .sales-cnt p{
  width: 75%;
  float: left;
  font-size: 1rem;
  line-height: 1.75rem;
  text-align: justify;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-weight: 300;
  letter-spacing: 0.5px;
}


.why-us-div{
  width: 100%;
  height: auto;
  padding: 50px 0;
  background-color: #f1f2f2;
}

.bg-white h1{
  color: #000000;
}

.bg-white h1 span{
  color: #000000;
}
.bg-white nav .navbar .nav-item .nav-link{
  color: #333333;
}



.brands-we-deal{
  width: 100%;
  height: auto;
  padding: 0px 0;
  background-color: #ffffff;
  display: flex; 
}

.brands-we-deal .brands-left{
  width: 50%;
  height: auto;
  padding: 45px 50px 30px 85px;
  background-color: #ffffff;
  float: left;
  display: flex;
  align-items: center;
}

.brands-we-deal .brands-left h2{
  font-size: 3rem;
  line-height: 4rem;
  text-align: left;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  color: #333333;
  margin-bottom: 30px;
  padding: 0;
  letter-spacing: -.03125rem;
  font-style: normal;
}
.brands-we-deal .brands-left .brand{
  width: 50%;
  height: auto;
  padding: 0px 0px;
  margin-bottom: 0px;
  float: left;
  margin-right: 0px;
}
.brands-we-deal .brands-left .brand img{
  width: auto;
  height: auto;
}

.brands-we-deal .brands-right{
  width: 50%;
  height: auto;
  padding: 0;
  background-color: #ffffff;
  float: right;
}
.brands-we-deal .brands-right img{
  width: 100%;
  height: 100%;
}


.product-cnt{
  width: 100%;
  height: auto;
  padding: 60px 0 80px;
  background-color: #f1f2f2;
}

.product-cnt h2{
  font-size: 3rem;
  line-height: 4rem;
  text-align: left;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  color: #333333;
  margin-bottom: 30px;
  padding: 0;
  letter-spacing: -.03125rem;
  font-style: normal;
}
.product-cnt .cnt-main-div{
  width: 100%;
  height: auto;
  padding: 20px 0 0;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 44px;
  row-gap: 44px;
}
.product-cnt .cnt-main-div .cnt-div{
  width: auto;
  min-height: 365px;
  padding: 20px 24px 92px;
  position: relative;
  transition: all 0.5s;
  transition-timing-function: ease;
  transform-origin: bottom;
  display: flex;
  align-items: center;
}
.product-cnt .cnt-main-div .cnt-div img{
  width: auto;
  height: auto;
  position: absolute;
  bottom: 15px;
  right: 15px;
  filter: invert(1);
}
.product-cnt .cnt-main-div .cnt-div h4{
  font-size: 1.65rem;
  line-height: 2.55rem;
  text-align: left;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  color: #ffffff;
  margin-bottom: 15px;
  padding: 0;
  letter-spacing: -.03125rem;
  font-style: normal;
  transition: 0s ease-in;
  transform-origin: bottom;
}

.product-cnt .cnt-main-div .cnt-div p{
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.75rem;
  display: none;
  transition: 0.5s ease-in;
  transform-origin: bottom;
  transition-delay: 0.1s;
}
.product-cnt .cnt-main-div .cnt-div a{
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #d5000a;
  text-decoration: none;
  display: none;
  transition: 0.5s ease-in;
  transform-origin: bottom;
  transition-delay: 0.1s;
}
.product-cnt .cnt-main-div .cnt-div a:hover{
  text-decoration: underline;
}
.product-cnt .cnt-main-div .cnt-div a i{
  font-size: 0.85rem;
  line-height: 1.75rem;
  color: #d5000a;
  padding-left: 5px;
}
.product-cnt .cnt-main-div .cnt-div a:hover i{
  padding-left: 10px;
}
.product-cnt .cnt-main-div .cnt-div:hover h4{
  color: #333333;
  animation:fadeInUp 0.3s ease backwards;
}
.product-cnt .cnt-main-div .cnt-div:hover p, .product-cnt .cnt-main-div .cnt-div:hover a{
  display: block;
  animation:fadeInUp 0.3s ease backwards;
}

@keyframes fadeInUp{
  0%{transform:translate(0px, 100px); opacity: 0;}
  100%{transform:translate(0px, 0); opacity: 1;}
}






.product-cnt .cnt-main-div .cnt-div-1{
  background-color: #3C89E5;
}
.product-cnt .cnt-main-div .cnt-div-2{
  background-color: #265FB2;
}
.product-cnt .cnt-main-div .cnt-div-3{
  background-color: #154090;
}
.product-cnt .cnt-main-div .cnt-div-4{
  background-color: #0A2B60;
}


.product-cnt .cnt-main-div .cnt-div:hover{
  background-color: #ffffff;
}

.product-cnt .cnt-main-div .cnt-div:hover img{
  filter: invert(0);
}

.bg-white .social-links li a i{
  color: #333333;
}




.sm-banner-blog{
  width: 100%;
  height: auto;
  padding: 210px 0 150px;
  margin: 75px 0 0 0;
  background-image: url('../images/sm-banner-blog-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.sm-banner-blog h6{
  font-size: .8125rem;
  font-weight: 400;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  line-height: 1.25rem;
  letter-spacing: .0625rem;
  font-style: normal;
  text-align: left;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0.7rem;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
}
.sm-banner-blog h1{
  font-size: 3.75rem;
  font-weight: 600;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  line-height: 4.375rem;
  letter-spacing: -.0625rem;
  text-align: left;
  color: #ffffff;
  margin-bottom: 0.5rem;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
}
.sm-banner-blog p{
  width: 40%;
  float: left;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 300;
  font-style: normal;
  text-align: left;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin: 0;
  padding: 0;
  color: #ffffff;
  animation: fadeContentSlideUp .5s ease-in 0s forwards;
}

.blog{
  width: 100%;
  height: auto;
  padding: 60px 0 0px;
}
.blog .display{
  display: block;
}
.blog .blog-div{
  width: 31%;
  height: auto;
  padding: 0;
  float: left;
  padding-bottom: 30px;
  margin-bottom: 40px;
}
.blog .blog-div img{
  width: auto;
  height: auto;
  margin-bottom: 30px;
}
.blog .blog-div h2{
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: #333333;
  margin-bottom: 10px;
}

.blog .blog-div p{
  color: #6d6e71;
  display: block;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.75rem;
  margin-bottom: 20px;
}
.blog .blog-div-1{
  margin-right: 2.5%;
}
.blog .blog-div-2{
  margin-right: 1%;
  margin-left: 1%;
}
.blog .blog-div-3{
  margin-left: 2.5%;
}

.view-btn{
  margin-left: 0 !important;
}

.blog .blog-div:hover h2{
  color: #ff0416 !important;
  text-decoration: underline 1px !important;
}


.book-now .button1{
  padding: 17px 40px;
  font-size: 1.06rem;
}
.book-now .button1::after{
  padding: 47px 60px;
}
.book-now .right::after{
  padding: 45px 54px;
}

.about-div-1{
  width: 100%;
  height: auto;
  padding: 60px 0;
  background-color: #333333;
}

.about-div-1 .div-1{
  width: 100%;
  height: auto;
  padding: 30px 10px;
  border: 2px dashed #ffffff40;
}
.about-div-1 .div-1 .div-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.about-div-1 .div-1 h4{
  font-size: 1.38rem;
  line-height: 2.38rem;
  text-align: center;
  color: #ffffff;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 0px;
}

.about-div-1 .div-1:hover h4{
  text-decoration: underline 1px;
}


.partners{
  width: 100%;
  height: auto;
  padding: 40px 0;
}
.partners h2 {
  font-size: 3rem;
  line-height: 4rem;
  color: #333333;
  text-align: left;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: normal;
  margin-bottom: 40px;
}
.partners ul{
  padding: 0;
  margin:0;
  list-style: none;
}
.partners .owl-buttons{
  margin-top: 17px;
}

.sm-banner-solutions{
  width: 100%;
  height: 350px;
  padding: 50px 0 50px;
  margin-top: 75px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.education-bg{
  background-image: url('../images/education-bg.jpg');
}
.retail-bg{
  background-image: url('../images/retail-bg.jpg');
}
.manufacturing-bg{
  background-image: url('../images/manufacturing-bg.jpg');
}
.government-bg{
  background-image: url('../images/government-bg.jpg');
}
.healthcare-bg{
  background-image: url('../images/healthcare-bg.jpg');
}
.hospitality-bg{
  background-image: url('../images/hospitality-bg.jpg');
}
.property-management-bg{
  background-image: url('../images/property-management-bg.jpg');
}
.residential-bg{
  background-image: url('../images/residential-bg.jpg');
}
.commercial-bg{
  background-image: url('../images/commercial-bg.jpg');
}
.techparks-bg{
  background-image: url('../images/techparks-bg.jpg');
}
.logistics-bg{
  background-image: url('../images/logistics-bg.jpg');
}
.banking-bg{
  background-image: url('../images/banking-bg.jpg');
}



.sm-banner-solutions h2{
  font-size: 3rem;
  line-height: 4rem;
  text-align: center;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  color: #ffffff;
  margin-bottom: 0px;
  padding: 0 5px;
  letter-spacing: -.03125rem;
  font-style: normal;
  background-color: #0900006b;
}

.solutions{
  width: 100%;
  height: auto;
  padding: 44px 0 44px;
  background-color: #f1f2f2;
}
.solutions .solutions-main-div{
  width: 100%;
  height: auto;
  padding: 0px 0 0;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 44px;
  row-gap: 44px;
}
.solutions .solutions-main-div .solutions-div{
  width: auto;
  min-height: 335px;
  padding: 20px 24px 92px;
  position: relative;
  transition: all 0.5s;
  transition-timing-function: ease;
  transform-origin: bottom;
  display: flex;
  align-items: center;
}
.solutions .solutions-main-div .solutions-div img{
  width: auto;
  height: auto;
  position: absolute;
  bottom: 15px;
  right: 15px;
  filter: invert(1);
}
.solutions .solutions-main-div .solutions-div h4{
  font-size: 2.125rem;
  line-height: 2.75rem;
  text-align: left;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  color: #ffffff;
  margin-bottom: 30px;
  padding: 0;
  letter-spacing: -.03125rem;
  font-style: normal;
  transition: 0s ease-in;
  transform-origin: bottom;
}

.solutions .solutions-main-div .solutions-div p{
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #ffffff;
  transition: 0s ease-in;
  transform-origin: bottom;
  transition-delay: 0.1s;
}

.solutions .solutions-main-div .solutions-div:hover p{
  display: block;
  color: #333333;
  animation:fadeInUp 0.3s ease backwards;
}
.solutions-div-1{
  background-color: #265FB2;
}
.solutions-div-2{
  background-color: #154090;
}
.solutions-div-3{
  background-color: #0A2B60;
}

.solutions .solutions-main-div .solutions-div:hover h4{
  color: #333333;
  animation:fadeInUp 0.3s ease backwards;
}

.solutions .solutions-main-div .solutions-div:hover{
  background-color: #ffffff;
}

.solutions .solutions-main-div .solutions-div:hover img{
  filter: invert(0);
}


.solutions .solutions-main-div .solutions-div h2{
  font-size: 2.125rem;
  line-height: 2.75rem;
  text-align: left;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  color: #ffffff;
  margin-bottom: 0px;
  padding: 0;
  letter-spacing: -.03125rem;
  font-style: normal
}

.sm-banner-services{
  width: 100%;
  height: 350px;
  padding: 50px 0 50px;
  margin-top: 75px;
  background-image: url('../images/sm-banner-services.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sm-banner-services h2{
  font-size: 3rem;
  line-height: 4rem;
  text-align: center;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  color: #ffffff;
  margin-bottom: 0px;
  padding: 0 5px;
  letter-spacing: -.03125rem;
  font-style: normal;
  background-color: #0900006b;
}

.services{
  width: 100%;
  height: auto;
  padding: 44px 0 44px;
  background-color: #f1f2f2;
}
.solutions h2, .services h2{
  font-size: 2.125rem;
  line-height: 2.75rem;
  text-align: left;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  color: #333333;
  margin-bottom: 0px;
  padding: 0;
  letter-spacing: -.03125rem;
  font-style: normal
}

.section-1{
  width: 100%;
  height: auto;
  padding: 160px 0 160px;
  margin-top: 75px;
  background-color: #f1f2f2;
}
.section-1 h2{
  font-size: 2.125rem;
  line-height: 2.75rem;
  text-align: left;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  color: #333333;
  margin-bottom: 0px;
  padding: 0;
  letter-spacing: -.03125rem;
  font-style: normal
}


.our-services{
  width: 100%;
  height: auto;
  padding: 50px 0 50px;
}
.our-services h2{
  font-size: 3rem;
  line-height: 4rem;
  text-align: left;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  color: #333333;
  margin-bottom: 30px;
  padding: 0;
  letter-spacing: -.03125rem;
  font-style: normal;
}
.our-services .services-div{
  width: 20%;
  height: auto;
  padding: 0 5px;
  margin-bottom: 10px;
  float: left;
}
.services-div .title {
  background-color: #f1f2f2;
  border-left: 4px solid #fe000c;
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 80px;
}
.services-div .title  h5 {
  font-size: 1rem;
  color: #333333;
  line-height: 1.75rem;
  text-align: left;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0;
}
/*.services-div:hover h5 {
  color: #7c7c7c;
}
.services-div:hover img {
  width: auto;
  height: auto;
  filter: grayscale(100%);
  opacity: 0.7;
}*/

.services-div img{
  width: auto;
  height: auto;
}


.partners ul{
  position: relative;
}

.partners .owl-controls{
  position: absolute;
  top: 0;
  width: 100%;
}
.partners .owl-controls .owl-prev{
  position: absolute;
  left: -3%;
}
.partners .owl-controls .owl-next{
  position: absolute;
  right: -3%;
}
.partners .seltext{
  display: flex;
  justify-content: center;
}


/*.cctv-solution{
  width: 100%;
  height: auto;
  padding: 0;
  margin-top: 70px;
}
.cctv-solution .cctv-solution-div{
  width: 100%;
  height: auto;
  padding: 0;
  display: block;
}
.cctv-solution .cctv-solution-div .cctv-solution-img{
  width: 100%;
  height: auto;
}
.cctv-solution .cctv-solution-div .cctv-solution-cnt{
  width: 100%;
  height: auto;
  padding: 25px 25px 25px 25px;
}
.cctv-solution .cctv-solution-div .cctv-solution-cnt h2{
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 10px;
}
.cctv-solution .cctv-solution-div .cctv-solution-cnt p{
  width: 100%;
  text-align: justify;
  font-size: 0.9rem;
  line-height: 1.5rem;
}*/


.cctv-solution{
  width: 100%;
  height: auto;
  margin: 75px 0 0;
  padding: 0;
}
.cctv-solution .cctv-solution-div{
  width: 100%;
  height: auto;
  display: flex;
}
.cctv-solution .cctv-solution-div .cctv-solution-img{
  width: 45%;
  height: auto;
  float: left;
  
  overflow: hidden;
}
.cctv-solution .cctv-solution-div .cctv-solution-img img{
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.7s all;
}
.cctv-solution .cctv-solution-div .cctv-solution-cnt{
  width: 55%;
  height: auto;
  display: flex;
  align-items: center;
  padding: 30px 45px 30px 50px;
}
.cctv-solution .cctv-solution-div .cctv-solution-cnt h2{
  font-size: 2.125rem;
  line-height: 2.75rem;
  text-align: left;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin-bottom: 20px;
  padding: 0;
  letter-spacing: -.03125rem;
  font-style: normal;
}
.cctv-solution .cctv-solution-div .cctv-solution-cnt p{
  width: 100%;
  float: left;
  font-size: 1rem;
  line-height: 1.75rem;
  text-align: justify;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.bg-clr-1{
  background-color: #333333;
}
.bg-clr-1 h2, .bg-clr-1 p{
  color: #ffffff;
}

.bg-clr-2{
  background-color: #f1f2f2;
}
.bg-clr-2 h2, .bg-clr-2 p{
  color: #333333;
}

.cctv-solution-cnt .button1{
  box-shadow: none;
  margin-top: 20px;
  margin-left: 0;
}

.cctv-solution .cctv-solution-cnt-1{
  width: 100%;
  height: auto;
  display: flex;
  background-color: #ffffff;
  align-items: center;
  padding: 30px 45px 30px 50px;
}
.cctv-solution .cctv-solution-cnt-1 h3{
  font-size: 1.65rem;
  line-height: 2.1rem;
  text-align: left;
  font-weight: 300;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin-bottom: 20px;
  padding: 0;
  letter-spacing: -.03125rem;
  font-style: normal;
}
.cctv-solution .cctv-solution-cnt-1 p{
  width: 100%;
  float: left;
  font-size: 1rem;
  line-height: 1.75rem;
  text-align: justify;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin: 0;
  padding: 0 0 5px;
  font-weight: 300;
  letter-spacing: 0.5px;
  display: flex;
}
.cctv-solution .cctv-solution-cnt-1 p b{
  font-family: EMprint-Semibold;
}
.cctv-solution .cctv-solution-cnt-1 p i{
  font-size: 8px;
  line-height: 1.75rem;
  padding-right: 8px;
  color: #333333;
}

.mb{
  margin-bottom: 20px;
}
.installation{
  width: 100%;
  height: auto;
  padding: 0 ;
  margin: 75px 0 0;
}


.cctv-div{width: 100%;height: auto;padding: 60px 0;margin-top: 75px;background-color: #ffffff;}
.cctv-div .cctv-div-content{width: 100%;height: auto;padding: 25px 25px 20px 25px;
  box-shadow: -1px 0px 18px 3px #e9eff7;
background-color: #ffffff;
}
.cctv-div img{width: auto;height: auto;margin-bottom: 15px;}
.cctv-div p{color: #333333;text-decoration: none;font-size: 0.98rem;line-height: 1.5rem;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  letter-spacing: 0px;font-weight: 300;text-align: justify;
  margin-bottom: 10px;
}
.cctv-div p a{
  text-decoration: underline 1px;
}
.cctv-div p a:hover{
  color: #fe000c;
}
.cctv-div p span{
  padding-right: 7px;
}
.cctv-div p b{
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
}
.cctv-div h6 span{
  padding-right: 8px;
}
.cctv-div h6{display: flex; color: #000000;text-decoration: none;font-size: 16px;line-height: 25px;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  letter-spacing: 0px;font-weight: 300;padding: 0;margin-bottom: 10px;
}
.cctv-div h5{color: #ff081d;text-decoration: none;font-size: 18px;line-height: 30px;text-align: left;
  font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  letter-spacing: 0px;font-weight: 300;padding: 15px 0 10px;margin-bottom: 0px;
}

.cctv-div .cctv-div-header{
  padding: 15px 0;
  border-bottom: 1px dashed #33333347;
  margin-bottom: 20px;
}
/*.cctv-div .blog-header p{
 padding: 0 0 15px;margin: 0;
}
.cctv-div .blog-header p i{
  font-size: 15px;padding-right: 7px;color: #ff0416;
}
.cctv-div .blog-header p .fa-caret-right{padding-left: 10px;}
.cctv-div .blog-header p a{color: #ff0416;text-decoration: none;font-size: .875rem;line-height: 1.25rem;
   font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
   letter-spacing: 0px;font-weight: 300;
}*/
.cctv-div .cctv-div-header h2{color: #333333;text-decoration: none;font-size: 2.6rem;line-height: 3.2rem;
   font-family: EMprint-Regular,Univers Next W23,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
   letter-spacing: 0px;font-weight: 300;
}

































@media (max-width:767px){

.links li:hover .htmlcss-arrow, .links li:hover .htmlcss-arrow-1,
.links li:hover .htmlcss-arrow-2, .links li:hover .htmlcss-arrow-3, .links li:hover .htmlcss-arrow-4{
  transform: rotate(0deg);
  }
  .navbar .links li .sub-menu .more-sub-menu{
    display: none;
  }
  .navbar .links li .sub-menu .more span{
    /* background: red; */
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
  }

  nav .navbar .links li:hover .htmlCss-sub-menu, nav .navbar .links li:hover .htmlCss-sub-menu-1,
  nav .navbar .links li:hover .htmlCss-sub-menu-2, nav .navbar .links li:hover .htmlCss-sub-menu-3, nav .navbar .links li:hover .htmlCss-sub-menu-4, nav .navbar .links li:hover .htmlCss-sub-menu-5{
    display: none;
  }
.navbar .nav-links.show1 .links .htmlCss-sub-menu, .navbar .nav-links.show2 .links .htmlCss-sub-menu-1, .navbar .nav-links.show3 .links .htmlCss-sub-menu-2, .navbar .nav-links.show4 .links .htmlCss-sub-menu-3, .navbar .nav-links.show5 .links .htmlCss-sub-menu-4, .navbar .nav-links.show6 .links .htmlCss-sub-menu-5
{
      display: block;
    }
    .navbar .nav-links.show1 .links .htmlcss-arrow,.navbar .nav-links.show2 .links .htmlcss-arrow-1,
    .navbar .nav-links.show3 .links .htmlcss-arrow-2, .navbar .nav-links.show4 .links .htmlcss-arrow-3, .navbar .nav-links.show5 .links .htmlcss-arrow-4, .navbar .nav-links.show6 .links .htmlcss-arrow-5{
        transform: rotate(180deg);
}
}



@media(max-width:767px){
  header .header-3{
    display: none !important;
  }
  header .header-1{display: none !important;}
  header .mobile-container nav{display: block !important;}
  header .header-2{width: 100%;padding-left: 0 !important;height: auto !important;}
nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 70px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    z-index: 99;
}
nav .navbar {
    max-width: 100%;
    padding: 0 25px;
}
nav .navbar {
    height: 100%;
/*    max-width: 1250px;*/
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    /* background: red; */
/*    padding: 0 50px;*/
}
.sidebar-logo i, .navbar .bx-menu {
    font-size: 25px;
    color: #1f232b;
    font-style: normal;
}
.navbar .bx-menu {
    display: block;
}
nav .navbar .nav-links {
    position: fixed;
    top: 0;
    left: -100%;
    display: block;
    max-width: 270px;
    width: 100%;
    background: #f1f2f2;
    line-height: 40px;
    padding: 20px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    transition: all 0.5s ease;
    z-index: 1000;
}
nav .navbar .nav-links {
/*    line-height: 70px;*/
    height: 100%;
    overflow-y: auto;
}
.navbar .nav-links .sidebar-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #cfcfcf;
}
.sidebar-logo .logo-name img{
  width: auto;
  height: auto;
}
nav .navbar .links {
    display: block;
    margin-top: 10px;
}

nav .navbar .links li {
    padding: 0 0 0 10px;
    white-space: nowrap;
}
nav .navbar .links li {
    position: relative;
/*    display: flex;*/
    align-items: center;
    justify-content: space-between;
    list-style: none;
/*    padding: 0 14px;*/
}
nav .navbar .links li a {
    font-size: 15px;
}
nav .navbar .links li a {
/*    height: 100%;*/
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
/*    font-size: 15px;*/
    font-weight: 500;
}
nav .navbar .links li .arrow {
    line-height: 40px;
}

nav .navbar .links li .arrow {
    /* background: red; */
    height: 100%;
    width: 22px;
    line-height: 30px;
    float: right;
    display: inline-block;
    color: #333333;
    transition: all 0.3s ease;
    font-size: 15px;
}
nav .navbar .links li .sub-menu {
    position: relative;
    top: 0;
    box-shadow: none;
    display: none;
}
nav .navbar .links li .sub-menu {
/*    position: absolute;*/
/*    top: 70px;*/
    left: 0;
    line-height: 40px;
    background: #f1f2f2;
/*    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);*/
    border-radius: 0 0 4px 4px;
/*    display: none;*/
    z-index: 2;
    padding-left: 15px;
}

.navbar .links li .sub-menu li {
    padding: 0 0px;
/*    border-bottom: 1px solid rgba(255,255,255,0.1);*/
}
nav .navbar .links li .sub-menu li {
    border-bottom: 1px solid #ffffff;
}
nav .navbar .links li {
    display: block;
}
nav .navbar .links li {
/*    padding: 0 10px;*/
    white-space: nowrap;
}
nav .navbar .links li {
    position: relative;
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
    list-style: none;
/*    padding: 0 14px;*/
line-height: 30px;
border-bottom: 1px solid #ffffff;
}
.navbar .links li .sub-menu a {
  font-size: 0.85rem;
  line-height: 1.75rem;
  color: #1f232b;
  font-weight: 300;
  font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin-bottom: 0;
  letter-spacing: -.0625rem;
  text-decoration: none; 
}
nav .navbar .links li a {
/*    height: 100%;*/
    text-decoration: none;
    white-space: nowrap;
    color: #333333;
    font-size: 0.9rem;
    font-weight: 300;
    font-family: EMprint-Semibold,Univers Next W23 Bold,Tahoma W01 Bold,Saral W60 Bold,AxisStd-Medium,MHei HK Bold,MHei PRC Bold,Ergo LT W01 Demi,YDGothic_140 Pro,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    line-height: 1.75rem;
}
.bx-menu:before{
  content: "\f0c9";
}
.bxs-chevron-down:before{
  content:"\f078"
}

.logo a{
  font-size: 2rem;
  line-height: 3rem;
  text-align: left;
  color: #1f232b;
  font-weight: 600;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin-bottom: 0;
  letter-spacing: -.0625rem;
  text-decoration: none; 
}

.bx-x:before{
  content: "\2715";
}
.sidebar-logo i{font-weight: bold;}
.sidebar-logo .logo-name{
  font-size: 1.6rem;
  line-height: 2.6rem;
  text-align: left;
  color: #000000;
  font-weight: 600;
  font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin-bottom: 0;
  letter-spacing: -.0625rem;
  text-decoration: none; 
}

.tabcontent .content p{font-size: 0.55rem !important;line-height: 0.8rem !important;margin-bottom: 5px}
.tabcontent .content{width: 55%;padding-top: 5px;}

.down-arrow .scroll-down{font-size: 20px;}

@-webkit-keyframes arrowAnimation{0%{opacity:0;top:-10px}15%{opacity:1}to{opacity:0;top:10px}}
@keyframes arrowAnimation{0%{opacity:0;bottom:10px}15%{opacity:1}to{opacity:0;bottom:-3px}}


.commitment{
  width: 100%;
  height: auto;
  padding: 25px 0 10px;
}

.commitment h2{
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 10px;
}
.commitment p{
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}
.commitment .col-lg-6{
  width: 100%;
  height: auto;
}
.commitment .col-lg-6.pe-4{padding-right: 0 !important;}
.commitment-div .title{
  min-height: 70px;
}
.commitment-div{
  border-left-width: 3px;
  margin-bottom: 15px;
}
.commitment-div .content{
  padding-bottom: 20px;
}
.commitment-div .content p{
  margin-bottom: 0;
}
.commitment .col-lg-6.ps-4{
  padding-left: 0 !important;
}
.footer .footer-top{padding-bottom: 15px;}
.footer .footer-top .top-left{width: 100%;
  height: auto;
  padding-bottom: 10px;
}
.footer .container{
  max-width: 100%;
}
.footer .footer-top .top-left .usefull-links li a{
  font-size: .9rem;
  line-height: 1.2rem;
}
.footer .footer-top .top-left .usefull-links li span{
  padding: 0 5px;
}
.footer .footer-top .top-right{
  width: 100%;
  height: auto;
}
.footer .footer-top .top-right .media-links li a{
  font-size: 1rem;
  padding: 0 0 0 15px;
}
.footer .footer-bottom{
  padding: 15px 0;
}

.footer .footer-bottom .bottom-left{
  width: 100%;
  float: left;
}
.footer .footer-bottom .bottom-left h1 a{
  font-size: 2.1rem;
  line-height: 3rem;
}
.footer .footer-bottom .bottom-left h1{
  margin-bottom: 10px;
  line-height: 3rem;
}

.footer .footer-bottom .bottom-right{
  width: 100%;
  height: auto;
}
.footer .footer-bottom .bottom-right .details{
  padding-bottom: 8px;
}
.footer .footer-bottom .bottom-right .details li a, .footer .footer-bottom .bottom-right p{
  font-size: .9rem;
  line-height: 1.2rem;
}
.footer .footer-bottom .bottom-right .details li span{
  padding: 0 5px;
}
.footer .footer-bottom .bottom-right .details li{line-height: 1.2rem;}



#cctv-sales-installation{background-image: url('../images/banner-1.jpg');}
#biometric-solutions{background-image: url('../images/banner-2.jpg');}
#home-automation{background-image: url('../images/banner-3.jpg');}
#solutions{background-image: url('../images/banner-4.jpg');}

.sm-banner-about{
  width: 100%;
  height: auto;
  padding: 0px 0 0px;
  margin-top: 70px;
  display: block;
}
.sm-banner-about h6{
  margin-bottom: 0.4rem;
  font-size: .77rem;
  line-height: 1.1rem;
}
.sm-banner-about h1{
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 10px ;
}
.sm-banner-about p{
  font-size: 0.9rem;
  line-height: 1.5rem;
  width: 100%;
  text-align: justify;
}
.about-div-1{
  width: 100%;
  height: auto;
  padding: 30px 0 20px;
}
.about-div-1 .col-lg-3{
  padding: 0;
  margin: 0;
}
.about-div-1 .div-1{
  padding: 20px 10px;
  margin-bottom: 10px;
}
.about-div-1 .div-1 .div-icon{
  margin-bottom: 10px;
}
.about-div-1 .div-1 h4{
  font-size: 1.22rem;
  line-height: 2.01rem;
}
.why-us{
  width: 100%;
  height: auto;
}
.why-us .why-us-right{
  width: 100%;
  height: 300px;
}
.why-us .row{
  display: block;
}
.why-us .why-us-left{
  width: 100%;
  float: left;
  padding: 20px 15px 15px 15px;
}
.why-us .why-us-left h3{
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 13px;
}
.why-us .why-us-left p{
  width: 100%;
  height: auto;
  text-align: justify;
  font-size: 0.9rem;
  line-height: 1.5rem;
  margin-block: 0;
}
.sm-line{
  width: 100%;
  margin: 15px 0 15px;
}
.why-us .why-us-left h6{
  font-size: 0.9rem;
  line-height: 1.4rem;
  margin-bottom: 10px;
}
.quote-box{
  width: 90%;
  height: auto;
  margin: 10px auto;
  padding: 35px 15px;
  display: block;
}
.quote-box h2{
  width: auto;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 15px;
}
.quote-box button{
  margin-left: 0;
  font-size: 0.85rem;
  line-height: 1.2rem;
  padding: 10px 15px 7px 15px;
}
.quote-box .right::after, .quote-box .button1::after{
  padding: 40px 35px;
}
.product-1{
  width: 100%;
  height: auto;
  padding: 0;
  margin-top: 70px;
}
.product-1 .hd-camera, .product-1 .sales{
  width: 100%;
  height: auto;
  padding: 0;
  display: block;
}
.product-1 .hd-camera .hd-camera-img, .product-1 .sales .sales-img{
  width: 100%;
  height: auto;
}
.product-1 .hd-camera .hd-camera-cnt, .product-1 .sales .sales-cnt{
  width: 100%;
  height: auto;
  padding: 25px 25px 25px 25px;
}
.product-1 .hd-camera .hd-camera-cnt h2, .product-1 .sales .sales-cnt h2{
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 10px;
}
.product-1 .hd-camera .hd-camera-cnt p, .product-1 .sales .sales-cnt p{
  width: 100%;
  text-align: justify;
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.product-cnt{
  width: 100%;
  height: auto;
  padding: 30px 0 15px;
}
.product-cnt h2{
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
}
.product-cnt .cnt-main-div{
  width: 100%;
  height: auto;
  padding: 5px 0 0;
  display: block;
}
.product-cnt .cnt-main-div .cnt-div{
  min-height: 210px;
  margin-bottom: 20px;
  padding: 20px 15px 64px;
}
.product-cnt .cnt-main-div .cnt-div img{
  width: 60px;
  height: 60px;
}
.product-cnt .cnt-main-div .cnt-div h4{
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 10px;
}
.product-cnt .cnt-main-div .cnt-div p{
  font-size: 0.9rem;
  line-height: 1.5rem;
  margin-bottom: 10px;
}
.product-cnt .cnt-main-div .cnt-div a{
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.product-cnt .cnt-main-div .cnt-div a i{
  font-size: 0.65rem;
  line-height: 1.5rem;
}
.brands-we-deal{
  width: 100%;
  height: auto;
  padding: 0;
  display: block;
}
.brands-we-deal .brands-left{
  width: 100%;
  height: auto;
  padding: 25px 20px 10px 20px;
}
.brands-we-deal .brands-left h2{
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 15px;
}
.brands-we-deal .brands-left .brand{
  width: 50%;
  height: auto;
  float: left;
  min-height: auto;
  margin-bottom: 10px;
  margin-right: 0px;
  padding: 0;
}
.brands-we-deal .brands-left .brand img{
  width: 100%;
  height: auto;
}
.brands-we-deal .brands-right{
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.sm-banner-blog{
  width: 100%;
  height: auto;
  padding: 20px 0 15px;
  margin-top: 70px;
}
.sm-banner-blog h6{
  margin-bottom: 0.4rem;
  font-size: .77rem;
  line-height: 1.1rem;
}
.sm-banner-blog h1{
  font-size: 2rem;
  line-height: 2.7rem;
}
.sm-banner-blog p{
  font-size: 0.9rem;
  line-height: 1.5rem;
  width: 100%;
  text-align: justify;
}
.blog{
  width: 100%;
  height: auto;
  padding: 30px 0 0px;
}
.blog .blog-div-1{
  margin-right: 0;
}
.blog .blog-div{
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  margin-bottom: 0;
}

.blog .blog-div img{
  width: auto;
  height: auto;
  margin-bottom: 15px;
}
.blog .blog-div h2{
  font-size: 21px;
  line-height: 27px;
  margin-bottom: 6px;
}
.blog .blog-div p{
  margin-bottom: 10px;
  line-height: 1.5rem;
  font-size: 0.9rem;
}
.blog .blog-div .button1{
  font-size: .87rem;
  line-height: 1.1rem;
  padding: 8px 15px;
}
.blog .blog-div .right::after, .blog .blog-div .button1::after{
  padding: 38px 35px;
}
.blog .blog-div-2{
  margin-right: 0;
  margin-left: 0;
}
.blog .blog-div-3{
  margin-left: 0;
}

.sm-banner-client{
  display: block;
}

.sm-banner-client p{
  text-align: center;
  padding: 10px 0 0 0px;
}
.sm-banner p a{
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.sm-banner p i{
  font-size: 13px;
}
.client-list{
  width: 100%;
  height: auto;
  padding: 15px 0 5px;
}
.client-list .col-lg-3{
  width: 50%;
  height: auto;
  padding: 0 5px;
}
.client-list .client-list-div{
  padding: 12px 0 12px;
  margin-bottom: 10px;
}
.client-list .client-list-div img{
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

.sm-banner-contact{
  width: 100%;
  height: auto;
  padding: 50px 0 30px;
  margin-top: 70px;
}
.sm-banner-contact h6{
  margin-bottom: 0.4rem;
  font-size: .77rem;
  line-height: 1.1rem;
}
.sm-banner-contact h1{
  font-size: 2rem;
  line-height: 2.7rem;
}
.sm-banner-contact p{
  font-size: 0.9rem;
  line-height: 1.5rem;
  width: 100%;
  text-align: justify;
}

.contact-us{
  width: 100%;
  height: auto;
  padding: 30px 0 20px;
  margin-top: 71px;
}
.contact-us-div{
  width: 100%;
  height: auto;
  padding: 15px 15px 10px 15px;
}
.contact-us-div .contact-us-left{
  width: 100%;
  height: auto;
  float: left;
  padding: 0 0 30px 0;
}
.contact-us-div .contact-us-left:after{
  right: 10%;
  width: 80%;
  bottom: 3%;
  height: auto;
  top: auto;
}
.contact-us-div .contact-us-left .address, .contact-us-div .contact-us-left .phone{
  margin-bottom: 10px;
}

.contact-us-div .contact-us-left .address i{
  font-size: 35px;
  line-height: 35px;
  margin-bottom: 7px;
}
.contact-us-div .contact-us-left h4{
  font-size: 1.15rem;
  line-height: 1.75rem;
  margin-bottom: 0.3rem;
}
.contact-us-div .contact-us-left p{
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.contact-us-div .contact-us-left .phone .icon i, .contact-us-div .contact-us-left .mail .icon i{
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 7px;
}
.contact-us-div .contact-us-left p a{
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.contact-us-div .contact-us-right{
  width: 100%;
  height: auto;
  float: left;
}
.contact-us-div .contact-us-right iframe{
  width: 100%;
  height: 220px;
}

.sm-banner-book-now{
  display: block;
}

.sm-banner-book-now p{
  text-align: center;
  padding: 10px 0 0 0px;
}

.book-now{
  width: 100%;
  height: auto;
  padding: 30px 0 25px;
}
.book-now form{
  width: 100%;
  height: auto;
  padding: 30px 25px;
}
.book-now form h4{
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 25px;
}
.book-now form h4:before{
  width: 70px;
}
.book-now form .col-lg-6{
  width: 100%;
}
.book-now form .col-lg-6.pe-2{
  padding-right: 0 !important;
}
.book-now form .col-lg-6.ps-2{
  padding-left: 0 !important;
}
input, textarea{
  padding: 0.55rem 1rem;
}
.book-now .button1{
  margin-left: 0;
  padding: 11px 22px;
  font-size: 0.9rem;
}
.book-now .col-lg-2.mt-4{
  margin-top: 0 !important;
}
.book-now .right::after, .book-now .button1::after{
  padding: 41px 42px;
}
.button1{
  margin-left: 0;
}
.commitment h5{
  font-size: 0.95rem;
  line-height: 1.45rem;
  width: 200px;
}
.commitment img{
  width: auto;
  height: auto;
}
.partners{
  width: 100%;
  height: auto;
  padding: 20px 0;
}
.partners h2{
  font-size: 23px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 15px;
}
.partners ul .seltext{
  text-align: center;
}

.sm-banner-about .about-left{
  width: 100%;
  height: auto;
}
.sm-banner-about .about-left img{
  width: 100%;
  height: auto;
}
.sm-banner-about .about-right{
  width: 100%;
  height: auto;
  padding: 20px 20px 20px 20px;
}
.why-us .why-us-left h6 i{
  font-size: 13px;
  line-height: 1.4rem;
}
.product-1 .hd-camera .hd-camera-img img, .product-1 .sales .sales-img img{
  width: 100%;
  height: auto;
}
.brands-we-deal .brands-right img{
  width: 100%;
  height: auto;
}
.sm-banner-services{
  width: 100%;
  height: 140px;
  margin-top: 71px;
  padding: 20px 10px 20px;
}
.sm-banner-services h2{
  font-size: 23px;
  line-height: 30px;
}
.services{
  width: 100%;
  height: auto;
  padding: 20px 0;
}
.solutions h2, .services h2{
  font-size: 20px;
  line-height: 28px;
}
.sm-banner-solutions{
  width: 100%;
  height: 140px;
  margin-top: 71px;
  padding: 25px 10px 25px;
}
.sm-banner-solutions h2{
  font-size: 23px;
  line-height: 30px;
}
.solutions{
  width: 100%;
  height: auto;
  padding: 20px 0 20px;
}
.solutions .solutions-main-div{
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  row-gap: 18px;
}
.solutions .solutions-main-div .solutions-div{
  padding: 20px 20px 65px;
  min-height: 210px;
}
.solutions .solutions-main-div .solutions-div h4{
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 10px;
}

.solutions .solutions-main-div .solutions-div p{
  font-size: 0.9rem;
  line-height: 1.45rem;
  margin-bottom: 0px;
}
.booknow{
  width: 100%;
  height: auto;
  padding: 25px 0 25px;
  margin-top: 71px;
}
.booknow .sm-header{
  padding-bottom: 7px;
}
.booknow .sm-header h6{
  font-size: 0.9rem;
  line-height: 1.5rem;
  padding: 0;
}
.booknow h2{
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 15px;
}
.booknow .row{
  padding: 0;
  margin: 0;
}
.booknow .col-lg-6{
  padding: 0;
}
.booknow .booknow-img{
  padding: 25px 0;
}
.booknow .booknow-img img{
  width: 100%;
  height: auto;
}
.booknow form{
  width: 100%;
  height: auto;
  padding: 25px 10px 0px;
}
.booknow form h4{
  font-size: 21px;
  line-height: 28px;
  margin-bottom: 15px;
}
.booknow form .w-49{
  width: 100%;
  height: auto;
}
.mr1{
  margin-right: 0 !important;
}
.input-icon{
  left: 10px;
  height: 40px;
  font-size: 18px !important;
  line-height: 40px !important;
}
.form-style{
  padding: 9px 10px 9px 35px;
  height: 40px;
  font-size: 14px;
}
.ml1{
  margin-left: 0 !important;
}
.form-group{
  margin: 0 0 10px 0;
}
.booknow form .submit-btn{
  width: auto;
}
.booknow form .submit-btn .button1{
  font-size: 0.95rem;
  line-height: 1.5rem;
  padding: 9px 25px;
}
.booknow form .submit-btn .button1 .right::after, .booknow form .submit-btn .button1::after{
  padding: 38px 45px;
}
.solutions .solutions-main-div .solutions-div img{
  width: 60px;
  height: 60px;
}

.partners .owl-controls .owl-prev{
  left: 0;
}
.partners .owl-buttons{
  margin-top: 30px;
}
.partners .owl-controls .owl-next{
  right: 0;
}

.cctv-solution, .section-1{
  width: 100%;
  height: auto;
  margin: 71px 0 0;
}
.cctv-solution .cctv-solution-div{
  width: 100%;
  height: auto;
  display: block;
}
.cctv-solution .cctv-solution-div .cctv-solution-img{
  width: 100%;
  height: auto;
}
.cctv-solution .cctv-solution-div .cctv-solution-cnt{
  width: 100%;
  height: auto;
  padding: 25px 25px 25px 25px;
}
.cctv-solution .cctv-solution-div .cctv-solution-cnt h2{
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 10px;
}
.cctv-solution .cctv-solution-div .cctv-solution-cnt p{
  width: 100%;
  text-align: justify;
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.cctv-solution-cnt .button1{
  margin-top: 8px;
}
.section-1{
  padding: 20px 0;
}
.section-1 h2{
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 10px;
}
.mb{
  margin-bottom: 15px;
}

.cctv-solution .cctv-solution-cnt-1{
  width: 100%;
  height: auto;
  padding: 25px 25px 25px 25px;
}
.cctv-solution .cctv-solution-cnt-1 h3{
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 10px;
}
.cctv-solution .cctv-solution-cnt-1 p{
  width: 100%;
  text-align: justify;
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.cctv-solution .cctv-solution-cnt-1 p i{
  font-size: 7px;
  line-height: 1.5rem;
}

.cctv-div{
  width: 100%;
  height: auto;
  margin: 71px 0 0;
  padding: 25px 0px;
}
.cctv-div h6{
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 5px;
}
.cctv-div p{
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.cctv-div .cctv-div-content{
  width: 100%;
  height: auto;
  padding: 20px 15px 10px 15px;
}
.cctv-div .cctv-div-header h2{
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 10px;
}
.cctv-div .cctv-div-header{
  padding: 5px 0;
  margin-bottom: 15px;
}
.cctv-div img{
  width: 100%;
  height: auto;
}




}