/******* Commen Css Start   ************/
body{font-family: "poppinsregular"; font-size: 16px; line-height: 24px; color: #1d1d1f;}
*{margin: 0px; padding: 0px;}
ul li{list-style: none;}
a {text-decoration: none;color: #171717;}
a:hover{color: #000; text-decoration: none;}
p{color: #1d1d1f; font-size: 16px;line-height: 26px; text-align: left;}
.p0px{padding: 0px !important;}
.pt30px{padding-top:30px !important;}
.pt40px{padding-top:40px !important;}
.pt50px{padding-top:50px !important;}
.pt60px{padding-top:60px !important;}
.mt30px{margin-top: 30px !important;}
.mb0px{margin-bottom: 0px!important;}
.mb10px{margin-bottom: 10px !important;}
.mb20px{margin-bottom: 20px !important;}
.mb30px{margin-bottom: 30px !important;}
.mb40px{margin-bottom: 40px !important;}
.mb50px{margin-bottom: 50px !important;}
.mb60px{margin-bottom: 60px !important;}
.mb70px{margin-bottom: 70px !important;}
.mb80px{margin-bottom: 80px !important;}
.mb90px{margin-bottom: 90px !important;}

.mt0px{margin-top:0px !important;}
.mt5px{margin-top: 5px !important;}
.mt10px{margin-top: 10px !important;}
.mt20px{margin-top: 20px !important;}
.mt30px{margin-top: 30px !important;}
.mt40px{margin-top: 40px !important;}
.mt50px{margin-top: 50px !important;}
.mt60px{margin-top: 60px !important;}
.mt70px{margin-top: 70px !important;}
.mt80px{margin-top: 80px !important;}
.mt0px{margin-top: 0px !important;}
.pb40px{padding-bottom: 40px !important;}
.mrl0px{margin-left: 0px; margin-right: 0px;}
.cb{clear: both;}
.dnone{display: block;}
button:focus {outline: 0px dotted !important;outline: 0px auto -webkit-focus-ring-color !important;}

ol{margin-left: 15px;}

h1{font-size: 42px;line-height: 60px; color: #000;font-family: 'Poppins-SemiBold';}
h2{font-size: 32px; line-height: 40px; color: #1d1d1f;font-family: 'Poppins-SemiBold';}
h3{font-size: 32px; line-height: 38px; color: #1d1d1f;font-family: 'Poppins-SemiBold';}
h4{font-size: 30px; line-height: 38px;color: #1d1d1f;font-family: 'Poppins-SemiBold';}
h5{font-size: 28px; line-height: 36px;color: #1d1d1f;font-family: 'Poppins-SemiBold';}
h6{font-size: 28px; line-height: 36px; color: #1d1d1f;font-family: 'Poppins-SemiBold';}

h6.hd3{font-size: 30px; line-height: 38px; color: #1d1d1f;font-family: 'Poppins-SemiBold';}

p.hd1{text-align: center !important; font-weight: 100 !important;font-family: "poppinsregular"; font-size: 70px !important; color: #000 !important; margin-bottom: 60px !important; }
p.hd1 span{color: #555 !important; font-weight: 800 !important;font-family: 'Poppins-SemiBold' !important;}

p.hd2{color: #555; font-weight: 800;font-family: 'Poppins-SemiBold';text-align: center !important; font-size: 70px !important; margin-bottom: 50px !important;}
p.hd2 span{ font-weight: 800; color: #000 !important;font-weight: 100;font-family: "poppinsregular";}

p.hd3{font-size: 28px !important;  margin-bottom: 25px !important; text-align: center !important; color: #1d1d1f !important;font-family: 'Poppins-SemiBold';}


p.hd4{text-align: center !important; font-weight: 100 !important;font-family: "poppinsregular"; font-size: 32px !important; color: #000 !important;}
p.hd4 span{color: #555 !important; font-family: 'Poppins-SemiBold' !important;}

p.hd5{font-size: 19px !important; line-height: 20px !important;margin-bottom: 10px;  color: #1d1d1f;font-family: "poppinsregular";font-weight: 600;}

h2.hd2{font-size: 30px !important; line-height: 34px;}
h2.hd3{font-size: 28px !important; line-height: 34px;}
h2.hd4{font-size: 26px !important; line-height: 34px;margin-top: 25px;}
h2.hd5{font-size: 20px !important; line-height: 28px;margin-top: 25px;}

h3.hd2{font-size: 30px; line-height: 34px;}
h3.hd3{font-size: 28px; line-height: 34px;}
h3.hd4{font-size: 26px; line-height: 30px;}

h4.hd2{font-size: 28px !important;line-height: 28px;font-family: "poppinsregular";margin-top: 30px;font-weight: 600;}
h4.hd3{font-size: 26px !important;line-height: 28px;font-family: "poppinsregular";margin-top: 30px;font-weight: 600;}
h4.hd4{font-size: 22px !important;line-height: 26px;font-family: "poppinsregular";margin-top: 30px;font-weight: 600;}
h4.hd5{font-size: 20px !important;line-height: 24px;font-family: "poppinsregular";margin-top: 30px;font-weight: 600;}

h5.hd2{font-size: 26px !important;line-height: 28px;font-weight: 600;font-family: "poppinsregular";}
h5.hd3{font-size: 24px !important;line-height: 28px;font-weight: 600;font-family: "poppinsregular";}
h5.hd4{font-size: 20px !important;line-height: 26px;font-weight: 600;font-family: "poppinsregular";}
h5.hd5{font-size: 18px !important;line-height: 26px;font-weight: 600;font-family: "poppinsregular";}

.blackbg{background: #000; color: #fff;}
.whitebg{background: #fff; color: #000;}

.lightskybg{background: #e1e8ed;}
.graybg{background: #555;}
.lightgray{background: #eee;}
.lightgray2{background: #eff3f5;}
.graybg2 {background: #ccc;}

.txwhite{color: #eee !important;}
p.hd3.txwhite{color: #eee !important;}

p.hd3.text-left, p.hd4.text-left{text-align: left !important;}


/********* main Body Start   **************************/
section{padding: 90px 0px;}
.spacebox2{padding: 60px 0px;}
.title{text-align: center;width: 100%;margin-bottom: 60px; position: relative; padding-bottom: 15px;}
.title::before{content: ""; height: 3px; width: 80px; background: #000; left: 0; right: 0; bottom: 0px; position: absolute; text-align: center; margin: auto;}
/************ Start selectdiv ***********/
.selectdiv {position: relative;}
.selectdiv select { height: auto; border: 0px; border-radius:50px; -webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;width: 100%;padding: 10px 30px;color: #6c757d;border: 1px solid #ececec;-ms-word-break: normal;word-break: normal;}
.selectdiv::after {content: '\f0d7';font: normal normal normal 18px/1 FontAwesome;color: #6c6c6c;right: 20px;top: 15px;font-size: 18px;position: absolute;pointer-events: none;}
/************ End selectdiv ***********/

.btnround a{background: #1d1d1f;padding: 12px 45px;margin: auto; margin-top: 50px; border-radius: 10px;color: #fff;font-size: 16px;display: inline-block;text-align: center;}

.sub_btn {text-transform: uppercase;min-width: 20%;border: 1px solid #1d1d1f;display:inline-block;padding: 10px 25px;   
font-size: 16px;line-height: 22px;text-align: center;position: relative;transition: 0.5s all ease;text-align: center;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.sub_btn .fa{position: absolute;top: 16px;right: -10px;z-index: 2;transition: 0.5s all ease;}
.sub_btn:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #1d1d1f;border: 1px solid #1d1d1f;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

.sub_btn:hover:before {-webkit-transform: scaleX(1);transform: scaleX(1);color: #fff;}
.sub_btn:hover{color: #fff; border: 1px solid #1d1d1f; transition: 0.5s all ease;}
.sub_btn:hover:after{display: none;}
.sub_btn:hover .fa{color: #02b0ed;right: -7px;}

.viewallbtn{text-align: center; margin-top: 40px;}

/***********   Start carousel-btn ************/
.carousel-btn{margin-right: 0;margin-left: 0;}
.carousel-btn .owl-nav span{font-size: 0px;}
.carousel-btn .owl-prev, .carousel-btn .owl-next{position: absolute;top: 38%;padding: 5px 7px;left: -50px;}
.carousel-btn .owl-next{right:-50px; left: inherit;}
.carousel-btn .owl-nav .owl-prev::before, .carousel-btn .owl-nav .owl-next::before {
  color: #000;font:normal 40px/1 FontAwesome;color: #888;line-height: 29px !important;}
.carousel-btn .owl-nav .owl-prev::before{content: "\f104";}
.carousel-btn .owl-nav .owl-next::before {content: "\f105";}
.carousel-btn.owl-carousel .owl-nav button.owl-prev, .carousel-btn.owl-carousel .owl-nav button.owl-next{
background:rgba(255,255,255,0.1);line-height: 0; padding: 3px 5px !important;border: 1px solid rgba(255,255,255,0.4);}
.carousel-btn.owl-carousel .owl-nav button:hover{background:rgba(255,255,255,0.8)}
.counterbox .owl-dots{display: none;}
.carousel-btn.owl-carousel .owl-nav button:hover::before{color: #fff;}
/***********   End carousel-btn ************/

.homebanner .bdrbottom{position: absolute;bottom: 0; left: 0; z-index: 99;}
.homebanner .bdrbottom img{width: 100%;display: block;}

/*****  About Us Section css Start *****/
.aboutus{position: relative;}
.aboutus .container{position: relative; z-index: 2;}
.aboutus h1{margin-top:25px;text-align: center; margin-bottom: 55px; font-size: 32px;line-height: 42px;}
.aboutus h2{font-size: 26px;text-align: center; }
.aboutus p{margin:0px 0 25px 0;font-size: 16px; text-align: justify;}
.aboutus .btn_div{text-align: left;}
.aboutus .btn_div .sub_btn{background: #efb443;border-radius: 5px;color: #fff;font-size: 21px; border: 0px;}
.aboutus .btn_div .sub_btn:hover{border-radius: 5px;}
/** .aboutus::after{content: ""; position: absolute; bottom: 0; left: 0; background: url(../images/aboutbg.png) no-repeat center; width: 100%; height: 339px;} */
.aboutus::after{content: ""; position: absolute; bottom: 0; left: 0;width: 100%; height: 339px;}
.aboutus .about-tx{padding:0px 0px 0;}
.aboutimgbox{position: relative;height: 100%;}
.aboutimg1{position: absolute; top: 80px; left: 0px; border-radius: 100%; height: 180px; width: 180px; z-index: 3;overflow: hidden;}
.aboutimg2{position: absolute; top: 0; left:70px; border-radius: 100%;z-index: 2;overflow: hidden; height: 400px; width:400px; }
.aboutimg3{height: 136px;width: 142px;position: absolute;bottom: 50px;right: 29px;overflow: hidden;}
.aboutimg1 img{max-height: 180px;}
.aboutimg2 img{max-height: 480px;}
.aboutimg3 img{max-height: 136px;}
/*****  About Us Section css End *****/

/************** Start Our Services Box ************/
.servicesbox{padding-bottom: 60px;}
.servicesbox .icon-box {text-align: center;background: #fff;color: #fff;min-height: 240px; margin-bottom: 30px;border-radius: 5px;border: 1px solid rgb(219, 219, 219);transition: 0.5s all ease;}
.servicesbox .icon-box .icon {margin: 0 auto;text-align: center;transition: all .3s ease-out 0s; display: block;margin-bottom: 20px;transform-style: preserve-3d;position: relative;z-index: 2;}
.servicesbox .icon-box a{display: block;padding: 40px 20px;}
.servicesbox .icon-box .icon img {height: 80px;width: auto; filter: grayscale(0%); margin: auto; display: block; opacity: 0.5; filter: invert(100%);transition: 0.5s all ease;}
.servicesbox .icon-box a p {font-size:19px;text-transform: capitalize;padding:0px;margin-bottom: 0;line-height: 24px;margin-top: 30px;display: block;text-align: center;transition: 0.5s all ease;}
.servicesbox .icon-box a p span{display: block;}
.servicesbox .icon-box:hover {background: rgb(8, 8, 8);transition: 0.5s all ease;}
.servicesbox .icon-box:hover .icon img {opacity:1;filter: invert(0%);transition: 0.5s all ease;}
.servicesbox .icon-box:hover a p{color: #fff;transition: 0.5s all ease;}
.servicesbox .icon-box .icon.opc2 img {opacity: 1; filter: grayscale(100%); }
/************** End Our Services Box ************/

/************** Start What do we do? Box ************/
.whatdowe{}
.whatdowe .title{margin-bottom: 50px;}
.whatdowe h3{text-align: center;}
.tdesign{text-align: center !important; color: #666; font-weight: 500; font-style: italic; margin-bottom: 0px;}
.listingbox{padding:40px 30px; border-radius: 10px; margin: 30px 0;}
.listingbox ul{margin: 0; padding: 0;display: table; width: 100%;}
.listingbox ul li{color: #555;font-size: 16px;margin: 0px 0 15px 0;padding: 0 0 0 20px;line-height: 24px;list-style: none;width: 100%;display: block;position: relative;}
.listingbox ul li:last-child{margin-bottom: 0;}
.listingbox ul li::before {content: "\f101";font: normal normal normal 14px/1 FontAwesome;position: absolute;top: 5px;left: 0;color: #000;}
/************** Start What do we do? Box ************/

/************** Start Our Skills Box************/
.ourskillsbox{color: #fff;position: relative; padding-bottom: 60px;}
.ourskillsbox::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9);}
.textboxrow{position:relative;z-index: 1;}
.ourskillsbg{background:url(../images/ourskillsbg.jpg) no-repeat center 0px;background-size: cover;}
.ourskillsbox .title::before {background: #ccc}
.ourskillsbox h3{color: #fff;text-align: center; font-weight: 100;font-family: "poppinsregular"; }
.ourskillsbox h3 span{color: #ccc; font-weight: 800;font-family: 'Poppins-SemiBold';}
.ourskillsbox ul{margin: 0;padding: 0;}
.ourskillsbox ul li{float:left;width:14.16%; margin-right:3%;margin-bottom:40px;text-align:center;padding:40px 10px;background:#fff;border-radius: 4px;box-sizing: border-box;}
.ourskillsbox ul li:nth-child(6n){margin-right: 0;}
.ourskillsbox ul li p {font-size: 20px;margin: 10px 0 0 0;text-align: center;text-transform: capitalize;}
.ourskillsbox ul li img{display: block; margin: auto;transition: all 0.5s ease-in;filter: grayscale(100%);}
.ourskillsbox ul li:hover img {transform: scale(1.15);transition: all 0.5s ease-in;filter: grayscale(0);}
.ourskillsbox ul li:hover p{color: #000;}
/************** End Our Skills Box************/

/************  Start Our Amazing Portfolio *************/
.portfoliobox{padding-bottom: 60px;}
.portfoliobox .title h3{margin-top: 10px;}
.titleimgbox{border: 1px solid #000; padding: 2px;}
ul.portfoliolist{margin: 0px; padding: 0px;}
ul.portfoliolist li{display: block; list-style: none; width: 100%;}
ul.portfoliolist li .projectimg{border: 1px solid #ccc; padding: 2px;overflow: hidden; position: relative;transition: 0.5s all ease;}
ul.portfoliolist li img{display: block;width: 100%;transition: 0.5s all ease;}
ul.portfoliolist li .projectimg:hover img{transform: scale(1.1);transition: 0.5s all ease;}
ul.portfoliolist li .projectimg::after{position: absolute; left: 50%; top: 50%;   background: rgba(0, 0, 0, 0.7); width:0; height:0; content: "";transition: 0.5s all ease;}
ul.portfoliolist li .projectimg:hover::after{position: absolute;top: 0; left: 0;  background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; content: "";transition: 0.5s all ease;}
ul.portfoliolist li .projectimg .projectname{font-size: 0px; font-weight: 800; text-transform: uppercase; color: #fff; position: absolute; left: 0; top:50%; z-index: 2; content: "";  text-align: center; width: 100%;transition: 0.5s all ease; }
ul.portfoliolist li .projectimg .projectname a{color: #fff;transition: 0.5s all ease;}
ul.portfoliolist li .projectimg .projectname a:hover{color: rgb(221, 230, 233);transition: 0.5s all ease;}
ul.portfoliolist li .projectimg:hover .projectname{font-size: 22px;transition: 0.5s all ease;}
.portfoliobox .owl-dots{display: none;}
/************  End Our Amazing Portfolio *************/

/************  Start Our Amazing Portfolio *************/
.aboutcompany{}
.missionvission{width: 100%;float: left;}
.missionvission ul{margin:40px 0 0 0;padding: 0;}
.missionvission ul li{float: left; width: 48.5%; margin-right: 3%; background: #eee; padding: 40px; min-height: 450px;}
.missionvission ul li p.hd3{ }
.missionvission ul li p.tdesign{margin-bottom: 20px;}
.missionvission ul li p{margin-bottom: 0px;}
.missionvission ul li:last-child{background: #fff; margin-right: 0;}
.missionvission ul li:last-child p.hd3{margin-bottom: 10px !important;}
.missionvission ul li:last-child ul{margin: 0; padding: 0;}
.missionvission ul li:last-child ul li{width: 100%; background: transparent; padding: 0; min-height: auto; margin: 0 0 10px 0; padding: 0 0 0 25px;position: relative;}
.missionvission ul li:last-child ul li::before {content: "\f101";font: normal normal normal 14px/1 FontAwesome;position: absolute;top: 5px;left: 0;color: #000;}
.satisfactionbox{position: relative; margin-top: 3%; background: #fff; float: left; width: 100%; margin-bottom: 0;}
.satisfactionbox p.hd3{ text-align: left !important;}
.satisfaction{ position: absolute; right: 50px; bottom: 0;}
.satisfaction img{max-height: 250px; width: auto; filter: invert(100%);}
.industrybox ul li img{transition: 0.5s all ease;transform-style: preserve-3d;}
.industrybox ul li:hover img{transition: 0.5s all ease;transform: rotateY(180deg);}
.discusswithus{position: relative; overflow: hidden; margin-top: 40px;margin-bottom: 0;}
.discusswithus .discusswithusimg{position: absolute;right:-15px;bottom:-55px;}
.discusswithus h5{margin-bottom: 30px;}
/************  End Our Amazing Portfolio *************/

/************  Start CEO SPEAK'S Box *************/
.ceospeak{}
.ceospeak .ceoimg img{height: 200px; width: 200px; display: block; margin: 0 auto 25px;border: 2px solid rgba(255,255,255,0.9); box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;transition: 0.5s all ease;}
.ceospeak .ceoimg:hover img {opacity: 0.8;transform: scale(1.1); transition: 0.5s all ease;}
.ceoimgbox p{text-align: center; font-style: italic; margin: 0; font-size: 20px;}
.ceoimgbox p+p{font-size: 13px; color: #666;}
/************  End CEO SPEAK'S Box *************/

/************  Start Faq Box *************/
.faqpage{background: url(../images/faqbg.jpg) no-repeat center 0px fixed;padding: 80px 0;background-size:cover;  position: relative;}
.faqpage::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9);}
.faqpage h6{color: #fff;font-family: "poppinsregular";font-weight: 100;}
.faqpage span{font-weight: 800;font-family: 'Poppins-SemiBold';}
.faqpage .title::before {background: #fff;}
.faq-accordion .card{ width: 100%; margin-bottom: 15px;}
.faq-accordion .card .card-header a{margin: 0; display: block;font-size: 18px;}
.faq-accordion .card .card-header a .fa{ float: right;}
.faq-accordion .card .card-header a:not(.collapsed) .rotate-icon {-webkit-transform: rotate(180deg);  transform: rotate(180deg);}
/************  End Faq Box *************/

/********** Start Contat Address and map box ************/
.contactformbox p.hd4{margin-bottom: 40px;}
.contactmap{ }
.contactmap .container{}
.contactmap .contact-map iframe{width: 100%;height: 400px;margin-bottom: -6px; border: 0;}
.contact-address, .contact-top {padding: 40px;}
.contact-top{text-align: center; padding-bottom: 20px;}
.contact-top p{text-align: center;}
.contact-address{padding: 40px;}
.contact-address address{border: 1px solid #eeeeee;padding:20px 10px;transition: .5s ease;margin-bottom: 0px;text-align: center;min-height: 300px;}
.contact-address address p{text-align: center; font-size: 15px;}
.contact-address address:hover {border-color: #888;transition: .5s ease;}
.contact-address address a{color: rgb(23, 40, 73);transition: .5s ease;}
.contact-address address a:hover{color: #000;transition: .5s ease;}

.inputandselect{width: 100%;}
.inputandselect .inputbox{float: left; width: 45%;}
.inputandselect .inputbox2{width: 53%; margin-left: 2%;}
/********** End Contat Address and map box ************/


.ftr_cta_blk{position: fixed;bottom: 0;width: 100%;height: auto;background: #151515;-webkit-transition: bottom 2s;transition: bottom 2s;
  z-index: 9999;display: none;padding: 15px 0;  box-shadow: 0px 0px 9px 4px #444; }
.ftr_cta_blk ul{margin: 0;padding: 0; text-align: center;}
.ftr_cta_blk ul li{display: inline-block; width: 19.5%; margin: 0; padding: 0;}
.ftr_cta_blk ul li a {color: #8e8e93;font-weight: 600;display: block;}
.ftr_cta_blk ul li a span{}
.ftr_cta_blk ul li i {vertical-align: middle;padding: 0;margin-top: -2px;width: 30px;font-size: 20px;color: #f2f2f2;position: relative;border-radius: 100%;transition: all .6s ease-in-out;text-align: center;z-index: 999;}
.ftr_cta_blk ul li a:hover{color: #fff;}
.ftr_cta_blk ul li a.blink_me{background: #ccc;border-radius: 5px;color: #000;display: inline-block;padding: 10px 15px; transition: 0.5s all ease;}
.ftr_cta_blk ul li a.blink_me:hover{transition: 0.5s all ease;background: #000; color: #fff;}


/*********************** Inner Banner Title Css Start *************/
.innerbanner{position: relative;}
.bannertitle{position: absolute; width: 100%; bottom: 20%; font-weight: 800; left: 0%; right: 0; text-align: center; background: rgba(255,255,255,0.6); font-size:2em; 
  line-height: 1.3em; color: #000; z-index: 2; padding: 15px 50px; }

.bannertitle.smaltext{font-size: 20px;line-height: 26px;}
/*********************** Inner Banner Title  Css Start *************/

/*********************** breadcome Css Start *************/
.breadcome{width: 100%; /*background: #efefef;*/border-bottom: 1px solid #efefef; color: #000; margin-top:0px; padding: 10px 0; font-size: 14px;}
.breadcome .pagehadding{float: left; font-size: 20px;}
.breadcome ul.breadcomelist{float: right; margin: 0;}
.breadcome ul.breadcomelist li{position: relative; color: #555; list-style: none; float: left;}
.breadcome ul.breadcomelist li a{color: #000; padding: 0 30px 0 0;}
.breadcome ul.breadcomelist li a:hover{color: #666;}
.breadcome ul.breadcomelist li::before{position: absolute; color: #000; top: 5px; right: 10px; content: "\f105";font: normal normal normal 14px/1 FontAwesome;}
.breadcome ul.breadcomelist li:last-child::before{content: none;}
/*********************** breadcome Css End *************/

/***************** Commen CSS Start **************/
ul.twolist{}
ul.twolist li{float: left; width: 50%;}

ul.checklist{margin:30px 0; padding-left:0px;}
ul.checklist li{list-style: none; margin-bottom: 20px; font-size: 17px; position: relative; padding-left: 35px;}
ul.checklist li::before{content: "\f00c";font: normal normal normal 14px/1 FontAwesome; font-size: 20px; color: #000; position: absolute; left: 0; top:3px;}
ul.threecolum li{float: left; width: 33.33%;}

ul.checklist ol li::before{content: "\f105";}
ul.checklist ol li {padding-left: 20px;}

/***************** Commen CSS eND **************/



/*********** About Page Css Start ***********/
.about_sec2{}
.about_sec2 .overviewimg img {max-width: calc(100% - 110px);margin: 0 auto;display: block;}
.about_sec2 .overviewimg:last-child::before {content: '';display: block;width: 150px;height: 150px;border-left: 10px solid #ccc;border-top: 10px solid #ccc;position: absolute;top: -30px;left: 30px;}
.about_sec2 .overviewimg:last-child::after {content: '';display: block;width: 150px;height: 150px;border-right: 10px solid #ccc;border-bottom: 10px solid #ccc;position: absolute;bottom: -35px;right: 30px;} 
.countdivmain {position: relative;width: 150px;height: 150px;transform: rotate(45deg);background: #666;box-shadow: 2px 5px 12px rgb(0 0 0 / 15%);border-radius: 20px;}
.about_sec3 .col-md-12 {display: flex;justify-content: space-around;}
.countdivmain .countdiv {width: 150px;height: 150px;transform: rotate(-45deg);text-align: center;padding: 57px 0 0;}
.countdivmain .countdiv span {color: #fff;font-size: 37px;}
.countdivmain .countdiv p {color: #fff;text-transform: capitalize;text-align: center;line-height: 20px;}
.about_sec3 ul{margin-top: 50px;}

.about_sec3 p.hd3{text-align: left !important; padding-left: 0px;}
.minh400px{min-height:400px;}
.teambox{ text-align: center;border: 1px solid #eee; padding: 20px 10px; position: relative; margin-top: 100px; min-height: 210px;-webkit-transition: all .5s ease-out;transition: all .5s ease-out;}
.teambox img{height: 150px; width: 150px; border-radius: 50%;border: 1px dashed #ccc; padding: 2px; margin-bottom: 15px; position: absolute; top: -70px; left: 0; right: 0; margin: auto;}
.teambox p{margin-bottom: 0px; text-align: center;}
.teambox p:first-child{margin-top: 180px;}
.teambox:hover{border: 1px solid rgb(221, 221, 221);-webkit-transition: all .3s ease;transition: all .3s ease; }
.teambox:hover img{border: 1px dashed rgb(155, 155, 155);}

.talktous{background: #000; text-align: center; padding: 40px 0;}
.talktous p{text-align: center; margin: 0; font-size: 18px; line-height: 36px; margin-bottom: 10px; color: #fff;}
.talktous p.hd4{color: #fff !important;}
.talktous p:last-child{margin-bottom: 0px;}
/*********** About Page Css End ***********/

.aboutus p.hd5{margin-bottom: 10px;}
.fourdadding h4, .fourdadding h2{font-size: 20px; margin-top: 0; line-height: 20px;}

/******* Agent List Css **********/
ul.builderlist{margin-bottom: 0px;padding-bottom: 0px;}
ul.builderlist li{width:99%; height: 106px; float: left; margin: 0 10px 0px 0; border: 1px solid #ccc;background: #fff;}
ul.builderlist li img{width: auto !important;margin: auto!important; max-height: 80px !important;}
ul.builderlist li p{margin: 0px;width: 100%;background: rgba(0,0,0,0.7);color: #fff;text-align: center !important;}
ul.builderlist .owl-dots{display: none;}
ul.builderlist.carousel-btn .owl-prev, ul.builderlist.carousel-btn .owl-next {top: 31%;}
.clientbox .carousel-btn.owl-carousel .owl-nav button:hover {background: rgba(15, 14, 14, 0.8);}
/********* main Body End   **************************/






/****************** Start Dark Background Css *******************/
body.darkbody {background: #000; color: #fff;}
.darkbody .bdrbottom img {filter: invert(100);}
.darkbody a, .darkbody ul.checklist li::before {color: #eee;}
.darkbody header .cname img {filter: invert(0);}
.darkbody .blackbg {background: #555;color: #fff;}

.darkbody a:hover, .darkbody p, .darkbody h1, .darkbody h2, .darkbody h3, .darkbody h4, .darkbody h5, .darkbody h6, .darkbody h6.hd3{color: #fff;}
.darkbody p.hd1, .darkbody p.hd1 span, .darkbody p.hd2, .darkbody p.hd2 span, .darkbody p.hd3, .darkbody p.hd4, .darkbody p.hd4 span, .darkbody p.hd5{color: #eee !important;}

.darkbody .title::before {background: #ccc;}

.darkbody header, .darkbody .whitebg{background: #000; color: #fff;}
.darkbody .daynight{color: #000;background: linear-gradient(to right, #555 50%, #fff 50%);background-size: 200% 100%;background-position: right bottom;}
.darkbody .daynight .fa{color: #000;}
.darkbody .daynight:hover {background-position: left bottom;}

.darkbody .quick-contact .text .h4 a:hover {color: #fff;}
.darkbody .quick-contact li:hover .icon {background: #222;}

.darkbody .getquote {color: #000; background: linear-gradient(to right, #555 50%, #fff 50%);background-size: 200% 100%;background-position: right bottom;}
.darkbody .getquote:hover {color: #fff;background-position: left bottom;-webkit-transition: all .3s ease;transition: all .3s ease;}

.darkbody .lightskybg{background: #111;}
.darkbody .graybg{background: #555;}
.darkbody .lightgray {background: #151515;}
.darkbody .lightgray2{background: #111;}
.darkbody .graybg2 {background: #666;}

.darkbody .missionvission ul li, .darkbody .missionvission ul li:last-child, .darkbody .satisfactionbox {background: #222;}
.darkbody .listingbox ul li, .darkbody .listingbox ul li::before, .darkbody .ourskillsbox ul li:hover p, .darkbody .missionvission ul li:last-child ul li::before 
{color: #fff;}

.darkbody .servicesbox .icon-box {background: #111;color: #fff;border: 1px solid #333;}
.darkbody .servicesbox .icon-box .icon img {opacity: 1;filter: invert(0%);}
.darkbody .ourskillsbox ul li {background: #333;}
.darkbody ul.portfoliolist li .projectimg {border: 1px solid #444;}

.darkbody .card {background-color: #060606;border: 1px solid #202020;}
.darkbody .card-header {background-color: #020202;border-bottom: 1px solid #121212;}
.darkbody .servicesbox .icon-box .icon.opc2 img {opacity: 1;filter: grayscale(100%);}
.darkbody .contact-address address {border: 1px solid #222;}
.darkbody .contact-address address a {color: #999;}
.darkbody .contact-address address a:hover{color: #fff;}
.darkbody .contactformbox .contactboxbg {background: #111;}
.darkbody .contactaddress ul li {border-bottom: 1px solid #222;}
.darkbody .contactaddress {border-right: 1px solid #222;}
.darkbody .contactformbox .contactboxbg input, .darkbody .contactformbox .contactboxbg textarea, .darkbody .contactformbox .contactboxbg select { border-bottom: 1px solid #222;}
.darkbody .servicesbox .icon-box:hover {  background:#000;}
.darkbody .dropdown-menu {color: #fff;background-color: #0a0a0a;}
.darkbody .megamenu > li > ul > li > a:hover {color: #fff;}
.darkbody .megamenu > li > ul > li > a {color: #bbb;}
.darkbody .megamenu .dropdown-header, .darkbody .megamenu .dropdown-header a {color: #fff;}
.darkbody .dropdown-menu .divider {background: #222;}
.darkbody .breadcome {border-bottom: 1px solid #111;}
.darkbody .bannertitle {background: rgba(0,0,0,0.6);color: #fff;}
.darkbody .about_sec2 .overviewimg:last-child::before {border-left: 10px solid #222;border-top: 10px solid #222;}
.darkbody .about_sec2 .overviewimg:last-child::after {border-right: 10px solid #222;  border-bottom: 10px solid #222;}
.darkbody .about_sec2 .overviewimg img {/*filter: invert(100);*/ filter: grayscale(100%);}


/****************** End Dark Background Css *******************/
.smartcity{margin-bottom: 50px;}
.smartcity img{width: 100%;margin: auto;}
@media only screen and (max-width: 767px) and (min-width: 320px)  {
.homebanner.innerbanner img.d-block {
    height: auto;
}
.homebanner {
    height: 100% !important;
}
}