/* ------------------------------------------------------------------------------
 Project Name :Linkvise  
 Description : Main Style Sheet 
 Author : Aditya Suresh
 Created On : 03/01/2024
 --------------------------------------------------------------------------------*/
html,
body {
	margin: 0;
	padding: 0;
}
body {
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    margin: 0;
    padding: 0;
    -ms-overflow-style: scrollbar;
    overflow-x: hidden;
}
html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border: 0;margin: 0;outline: 0;padding: 0;}
ol,ul {list-style: none;}
p {font-size: 18px;line-height: 27px;font-weight: 400;color: #000;margin-bottom: 10px;}
img {display: block;outline: none;}
img,input,textarea,button {border: 0;outline: 0;resize: none;}
a,a:hover,a:focus {text-decoration: none;-moz-transition: all .200s ease-in-out;-webkit-transition: all .200s ease-in-out;transition: all .200s ease-in-out;}
* html .clearfix {height: 1%;}
li.clearfix {display: list-item;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body,p,a,li,span,div {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {color: #131333;font-family: "Poppins", sans-serif;}
::selection {background: #1967d2;color: #fff;}
::-moz-selection {background:#1967d2;color: #fff;}
.margin-top-35 {margin-top: 35px;}
.p-0{padding:0px;}
.clear{clear:both;}
/** Theme Css **/
#page{overflow:hidden;}
section h3{font-size:30px;color:#000;margin-bottom:10px;}
header {position: fixed;width: 100%;z-index: 99999;top: 0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;padding: 0px 0px 5px;background-color: rgb(255 255 255);}
.header-fixed {background-color: #fff;-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,.12), 0 4px 5px 0 rgba(0,0,0,.06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 2px 4px -1px rgba(0,0,0,.12), 0 4px 5px 0 rgba(0,0,0,.06), 0 1px 10px 0 rgba(0, 0, 0, 0.12); position: fixed;}
.header-fixed nav#menu ul > li a {color: #000;}
.logo {-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;padding-left: 5px;margin-left: 15px;}
.logo a {display: inline-block;padding: 5px 0px 2px 15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin-top:2px;}
.logo img {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;float: left;width: 11%;margin-top: 0px;}
.mainlogo{width: 70% !important;}
.logo-text {margin-top: 3px;float: left;padding-left: 6px;}
.logo h1 {color:#1967d2;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;font-size: 37px;font-weight: 800;text-transform: uppercase;background: linear-gradient(to right, #c54449,#903b51,#51315a,#452f5c);-webkit-text-fill-color: transparent;-webkit-background-clip: text;letter-spacing: 2.3px;}
.logo-text h1 span {display: block;font-size: 14px;font-weight: 500;color:#35060a;}
.menu-top{margin-top: 5px;margin-right: 0px;}
header nav#menu ul li.products .inner-nav-div li:last-child{display: none;}
nav#menu {display: block !important;padding: 0;float: right;margin-right: 10px;}
nav#menu ul > li> a {color:#1967d2;}
nav#menu li.active a:after {width: 100%;}
.menu.Res-menu {width: 300px;position: absolute;right: 0px;background-color: #f24605e6;top: 36px;}
#burgernav {display:none;width: 28px;height: 18px;position: absolute;top:-44px;right: 25px;margin-top: 0px;background-color: transparent;outline: none;box-shadow: inherit;}
#burgernav:before,#burgernav:after {content: '';display: block;background: #333;height: 2px;width: 18px;}
#burgernav span {background: #333;display: block;height: 2px;margin: 6px 0;width: 22px;}
#burgernav:hover:before,#burgernav:hover:after {width: 25px;}
#burgernav:hover span{width:18px;}
.banner {z-index: 9;margin-top: 50px;}
.banner h3 {font-size: 35px;line-height: 52px;font-weight: 300;color: #000;margin-bottom: 5px;}
.banner h3 span {font-weight: 600;display: block;font-size: 42px;text-transform: uppercase;color: #083869;}
.banner p{color: #000;width: 100%;margin-bottom: 15px;font-size: 18px;}
.banner .btn-style {background-color: #ffffff;color: #1967d2;}
.banner .caption{width: 45%;float:left;padding-top: 130px;}
.banner .rtImg{float: right;width: 50%;padding: 25px;}
.banner .rtImg img{border-radius:0px;width: 70% !important;margin: 0 auto;}
.banner .btn-style {background-color: #ffffff;color: #1967d2;}
.banner .ls-v5 .ls-bottom-slidebuttons {top: -85px !important;}
.banner #canvas {width:60% !Important;opacity:0.3;left:0px !important;}
section,.bi{position:relative;}
.btn-style:hover{color:#fff;}
.themetitle {margin-bottom: 20px;position: relative;max-width: 150px;}
.themetitle:before {content: "";position: absolute;width:90%;height: 0px;border: 2px solid #1e6ad6;z-index: 2;bottom: -3px;left:0px;}
.themetitle:before {border-width: 0px 0 2px 0px !important;}
.themetitle:after {bottom: 0px;border-width: 0 0px 2px 0;width: 51%;left: -2px;content: "●";line-height: 0px;text-align:left;color: #e85242;position: absolute;display: none;}
.banner ul{margin: 0px auto;width: 93%;position: relative;top: -42px;z-index: 99;}
.banner ul li {background-color: #ffffff;padding: 0px 6px 0px 15px !important;color: #fff;text-align: left;float: left;width: 24.2%;margin-right: 15px;border-radius: 5px;position: relative;overflow: hidden;-webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);z-index: 9;}
.banner ul li:last-child{margin-right:0px;}
.banner ul li:before {content: '';width: 0%;height: 95%;position: absolute;left: 0px;transition: all 0.6s linear; z-index: -9;top: 0px;}
.banner ul li:hover:before {width: 23%;}
.banner ul li:after{left: 2px;content: "";position: absolute;width: 95px;height: 94%;z-index: -9;top: 2px;-webkit-transition: all 0.9s ease;  -moz-transition: all 0.9s ease;  -o-transition: all 0.9s ease;  transition: all 0.9s ease;  border-radius: 3px;}
.banner ul li:after {width: 0px;height: 4px;top: auto;bottom: 0px;left: -3px;border-radius: 15px;}
.banner ul li:hover:after {width: 100%;z-index: -99;}
.banner ul li:nth-child(1) img,.banner ul li:nth-child(1):hover:before,.banner ul li:nth-child(1):hover:after  {background-color: #d30221;}
.banner ul li:nth-child(2) img,.banner ul li:nth-child(2):hover:before,.banner ul li:nth-child(2):hover:after {background-color: #21a3d5;}
.banner ul li:nth-child(3) img,.banner ul li:nth-child(3):hover:before,.banner ul li:nth-child(3):hover:after {background-color: #083869;} 
.banner ul li:nth-child(4) img,.banner ul li:nth-child(4):hover:before,.banner ul li:nth-child(4):hover:after {background-color: #c54349;}
.banner ul li h4{font-size: 19px;margin-top: 3px;font-weight: 400;}
.banner ul li span{padding-top: 0px;font-size: 15px;}
.banner ul li img{float: left;width: 23%;margin: 2px 0px 2px -12px;border-radius: 5px 0px 0px 5px;padding: 7px;}
.banner ul li .content {float: left;padding: 10px 0px 0px;margin-left: 20px;}
.banner ul li span i{display: inline-block;transition: all 0.2s linear;font-size: 17px;top: 2px;font-weight: bold;right: 25px;visibility: hidden;}
.banner ul li:hover span i{right: 0;visibility: visible;} 
#About{margin-top:-10px;padding: 10px 3% 25px;z-index: 9;}
#About:before{ content: '';background: url(../images/rightblue.png) no-repeat center;position: absolute;width: 20%;height: 100%;left: auto;z-index: -9;top:-30px;right: 0px;background-size:70% !important;} 
#About p {text-align: justify;}
#About p span,#About li span{color:#e55041;font-weight:500;}
#About .github .bi-github{font-size: 20px;margin-left: 0px;}
#About.HmeAbt .right img{width: 35%;margin:0 auto;}
#About.HmeAbt:before{background-size: 90% !important;right: 14%;width: 18%;height: 79%;top: -10px;}
#About.HmeAbt .right .aditsocial {width: 60%;}
.HmeAbt a.common-btn{float:left;}
.HmeAbt a img{border-radius:10px;}
#About.abt-blk{padding:10px 3% 1% !important;margin-top:0px;overflow: hidden;color:#000;}
#About.abt-blk .about-video img{width: 100%;float: right;margin-top: 35px;}
#About:before{content: '';position: absolute;right: 13%;width: 27%;height: 70%;background: url(../images/abstract.svg) no-repeat right top !important;z-index: -99;background-size: 69% !important;display: block ! Important;top: 18px;}
#About.abt-blk .productThree li a {border: 1px solid #e85242;padding: 3px 5px;}
#About.abt-blk .productThree li img {width: 35px;float: left;}
#About.abt-blk .productThree li a span {display: inline-block;margin-top: 7px;margin-left: 10px;}
#About.abt-blk .right{padding: 25px 0px;text-align: center;}
#About .right .aditsocial{width: 55%;margin: 35px auto 0px;} 
#About .right .aditsocial a{float:left;width: 156px;}
#About .right .Adilinked{background-color: #007bb6;border: 1px solid #007bb6;margin-left: 15px;margin-top: 2px;}
#About .right .Adilinked:hover{ background-color: #fff;color:#007bb6;border: 1px solid #007bb6;}
#About .right .Adilinked .fa-linkedin-square {font-size: 20px;margin-left: 3px;top: 2px;position: relative;}
#About.abt-blk .right img{width:40%;margin: 0 auto;}
#About.abt-blk .themelist li {margin-bottom: 20px;}
.prodlistFl{padding-left: 22px;}
.prodlistFl li{float:left;margin-right: 40px;list-style: decimal;font-weight: 500;color: #e55041;}
.homeVideo{padding:1px 35px;position:relative;margin: 0px 0px 0px;display: inline-block;width: 100%;} 
.homeVideo .left{width: 50%;float:right;padding-left: 100px;}
.homeVideo img{width:100%;margin:0 auto;}
.homeVideo .right{width: 50%;float: right;padding: 10px 0px 0px;}
.homeVideo  h3{font-size: 40px;width: 100%;margin-top: 110px;color: #e55041;}
.homeVideo  h3 span{display: block;color: #000;}
.homeVideo  h3 strong{border-bottom: 2px solid #e55041;font-weight: 500;}
/*.homeVideo:before {content: '';position: absolute;right: 0px;width: 100%;height: 77%;background: url(../images/banner-bg-sli1.jpg) no-repeat left bottom fixed;
 z-index: -9;background-size:cover;display: block ! important;top: 39px;} */
.homeVideo:after {content: '';background: url(../images/matrix-1.png) no-repeat right;position: absolute;width: 49%;height:100%;right: 0px;z-index: -9;top:0px;background-size: 77%;}
.abtlistProduct{display: flex;width: 100%;margin: 25px 0px 10px 0px;} 
.abtlistProduct li{margin-right: 30px;}
.abtlistProduct li a{display:inline-block;box-shadow: 0 0 10px #cccccc7d;padding: 5px;position:relative;  overflow: hidden;display: flex;}
.abtlistProduct li a:before,.abtlistProduct li a:after {content: '';position: absolute; box-sizing: border-box;width: 99.5%;height: 2px;}
.abtlistProduct li a:before {transform: translateX(100%);bottom: 0;left: 0;border-bottom: 2px solid transparent;border-left: 2px solid transparent;}
.abtlistProduct li a:after {transform: translateX(-100%);top: 0;left: 0;border-top: 2px solid transparent;border-right: 2px solid transparent;}
.abtlistProduct li a:hover:before {transition: 0.1s transform linear, 0.1s height linear 0.1s;transform: translateX(0);height: 100%;border-color: #e85242;}
.abtlistProduct li a:hover:after {transition: 0.1s transform linear 0.2s, 0.1s height linear 0.3s;transform: translateX(0);height: 100%;border-color: #e85242;}
.abtlistProduct li:hover img {transform: scale(1.04);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;} 
.abtlistProduct li a span{margin-top: 21px;display:inline-block;font-size: 18px;color: #e55041;}
.abtlistProduct li img{width: 30%;float: left;}
.abtlistProduct.coloricon li a {padding: 0px 10px 0px 0px;background-color: #fff;}
.abtlistProduct.coloricon img {margin: 0px 0px 0px !important;width:65px !important;margin-right: 10px !important;padding: 5px !important;}
.abtlistProduct.coloricon li:nth-child(1) img {background-color: #d30221;}
.abtlistProduct.coloricon li:nth-child(2) img {background-color: #21a3d5;}
.abtlistProduct.coloricon li:nth-child(3) img {background-color: #083869;} 
.coloricon li:nth-child(2) a:hover:after,.coloricon li:nth-child(2) a:hover:before{border-color:#21a3d5;}
.coloricon li:nth-child(3) a:hover:after,.coloricon li:nth-child(3) a:hover:before{border-color:#083869;}
.aboutSecond {padding: 0px 5px 0px 40px;display: inline-block;position: relative;margin: 0px 0px 40px;}
.aboutSecond .left {width: 55%;float: left;padding-right: 27px;}
.aboutSecond .left ul ul{padding-left:18px;}
.aboutSecond .left ul li li{margin-bottom: 0px;list-style:square;padding-left:0px;}
.aboutSecond .left ul li li:after,.aboutSecond .left ul li li:before{display:none;}
.aboutSecond:after {content: '';position: absolute;left: -42px;width: 65%;height: 112%;background-color: #f6f9fc;border: 1px solid #d6e2f5;z-index: -9;top: -22px;}
.aboutSecond .right {width: 45%;float: left;}
.aboutSecond .right img{width: 100%;}
.Threecolumn {margin: 0 auto;padding: 30px 30px;}
.Threecolumn .lft {float: left;width: 40%;padding: 7px 25px;border-radius: 20px;margin-top: 30px;border-right: 3px solid #d30221;}
.Threecolumn .rht {float: left;width: 40%;margin-top: 30px;padding-left: 50px;border-left: 3px solid #d30221;border-radius: 20px;}
.Threecolumn .cnter {float: left;width: 20%;margin-top: 80px;padding: 0px 20px;}
.Threecolumn .cnter img {margin: 0 auto;}
.Threecolumn .themetitle {max-width: 225px;margin: 0px auto 15px;}
.Threecolumn ul.themeList li {margin-bottom: 20px;}
.linkviseRoi{/*background-color: #F9F7F7;*/padding: 0px 40px;position:relative;z-index: 9;display: inline-block;width: 100%;overflow: hidden;margin-bottom: 20px;}
.linkviseRoi .left{width: 40%;float: left;padding-right: 35px;padding-top: 95px;}
.linkviseRoi .right{width: 60%;float:left;padding: 25px 0px 0px;}
.linkviseRoi:after {content: '';position: absolute;height: 100%;z-index: -9;top: 0px;width: 100% !important;left: 0 !important;background: url(../images/matrix-1.png) right no-repeat;background-size: 40%;opacity: 0.8;}
.linkviseRoi .themetitle {max-width:180px;}
.linkviseRoi img{margin: 10px auto 0px;} 
.middle-cntnt {position: relative;width: 100%;box-shadow: inherit;border: 0px;padding: 0px 45px 15px;margin-top: 10px;}
.middle-cntnt .left{width: 60%;float:left;}
/* .middle-cntnt .left .toplist li{float:left;margin-right: 20px;} */
.middle-cntnt .left .toplist li img{float:left;width:60px;margin-right: 0px;display: none;}
.middle-cntnt .left .toplist li span{margin-top: 0px;display: inline-block;font-weight: 600;}
.middle-cntnt .right{width: 40%;float: right;}
.middle-cntnt .left p{text-align:justify;}
.middle-cntnt .right img {margin: 0 auto;width: 75%;}
.middle-cntnt:before {content: " ";display: block;position: absolute;top: -35px;right: 0;width: 100%;height: 106%;background-color: #c6444914;z-index: -9;transform: skew(0deg, 1deg);}
.middle-cntnt .abtlistProduct.coloricon img {width: 50px !important;}
.middle-cntnt .abtlistProduct.coloricon a {padding: 0px 25px 0px 0px;}
.middle-cntnt .abtlistProduct li a span {margin-top: 10px;}
.middle-cntnt .bottom{margin-top: 20px;clear: both;display: inline-block;width: 100%;margin-bottom: 0px;}
.middle-cntnt .bottom h3.themetitle {max-width: 440px;margin: 0 auto 85px;}
.middle-cntnt .bottom .left{width:100%;float:left;}
.middle-cntnt .bottom .gridSt{-webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 4%);box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 4%);float: left;width: 30%;background-color: #fff;padding: 10px;margin-right: 40px;border-radius: 10px;    min-height: 320px;}
.middle-cntnt .bottom .gridSt .imgicon{width: 115px;position:relative;margin: -65px auto 25px;z-index: 9;padding: 15px 15px 10px 0px;text-align: center;}
.middle-cntnt .bottom .gridSt .imgicon img{width: 65%;margin: 2px auto;}
.middle-cntnt .bottom .gridSt .imgicon:after {content: '';position: absolute;height: 100px;z-index: -9;top: 0px;width: 100px;left: 0 !important;background: url(../images/icons/perst-1.png) right no-repeat;
background-size: 100% !important;right: 0px;}
.middle-cntnt .bottom .gridSt:nth-child(2) .imgicon:after{  background: url(../images/icons/perst-2.png) right no-repeat;}
.middle-cntnt .bottom .gridSt:nth-child(3) .imgicon:after{  background: url(../images/icons/perst-3.png) right no-repeat;}
.middle-cntnt .bottom .gridSt:hover .imgicon:after {
	 -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.middle-cntnt .bottom .gridSt h3{color:#ca0220;font-size:20px;text-align: center;margin-bottom:15px;}
.middle-cntnt .bottom .gridSt:nth-child(2) h3{color:#1f9bca;}
.middle-cntnt .bottom .gridSt:nth-child(3) h3{color:#062d54;}
.middle-cntnt .productThree li {margin-right: 30px;}
.middle-cntnt .productThree li:hover a:after {background-color: #fbf0f1;}
.middle-cntnt .productThree li a {border: 1px solid #e85242;padding: 3px 15px;background-color:#fff;}
.middle-cntnt .productThree li img {width: 40px;float: left;}
.middle-cntnt .productThree li a span {display: inline-block;margin-top: 7px;margin-left: 10px;}
.problemStmt {padding: 25px 3% 15px;position: relative;clear: both;display: inline-block;overflow: hidden;margin-bottom:0px;background: linear-gradient(280deg, rgb(244 247 252) 100%, rgba(255, 255, 255, 1) 60%);}
#problemStmt h3.themetitle {max-width: 325px;}
.problemStmt .left {width: 35%;float: right;padding: 20px 50px;}
.problemStmt .right {float: right;width: 65%;}
.problemStmt .right img.resImg{display:none;margin:0 auto;}
.problemStmt .right ul li{clear: both;margin-bottom: 25px;font-weight: 500;color: #e55041;}
.problemStmt .right ul img{width:30px;float:left;margin-right: 6px;}
.problemStmtmore{margin: 0px auto;position: relative;z-index: 9;background-size: cover;padding: 0px 3% 15px;}
.problemStmtmore .theme-list li{margin-bottom: 15px;background-color: #fff;padding: 15px 25px; -webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    border-radius: 7px;display: inline-block;width: 100%;overflow: hidden;z-index: 9;position: relative;background-color: #f2f7fa;}
.problemStmtmore .theme-list li:nth-child(even) .left{float:right;}
.problemStmtmore .theme-list li .left{float: left;width: 10%;border-radius: 60px;font-size: 30px;color: #fff;}
.problemStmtmore .theme-list li .left img{border-radius:5px}
.problemStmtmore .theme-list li:before{content: '';position: absolute;left: -55px;top: -100px;width: 135px;height: 100%;opacity: 0.3;border-radius: 50%;animation: inherit;background-color: #e55041 !important;z-index: -9;transform: skew( 310deg, 22deg);}
.problemStmtmore .theme-list li .right{float: left;width: 85%;padding-left: 15px;}
.problemStmtmore .theme-list li:hover{background-color: #f2f7fa;}
#About.problemstmt-page{margin-top:40px;padding-top: 15px;background-color: #eef2f6;color: #000;margin-bottom:0px;padding-bottom:25px;} 
#About.problemstmt-page:before{display:none !important;}
#About.problemstmt-page .themetitle{min-width: 40%;}
#About.problemstmt-page:before {top:0px;}
.highlighted{
  -webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 4%);
  box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 4%);
  clear: both;background-color: #fff;width: 65%;margin: -29px auto 0px;padding: 15px 15px 10px;border-radius: 5px;z-index: 9;position: relative;}
.highlighted p{margin-bottom:0px;color: #e34f40;font-weight: 500;}
.prblmstmt-one{padding:25px 45px;}
.prblmstmt-one:before {content: " ";display: block;position: absolute;bottom: 0;right: 0;width: 100%;height: 50%;background-color: #c6444914;z-index: -9;transform: skew(0deg, 3deg);border-bottom: 1px solid #eba39c;}
.prblmstmt-one h3{text-align: left;margin-bottom:10px;}
.prblmstmt-one h4 span{color:#e55041;}
.prblmstmt-one .info-list {  display: flex;  flex-wrap: wrap;  list-style: none;  padding: 0px;  margin-top: -8px;  margin-left: 0px;  width: 65%;margin: 0 auto;}
.prblmstmt-one .info-list li {  margin: 10px 10px 10px 0px;  padding-left: 0px;  border: 1.5px dotted #333333;  line-height: 1.3;  display: flex;
  flex: 0 1 auto;  align-content: flex-start;  flex-wrap: wrap;  flex-direction: row;  width: 18%;}
.prblmstmt-one .info-list li:last-child {border-right: 1.5px dotted #333333;}
.info-list li.header {  flex-basis: 100%;  display: block;  border-left: none;  margin: 10px 0px 2px 0px;  font-weight: bold;  padding-left: 0px;
  flex-wrap: inherit;  min-height: auto;  border: 0px;}
.info-list li.list-footer {  flex-basis: 100%;  border-left: none;  margin: 10px 0px 2px 0px;  padding-left: 0px;  flex-wrap: inherit;min-height: auto;}
.info-list li span{padding: 5px 10px 0px;text-align:left;}
.info-list li span.head {flex-basis: 100%;font-size: 18px;text-align: center;background-color: #ff665b;color: #fff;font-weight: 600;margin-bottom: 0px;padding: 5px 10px 5px;}
.info-list li span.value-mid {  font-size: 150%;}
.prblmstmt-one .bottom{padding-bottom: 25px;}
.prblmstmt-one .bottom .left{width: 50%;float: left;}
.prblmstmt-one .bottom .left h5{font-weight:600;text-align:center;}
.prblmstmt-one .bottom .right{width:40%;float:left;position: relative;top: 150px;padding-left: 25px;}
.prblmstmt-one .bottom .right p{font-size:20px;margin-bottom:35px;}
.prblmstmt-one .bottom .right p span{color:#F44336;font-weight:700;}
.prblmstmt-one .datalink{background-color: #e55041;padding: 10px;color: #fff;border-radius: 10px;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;clear: both;display: inline-block;}
.prblmstmt-one .datalink:hover{background-color:transparent;color:#e55041;border-bottom:1px solid #e55041;border-radius:0px;padding:0px;}
#stmtproblemtabs{margin:0 auto;background-color: #fff;padding: 20px;position: relative;top: 39px;box-shadow: 0 0 10px #cccccc;border-radius: 6px;}
#stmtproblemtabs li{float:left;}
.innerTitle .stmtproblemtabs-Two,.stmtproblemtabs-One.fixed {display:none;}
.innerTitle.fixed .stmtproblemtabs-Two.fixed {display: block;padding: 0px 0px !important;position: absolute !important;left: 40%;margin-top: -35px !important;box-shadow: inherit !important;}
.prblmstmt-one.two:before{display: none;}
.prblmstmt-one.two{text-align:center;padding-bottom: 0px;}
.prblmstmt-one.two h3{text-align: left;}
.prblmstmt-one.two .themetitle{max-width: 100px;}
.prblmstmt-one.three .themetitle{max-width: 140px;}
.prblmstmt-one.two img{margin:0 auto 25px;}
.prblmstmt-one.two .left{width: 50%;float:left;}
.prblmstmt-one.two .right{width: 50%;float:left;padding: 25px;}
.prblmstmt-one.two ul{padding-right:25px;}
.stmtList li{margin-bottom: 15px;font-weight: 600;display: inline-block;width: 100%;text-align: left;position: relative;padding-left: 30px;border-bottom: 1px dashed #e55041;padding-bottom: 15px;}
.stmtList li i {top: 3px;color: #e55041;font-size: 25px;margin-right: 10px;position: absolute;left: 0px;}
.prblmstmt-one.three{clear: both;padding: 30px 45px;}
.prblmstmt-one.three h3{text-align:left;}
.prblmstmt-one.three img{width: 90%;}
.prblmstmt-one.three:before {height: 115%;bottom: -48px;transform: skew(0deg, -1deg);border-top: 1px solid #eba39c; }
.prblmstmt-one.three .left{width:50%;float:right;}
.prblmstmt-one.three .right{float:right;width:50%;}
.pptslider {width: 60%;margin: 85px auto auto;position: relative;}
.pptslider .video-btn {position:absolute;left:50%;top:50%;}
.pptslider .owl-carousel .owl-stage-outer {padding-bottom: 20px;}
.pptslider .owl-carousel .owl-dots{text-align:center;}
/*project & Research Css code*/
#Projects{margin: 0px;padding: 70px 4% 20px;background-color: #fff;background: linear-gradient(107deg, rgb(244 247 252) 97%, rgba(255, 255, 255, 1) 100%);}
#Projects .center{margin-bottom: 15px;}
#Projects p{color:#000;}
#Projects .proJList {padding: 10px;box-shadow: 0 0 10px #cccccc7d;background: #ffffff;border-radius: 5px;margin: 0px 13px 0px 0px;width: 24%;float: left;border: 1px solid #ddd;z-index: 9;position: relative;overflow: hidden;}
#Projects .proJList:last-child {margin-right:0px;margin-bottom: 0px;}
@keyframes icon-bounce{
0%, 100%, 20%, 50%, 80% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
40% {-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
60% {-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}}
#Projects.projectNew {z-index: 9;background-color: rgb(236 241 251);border: 1px solid #d6e2f5;}
#Projects.projectNew .center {width: 35%;float: left;padding-top: 0px;}
#Projects.projectNew .research {float: right;width: 65%}
#Projects.projectNew .research .pull-right{width: 80%;}
#Projects.projectNew .research .proJList {width: 40%;padding: 15px 15px 15px;margin: 10px;}
#Projects.projectNew .research .proJList .rtcntnt{float:left;padding-left:15px;padding-top:0px;}
#Projects.projectNew .research .proJList:nth-child(1) {margin-top: 20px;}
#Projects.projectNew .research .proJList:nth-child(2) {margin-top: -40px;}
#Projects.projectNew .research .proJList:nth-child(3) {margin-top: 10px;left:0%;}
#Projects.projectNew h5 {margin: 0px 0px 15px 5px;}
#Projects.projectNew p {clear: both;}
#Projects img,#Projects .productN1 .left img {-webkit-transition: all 0.6s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;margin: 5px auto 0px;float: left;width: 35%;}
#Projects .proJList:hover img {transform: scale(1.09);}
#Projects .proJList a {font-size: 14px;padding: 5px 20px 5px 15px;background: linear-gradient(135deg, #3275dc, #019cf6);}
#Projects .proJList:hover a{background: linear-gradient(135deg,#c4434a, #e85242);}
.productN1 .right h5 a {color:  #e55041}
.productN1 {position: relative;z-index: 9;padding:55px 35px;display: inline-block;width: 100%;margin-bottom:0px;}
.productN1:last-child {border-bottom:0px;}
.productN1 .left {width: 45%;float: left;position: relative;z-index: 9;padding: 0px;padding-left: 40px;}
.productN1 .right {float: left;width: 55%;position: relative;padding:0px 0px 10px 8px;border-radius: 11px;z-index: 9;border: 0px !important;}
.productN1 .right h5 {margin-bottom: 15px;color: #e55041;font-size: 26px;padding-top: 5px;border-bottom: 1px solid #e55041;float: left;}
.productN1 .right h5 span {color: #ffffff;position: absolute;top: 2px;font-size: 21px;z-index: -1;font-weight: 600;left: 2px;background-color: #e55041;padding: 3px 3px;border-radius: 7px 0px 20px 3px;width: 30px;text-align: center;display: none;}
.productN1 .right h6 {text-align: center;display: inline-block;color: #323030;position: absolute;bottom: 0px;font-size: 60px; z-index: -1;opacity: 0.1;font-weight: 600;left: 7px;}
.productN1 .right ul{margin:15px 0px}
.productN1 .right ul li,.iconList li{margin-bottom:15px;font-weight: 500;display: inline-block;width: 100%;position: relative;padding-left: 35px;}
.productN1 .right ul li i,.iconList li i {top: 1px;color: #ffffff;font-size: 19px;margin-right: 10px;position: absolute;left: 0px;background-color: #e55041;padding: 5px;border-radius: 20px;}
.productN1:nth-child(odd) .right{float:right;}
.productN1:nth-child(even) .left {padding-left:0px;padding-right:70px;}
.productN1:nth-child(even){margin-top:-25px;}
.productN1:nth-child(even) .left img {float: right !important;}
#Projects .productN1:nth-child(1) .left img {width: 45%;margin: -27px auto 0px 100px;float: left;}
.productN1:nth-child(even):before{right:0px;left:auto; rotate: -180deg;}
.productN1:after {content: '';width: 100%;height: 85%;position: absolute;top: 35px;right: 0;z-index: -99;background: url(../images/banner-bg-2.jpg) no-repeat center;background-size: 100%;}
.productN1:before {content: '';width: 450px;height: 415px;position: absolute;top: -26px;left: 0;z-index: 99;background: url(../images/product-Ellipse.png) no-repeat left;background-size: 50%;}
#Projects .productN1 .proJList:hover img {transform: inherit;}
#Projects .productN1 .left img {width:70%;float: none;margin: 0px auto 0px;}
#Projects .productN1 .owl-dots {top: -14px;text-align:center;}
#Projects.proj-blk{background:transparent;padding:0px 0% 70px;}
#Projects.proj-blk #stmtproblemtabs{width: 35%;top: 0px;margin-top: -58px;z-index: 9;}
#Projects.proj-blk #stmtproblemtabs li:nth-child(4) a {background-color: #d30221;}
#Projects.proj-blk .center {padding: 15px 40px 0px;overflow: hidden;position: relative;margin-bottom:0px;z-index: 9;color: #fff;text-align: left;background: linear-gradient(19deg, rgb(241 245 251 / 92%) 42%, rgb(255 255 255) 100%);}
#Projects.proj-blk .center h3{font-size:35px;}
#Projects.proj-blk .center:after{content:'';background: url(../images/matrix-1.png) no-repeat right;position: absolute;width: 49%;height: 100%;right: 0px;z-index: -9;opacity: 0.5;top: 4px;background-size: 70%;}
#Projects.proj-blk .center .left {width: 55%;float: left;padding-top: 70px;padding-bottom: 165px;}
#Projects.proj-blk .center .left .subtext{font-size: 26px;line-height: 40px;width: 85%;}
#Projects.proj-blk .center .left .subtext span{font-weight: 600;color: #d30221;font-size: 33px;}
.abtlistProduct.prolist{width: 56%;margin: -36px auto 10px;z-index: 9;position: relative;}
.abtlistProduct.coloricon.prolist li a {padding: 2px 10px 2px 3px;border: 1px solid #e4e4e4;} 
.productThree{display: flex;}
.productThree li{margin-right: 50px;}
.productThree li a {color: #e55041;border-top: 3px solid #e55041;display: inline-block;position: relative;z-index: 9;padding: 0px 5px;}
.productThree li:hover a {color:#083869}
.productThree li a:after {left: 0px;content: "";position: absolute;width: 3px;height: 100%;z-index: -9;top: 0px;-webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;border-radius: 3px;background-color: #eff3f7;visibility: hidden;}
.productThree li:hover a:after {width:100%;visibility: visible;}
.productThree li a span {display: block;clear: both;font-weight: 500;}
.productThree li img{width:45px;}
.productThree li:hover img {animation: rotate-vertical 2s ease-out;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;transition: all 0.9s ease;}
#Projects.proj-blk .center .abtlistProduct {width: 100%;margin: 30px 0px 10px 0px;}
#Projects.proj-blk .center .right{width: 45%;float: left;padding: 15px 15px 15px 15px;}
#Projects.proj-blk .center .right img{float: right;width:80%;}
#Projects.proj-blk .center .right .cube{width: auto;position: absolute;right: 15%;bottom: 18%; 
-webkit-animation: movebounce 5s linear infinite;animation: movebounce 5s linear infinite;}
@-webkit-keyframes movebounce {
  0% {-webkit-transform: translateY(0px);transform: translateY(0px);}
  50% {-webkit-transform: translateY(20px);transform: translateY(20px);}
  100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes movebounce {
  0% {-webkit-transform: translateY(0px);transform: translateY(0px);}
  50% { -webkit-transform: translateY(20px);transform: translateY(20px);}
  100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes rotate-vertical {
	0% {transform: rotateY(0deg);}
	100% {transform: rotateY(360deg);}
}
#Projects.proj-blk .center .right .owl-dots {top: -10px;text-align: center;left: 85px;}
#Projects.proj-blk .center .right li{border-radius: 10px;float: left;padding: 15px 20px;text-align: center;width: 45%;-webkit-box-shadow: 3px 0px 7px 0px rgba(142, 129, 129, 0.55) !important;-moz-box-shadow: 3px 0px 7px 0px rgba(142, 129, 129, 0.55) !important;box-shadow: 3px 0px 7px 0px rgba(142, 129, 129, 0.55) !important;margin-right: 25px;margin-bottom: 25px;min-height: 100px;background-color: #fff;}
#Projects.proj-blk .center .right li:nth-child(1){margin-top:50px;margin-bottom: 0px;}
#Projects.proj-blk .center .right li:nth-child(3){margin-top: -16px;clear:both;margin-left: 335px;}
#Projects.proj-blk .center .right li a {margin-bottom: 10px;color: #e55041;display: block;font-size: 20px;font-weight: 600;text-align: left;float: left;margin-top: 19px;margin-left: 5px;}
#Projects.proj-blk .center .right li  img{width: 30%;float:left}
#Projects.proj-blk .projInner {padding:0px;margin-top:30px;}
#Projects .productN1:hover .left img {transform:inherit;    z-index: 99;position: relative;}
@keyframes bubble-anim-abt {
  0% {transform:scale(1); }
 20% {transform:scaleX(1.05); }
 48% { transform:scaleX(0.9); }
 68% {transform:scaleX(1.02); }
 80% {transform:scaleX(0.98); }
 97%, 100% {transform: scale(1); } 
 }
/*Articles Css code*/
#Articles{padding: 25px 2% 40px;z-index: 9;overflow: hidden;}
#Articles h3{margin-bottom: 10px;max-width: 125px;}
#Articles .center p{color: #fff; display:none;}
#Articles  h4{font-size: 20px;margin-bottom: 10px;color: #000000;}
#Articles h5{margin-bottom: 5px;font-size: 12px;color: #413b3b;}
#Articles h6{display: inline-block;color: #ffffff;position: absolute;top: 36px;font-size: 25px;opacity: 0.9;font-weight: 600;left: 3px;z-index: 9;}
#Articles li:hover .img:before {background-color:#1967d2;}
#Articles li:hover .img i{color:#fff !important;}
#Articles .video-sec{width: 44%;float: right;margin-top: 7px;z-index: 99;position: relative;}
#Articles .morebtn {margin-top: 10px;float: left;}
#Articles.ArticleSubpage{padding: 20px 0px 0px;/*background-color: #eef2f6;*/}
#Articles.ArticleSubpage .themetitle{margin-bottom:15px;} 
#Articles.ArticleSubpage p.subtext {width: 100%;}
#Articles.hmeArticles{margin:0px 0px 10;}
#Articles.hmeArticles:before {content: '';width: 61%;height: 100%;position: absolute;top: 10px;right: -6px;z-index: -9;background: url(../images/linedraw.png) no-repeat left bottom;background-size: 100%;display: block;}
.hmeArticles .left{float: right;width: 50%;padding: 5px 15px 5px 30px;}
.hmeArticles .left img{display: none;}
#Articles.hmeArticles .right{width: 50% !important;float: left;}
#Articles.hmeArticles .right img{width: 80%;}
.hmeArticles:after {content: '';position: absolute;width: 50%;height: 100%;top: 0px;right: 0px;background-color: #fcedea;z-index: -99;border: 2px solid #f3e2de;}
.article-left{margin-bottom: 10px;background: linear-gradient(342deg, rgb(244 247 252 / 92%) 36%, rgb(243 243 243) 100%);padding: 25px 35px;}
.article-mid{padding: 25px 35px 0px;}
.upcoming-events {float: left;margin: 0px 30px 25px 0px;padding: 0px 0px 0px;background-color: #fff;width: 31.2%;min-height: 480px;border: 1px solid #ddd;overflow:hidden;position:relative;z-index:9;border-radius: 5px;}
.upcoming-events.video{min-height: 385px;}
.upcoming-events:hover{background-color: #fffafa;}
.upcoming-events:after {content: "";position: absolute;z-index: -9;width: 0%;height:3px;bottom: -1px;left: 0px;background-color: #317ee9;border-radius: 11px;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease; transition: all 0.9s ease;}
.upcoming-events:hover:after{width:0%;}
.upcoming-events:hover h2{background-color:#21a3d5;}
.upcoming-events .events-img{width: 100%;float: right;padding-top: 0px;-webkit-transition: all 0.6s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;margin-bottom: 15px;}
.upcoming-events:hover .events-img{transform: scale(1.029);}
.upcoming-events .events_content{float: left;width: 100%;padding: 10px;position: relative;}
.upcoming-events h1 {font-size: 17px;color: #005185;margin-bottom: 0px;margin-top: 10px;min-height: 45px;}
.upcoming-events h2 {font-size: 14px;position: absolute;right: 5px;background-color: #e55041;color: #fff;padding: 5px 5px;top: -50px;min-width: 87px;line-height: 20px;border-radius: 5px;text-align:center;}
.upcoming-events h2 span{display:block;font-size: 20px;padding-top: 4px;}
.upcoming-events p{margin-bottom:10px;}
.upcoming-events .events_content .readmr{color:#ee4a62;float:left;font-size: 16px;font-weight: 500;}
.upcoming-events .events_content .readmr i{font-size:20px;top: 4px;}
.upcoming-events:hover .readmr{margin-left:0px}
.upcoming-events:hover .readmr span{visibility:visible;}
.upcoming-events .videoanim {height: 35px;width: 35px;line-height: 35px;font-size: 17px;padding: 10px 13px;float: left;left: 35px;color: #fff !important;top: -16px;}
/*Environment css code start*/
#Environment{padding: 20px 3% 25px;background-color:#e5eefa;margin-bottom: 0px;margin-top: 1px;z-index: 2;} 
#Environment .themetitle {margin-bottom: 30px;color:#e25040;max-width: 225px;}
#Environment .themetitle:first-letter{color:#000;}
#Environment .themetitle span{display:block;font-size: 20px;padding-bottom: 3px;color:#000;}
#Environment .themetitle:after{bottom: -10px;right: -13px;}
#Environment.hmeSustain ul li{width: 47%;background-color: #fff;margin-right:10px;padding: 5px;border: 1px solid #caddf6;z-index: 9;position: relative;}
#Environment.hmeSustain ul li:after{content:'';width:0%;height: 100%;position: absolute;left: 0px;transition: all 0.6s linear;z-index: -9;top: 0px;background: linear-gradient(338deg, #7eb53933, #ffffff);}
#Environment.hmeSustain ul li:hover:after{width:100%;} 
#Environment.hmeSustain ul li img {width: 14%;}
#Environment.hmeSustain ul li strong {margin-top: 12px;}
#Environment img{width:65%;margin:0 auto;}
#Environment .left{width: 45%;float: left;position: relative;padding: 10px 0px 0px 10px;}
#Environment .right img {position: relative;top: 30px;width: 70%;margin-top: -15px;}
#Environment .right:before {left: 0;content: "";bottom: -40px;position: absolute;width: 50%;height: 30%;z-index: -9;transform: skew(0deg, 14deg);background-color:#e5eefa;}
#Environment .right:after {right: 0;content: "";position: absolute;width: 50%;height: 30%;z-index: -9;transform: skew(0deg, 348deg);background-color:#e5eefa; bottom: -45px;}
#Environment.hmeSustain .right:before {bottom: -55px;}
#Environment.hmeSustain .right:after {bottom: -60px;}
#Environment.hmeSustain .readmorebtn{margin-top: -50px;}
#Environment.Environ {margin-bottom:80px;}
#Environment.hmeSustain .readmore{margin-top: -30px;}
.sustain-One {padding:0px 3% 60px;}
#Environment ul,.sustainList {width: 100%;}
#Environment ul li,.sustainList li {width: 49%;float: left;margin-bottom: 25px;}
#Environment ul li img,.sustainList li img {float: left;width: 20%;}
#Environment ul li p ,.sustainList li p {float: left;width: calc(100% - 95px);padding-left: 8px;}
#Environment ul li p strong,.sustainList li p strong{display:block;margin-bottom: 3px;} 
.sustainList li {width: 48%;box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .12), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);margin-right: 15px;padding: 10px;border-radius: 10px;}
.sustainList li img {float: left;width: 13%;}
/*FAQ css start*/
#faq{margin: 0px;padding: 25px 5px 45px 2%;overflow: hidden;/* background: linear-gradient(42deg, rgb(233 239 248 / 92%) 36%, rgba(255, 255, 255, 1) 100%); */z-index: 1;margin-top: 0px;}
#faq .themetitle{max-width: 77%;}
#faq .right{padding: 80px 15px 35px 0px;}
#faq:after {content: '';position: absolute;height: 100%;z-index: -9;top: 0px;width: 100% !important;left: 0 !important;background: url(../images/faqbg.jpg) no-repeat bottom;/* opacity: 0.2; */background-size: cover;}
#faq .lftcntnt{float:left;width: 80%;}
#faq .rtimg{float:left;width: 20%;}
#faq.HmeFaq .lftcntnt{width: 100%;}
#faq.HmeFaq .rtimg{display: none;}
#faq img {width: 75%;}
#faq .common-btn{z-index:99;color: #fff;}
ul.accordion-list {position: relative;  display: block;  width: 100%;  height: auto;  margin: 0;  list-style: none;}
ul.accordion-list li {position: relative;display: block;margin: 0 auto 10px auto;cursor: pointer;background: #fff;border-radius: 5px;padding: 15px 10px;box-shadow: 0px 4.4px 12px -1px rgb(19 16 34 / 4%), 0px 2px 6.4px -1px rgb(19 16 34 / 15%);border: 1px solid #e5504100;}
ul.accordion-list li.active h3,ul.accordion-list li:hover h3 {    color: #387eec;}
ul.accordion-list li h3 {position: relative;display: block;font-size: 20px;margin-bottom: 0px;}
ul.accordion-list li.active h3{border-radius:25px 25px 0px 0px;}
ul.accordion-list li h3:after {content: "+";position: absolute;right: 12px;top: 0px;color: #1e6ad6;transition: all 0.3s ease-in-out;font-size: 25px;font-weight: 600;}
ul.accordion-list li.active h3:after {transform: rotate(45deg);}
ul.accordion-list li div.answer {border-top: 1px solid #ccc;  padding: 20px 0 0;  margin: 20px 0 0;  -webkit-transition: all 0s;  -moz-transition: all 0s;-o-transition: all 0s;  transition: all 0s;  }
ul.accordion-list li div.answer p{position: relative;display: block;cursor: pointer;text-align: justify;}
ul.accordion-list li.active .answer {display: block !important;}
.OrangeRed #faq .common-btn:hover{color:#e85242;}
.blue #faq .common-btn:hover{color:#317ee9;}
.purple #faq .common-btn:hover{color:#a020f0;}
#faq.sub-Faq{padding: 40px 2.5%;} 
#faq.sub-Faq .right{padding:0px;}
.sub-Faq .list li{border-bottom: 1px solid #f1f0f0;padding: 15px 0px;}
.sub-Faq .list li:last-child{border-bottom:0;}
.sub-Faq .list li h3 {color: #000000;margin: 0px 0px 10px;font-weight: 500;font-size: 19px;}
.sub-Faq .list li p{text-align: justify;}
#faq.sub-Faq img {width: 90%;}
#faq.sub-Faq .themetitle:before {width: 18%;}
/*Contact css start*/
#Contact .right{float:left;width: 55%;margin-left: 0px;z-index: 99;position: relative;}
#Contact{margin-top: 0px;position: relative;padding:40px 3% 71px;height: auto;background: linear-gradient(342deg, rgb(244 247 252 / 92%) 36%, rgb(243 243 243) 100%);}
#Contact h3.themetitle{max-width: 180px;margin-bottom: 0px;}
#Contact h4{font-size:25px;color:#000;margin-top: 0px;padding-left: 15px;}
#Contact .con-image{position:absolute;right: 10%;z-index:1;width:48%;top: -60px;}
#Contact .con-image img{width:100%}
#Contact .right{margin-top: 303px;}
.hme-cntact {padding: 25px 15%;box-shadow: 0 2px 4px -1px rgba(0,0,0,.12), 0 4px 5px 0 rgba(0,0,0,.06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);width: 45%;background-color: #fff;padding: 10px;border-radius: 5px;float:left;position:relative;z-index:22;}
.hme-cntact .submit {margin: 0 auto;display: block;height: 45px;color: #fff;font-size: 18px;outline: none;background-color: #1967d2;border-radius: 25px;min-width: 100px;}
.hme-cntact .submit:hover{background-color: #009688;}
.hme-cntact .form-group {margin: 10px 0px 25px;position: relative;border: 1px solid #e2e2e2;padding: 5px 5px;}
.hme-cntact input,.hme-cntact textarea {padding: 12px 10px 0px 5px;display: block;width: 100%;/* border: 1px solid #e2e2e2; */background-color: transparent !important;}
.hme-cntact textarea{ resize: vertical;min-height: 70px;max-height: 250px;}
.hme-cntact input:focus {outline: none;}
.hme-cntact label .fa-star {color: #e55041;font-size: 9px;position: relative;top: -3px;}
/* LABEL*/
.hme-cntact label {color: #000000;font-size: 15px;font-weight: normal;position: absolute;pointer-events: none;left: 9px;top: 11px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
/* active state */
.hme-cntact input:focus ~ label,.hme-cntact textarea:focus ~ label,
.hme-cntact input:valid ~ label,.hme-cntact textarea:valid ~ label {top: 1px;color: #e55041;font-size: 12px;}
.hme-cntact textarea:focus ~ label {top:1px;}
.address{padding: 80px 10% 10px;background-color: #f4f9fd;margin-bottom: 80px;}
.address .addr{width:30%;float:left;-webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);padding: 15px;border-radius: 15px;margin-right: 30px;text-align: center;min-height: 165px;background-color: #fff;}
.address .addr h4{margin:10px 0px}
.address .image{margin: -55px auto 0px;background-color: #e55041;width: 80px;height: 80px;border-radius: 80px;text-align: center;font-size: 40px;padding-top: 20px;color: #fff;}
/*footer css start*/
footer{padding: 26px 35px 15px;background-color: #083869;position: relative;display: inline-block;width: 100%;z-index: 9;margin-top: 0;}
footer .footer-grid{float: left;width: 32%;margin-right:25px;position: relative;}
footer .footer-grid:after{content: '';position: absolute;width: 1px;height: 210px;background-color: #d8d8d8;right: 0px;top: 0px;}
footer .footer-grid:last-child{border-right:0px;margin-right:0px;float: right;}
footer .footer-grid:last-child ul{margin-bottom:15px;}
footer .footer-grid p{clear:both;margin-top: 15px;/*padding-left: 30px;*/position:relative;color:#fff;}
footer .footer-grid p i{font-size: 30px;position:absolute;left:0px;color:#fff;top: 0px;}
footer .footer-grid:nth-child(2) ul{margin-bottom:15px}
footer .footer-grid:nth-child(2) p{margin: 15px 0px 18px;}
footer .footer-grid:nth-child(2) p i{font-size: 22px;top: 3px;color:#fff;}
footer .footer-grid:nth-child(2) p a{color: #fff;}
footer .footer-grid:last-child:after{display:none}
footer .footer-grid h3{font-size:20px;margin-bottom:5px;color:#fff;}
footer .footer-grid ul li{margin-bottom:7px;padding-left:0px;}
footer .footer-grid ul{float: left;}
footer .footer-grid ul li a{font-size: 16px;padding: 0px 0px;position: relative;display: block;color:#fff;}
footer .footer-grid:nth-child(2) ul li:last-child {display:none;} 
footer .footer-grid:last-child ul {clear:both;float:none;display:none;}
footer .footer-grid:last-child li {float:left;padding-left: 0;}
footer .footer-grid:last-child li a:hover {margin-left:0px;}
footer .footer-grid ul li a.active{font-weight:700;text-decoration: underline;}
footer .footer-grid:last-child li a{padding:5px;color: #fff;font-size: 20px;border: 1px solid #fff;margin-right: 15px;width: 35px;text-align: center;border-radius: 2px;transition: 0.6s ease all;-moz-transition: 0.6s ease all;-webkit-transition: 0.6s ease all;}
footer .footer-grid ul li a:hover{color:#fff;margin-left:5px;}
.btmcntct{background-color:#fff;padding: 5px 30px;border-radius: 25px;font-size: 18px;color: #1e6ad6;font-weight: 600;}
.btmcntct:hover{color:#fff;background-color:#1e6ad6;}
.linked{border-radius: 25px;padding: 3px 7px;}
.footer-bottom-inn{text-align: center;z-index: 99;position: relative;background-color: #0a2d50;padding: 12px 0px;}
.footer-bottom-inn p{margin-bottom: 0px;color: #fff;}
.footer-bottom-inn a {font-weight: 600;color: #ffffff;}
.waveshape {position: absolute;left: 0;bottom: -126px;height: 80px;width: 100%;z-index: -1;background-position: center bottom;}
.waveshape img {position: absolute;bottom: 0;left: 0;width: 100% !important;}
/*button Style - 1*/
.common-btn {position: relative;padding: 5px 26px 5px 16px;text-decoration: none;text-align: left;font-size: 18px;border-radius: 5em;border: 1px solid #387eec;color: #fff;overflow: hidden;background-color: #387eec;display:inline-block;}
.common-btn i {font-size: 14px;margin-left: 8px;}
.common-btn:hover {color: #377deb;z-index: 3;transition-delay: 1s;}
.common-btn:after {content: "";position: absolute;  right: 20px;  top: 54%;  transform: translateY(-50%) scale(0.6);width: 20px;height: 20px;border-radius: 50%;z-index: 1;opacity: 0;transition-property: right, transform;transition-delay: 0s, 0s;transition-duration: 1s, 0.5s;}
.common-btn:hover:after {right: 0px;transform: translateY(-50%) scale(50);transition-delay: 0s, 1s;opacity: 1;background: #fff;  z-index: -1;}
/*Inner Page css start*/
.innerTitle{height:auto;margin-top: 55px;background-color: #ffffff;padding: 1px 42px 3px;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;}
.innerTitle.fixed{position: fixed;width: 100%;z-index: 99;top: 0px; -webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 0%), 0 4px 5px 0 rgb(0 0 0 / 0%), 0 1px 10px 0 rgb(0 0 0 / 9%);box-shadow:0 2px 4px -1px rgb(0 0 0 / 0%), 0 4px 5px 0 rgb(0 0 0 / 0%), 0 1px 10px 0 rgb(0 0 0 / 9%);padding-left: 5px;}
.innerTitle.fixed h3 {display: block;}
.breadcrumb{margin: 0 auto;float: none;position: relative;color: #fff;background-color: transparent;padding: 0px;display: none;}
.breadcrumb ul li{float:left;}
.breadcrumb ul li a{color: #000000;padding: 5px 10px;display: inline-block;}
.breadcrumb ul li a:after{content:'/';position:relative;left: 8px;}
.breadcrumb ul li:last-child a{font-weight:800;color: #1967d2;}
.breadcrumb ul li:last-child a:after{display:none;}
.innerTitle h3 {color: #000;font-size: 22px;font-weight: 500;display: none;margin-top: 10px;margin-bottom: 5px;float:left;}
.sub-inner .breadcrumb li:last-child,.sub-inner .breadcrumb li:nth-last-child(2) a:after{display:none;}
.sub-inner.fixed .breadcrumb li:last-child,.sub-inner.fixed .breadcrumb li:nth-last-child(2) a:after{display:inline-block;}
#toTop {position: fixed;bottom: 55px;right: 10px;display: none;z-index:99;}
#toTop p {width: 35px;height: 35px;padding: 10px 3px;color: #1967d2;border-radius: 35px;cursor: pointer;border: 1px solid #009688;background-color: #fff;position: relative;    float: right;margin-bottom: 0px;}
#toTop i {animation: nudge 2s linear infinite alternate;top: 3px;transform: translateY(0);position: absolute;left: 8px;font-size: 19px;line-height: inherit;}
#toTop p:before{content:'';width: 85%;height: 85%;border-radius:50%;border: 1px solid #009688;position: absolute;top: 2.5;left: 2.5;transition: transform .9s;}
#toTop:hover:before{transform: scale(1.5);} 
/*Theme Color css start*/
.swithTheme{float:left;position: absolute;right: 15px;top: 13px;}
.swithTheme .dropdown-toggle{color:#000;cursor: pointer;background-color: #1e6ad6;display: inline-block;width: 35px;height: 35px;padding: 5px;border-radius: 20px 0px 0px 20px;}
.swithTheme .dropdown-toggle img{-webkit-animation-name: rotateme;animation-name: rotateme;-webkit-animation-duration: 5s;animation-duration: 5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;margin-left: 2px;}
.swithTheme .dropdown-toggle:after{display:none;}
.swithTheme .dropdown-menu {width: 180px;min-width: 180px;padding: 10px 10px 0px;margin-top: 0;}
.swithTheme .dropdown-menu li {padding: 5px;cursor: pointer;float: left;font-size: 30px;line-height: 10px;}
.swithTheme .dropdown-menu h3{font-size: 18px;border-bottom: 2px dashed #ccc;margin-bottom: 5px;padding: 7px;}
.swithTheme #OrangeRedBtn {color: #e55041;}
.swithTheme #BlueButton {color: #2e76e3;}
.swithTheme #purpleButton {color: #a020f0;}
.swithTheme #darkblueBtn {color: #083869;}
@keyframes rotateme {
  from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes rotateme {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
.faq{padding: 45px 5% 30px;/* background-color: rgb(246, 246, 246); */background: linear-gradient(280deg, rgb(244 247 252 / 40%) 36%, rgba(255, 255, 255, 1) 100%);}
.faq .sub-txt{text-align: center;color:#000;}
.faq h3 {color: #000;text-align: center;}
ul.themeList li {margin-bottom: 10px;position: relative;padding-left: 20px;}
ul.themeList li:after {color: #1967d2;left: -5px;position: absolute;top: 4px;font-size: 19px;content: "\f271";display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: 500 !important;text-transform: none;line-height: 1;}
.squareLst.themelist  li{z-index:9;padding-left: 22px;}
.squareLst.themelist li:before,.squareLst.themelist li:after {content: "";position: absolute;top: 8px;left: 5px;width: 10px;height: 10px;background-color: #1e6ad6;}
.squareLst.themelist li:after {top: 3px;left: 0;background-color: rgb(30 106 214 / 39%);}
.video-sec video {width: 100%;position: absolute;object-fit: cover;transition: all 1.2s linear;z-index: -10;}
#visionblk{padding: 25px 45px 25px;display: inline-block;overflow: hidden;z-index: 9;}
#visionblk:before {content: '';position: absolute;right: 0px;width: 100%;height: 100%;background: url(../images/visionBg.jpg) no-repeat left bottom #f5f5f7 fixed;z-index: -9;background-size: 59%;display: block ! Important;top:0px;/*opacity: 0.7;*/}
.about-vision .rtside{width: 70%;z-index: 9;float: right;}
.about-vision .rtside .themetitle {max-width:340px;}
.about-vision {	text-align:left;	position: relative;}
.about-values li {width: 100%;padding: 0px 4px 0px;text-align: left;display:inline-block;margin-bottom: 11px;background-color:#fff;border: 2px solid #e0e8f6;}
.about-values li .rts{float:left;width: calc(100%  - 140px);margin-top: 13px;margin-left: 15px;}
/* .about-values li img {margin: 10px auto 0px;width:7%;float: left;} */
.about-values  .vsnpic{background-color: #e0e8f6;display:inline-block;width: 8%;margin: 5px 0px 5px;border-radius:5px;float:left;}
.about-values li h4 {font-size: 23px;margin-bottom: 10px;text-align:left;color: #e85242;}
.about-values li p{margin-bottom: 0px;}
/*Project Inner page css start*/
.proSubpage{background:transparent;padding:10px 35px 5px;margin-top:0px;}
.proSubpage .proj-link {margin-bottom: 0px;padding: 6px;z-index: 9;position: relative;background-color: #e0e8f6;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.6s ease;width: 25%;margin-bottom: 15px;float: right;}
.proj-link a {color: #000000;padding: 10px 7px 10px 10px;/* display: table-cell; */border-bottom: 1px solid #e550413d;box-shadow: 0 0 10px #cccccca6;background-color: #fff;margin-bottom: 11px;border: 2px solid #fff;border-radius: 5px;width: 100%;display: inline-block;}
.blog-link a:hover {color: #000;}
.proj-link a.active{color:#fff;}
.proj-link a:last-child {border-bottom:0px;display: none;}
.projpageList {margin-bottom: 20px;}
.projpageList .left{width:50%;float: left;margin-top:10px;}
/* .projpageList .left img {margin: 65px 0px 0px;} */
.projpageList .right{width: 35%;margin-top: 15px;float:right;}
#Projects .projpageList .right img {width: 55%;margin: -0px auto 5px;}
.projpageList .themeList{display:block;clear: both;}
.projpageList  .owl-dots {top: -8px;text-align: center;}
.realProp{padding: 0px 35px 25px;}
.realProp .themetitle{max-width: 189px;margin: 0 auto 20px;}
.realProp ul{ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .12), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);column-count: 2;padding: 20px;border-radius: 5px;width: 85%;margin: 0 auto;}
.RoiList {background: linear-gradient(342deg, rgb(244 247 252 / 92%) 36%, rgb(243 243 243) 100%);padding: 15px 65px;margin-bottom: 15px;}
.RoiList >li{float:left;padding: 4px 0px;position: relative;margin-right: 25px;}
.RoiList >li:nth-child(1){width: 9%;}
.RoiList >li:nth-child(2){width: 20%;}
.RoiList >li:nth-child(3),.RoiList >li:nth-child(4){width: 29%;}
.RoiList >li:nth-child(4) li span{font-weight:600;color:#d30221;}
.RoiList li:nth-child(1) img{margin-top: 24px;}
.RoiList li h5{color:#d30221;font-size:18px;text-align: center;margin-bottom: 10px;}
.RoiList .logoDiv{box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .12), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);padding: 1px;border-radius: 4px;margin-top: 35px;background-color: #fff;}
.RoiList li ul{width: 100%;clear: inherit !important;display: inline-block !important;box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .12), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);padding: 10px;border-radius: 5px;min-height:90px;background-color: #fff;}
.RoiList .logoDiv {position: relative;overflow: hidden;z-index: 1;}
.RoiList .logoDiv img{ background-color: #fff;padding: 5px;}
.RoiList .logoDiv:active{transform: scale(0.95);}
.RoiList .logoDiv::before{content: '';position: absolute;inset: -1px 30px;background:#083869;transition: 500ms;animation: rotate 4s linear infinite;z-index: -1;width: 100%;left: 0px;}
.RoiList .logoDiv:hover::before{inset: -1px;}
.RoiList .logoDiv::after{content: '';position: absolute;inset: 3px;z-index: -1;}
@keyframes rotate {
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}
.RoiList li .fa-long-arrow-right{position: absolute;color: #e55041;font-size: 25px;right: -25px;top: 58%;animation: blink 1s steps(5, start) infinite;-webkit-animation: blink 1s steps(5, start) infinite;}
.RoiList li:nth-child(2) .fa-long-arrow-right{top: 65%;animation: blink 1.5s steps(5, start) infinite;-webkit-animation: blink 1.5s steps(5, start) infinite;}
.RoiList li:nth-child(3) .fa-long-arrow-right{top: 48%;animation: blink 2s steps(5, start) infinite;-webkit-animation: blink 2s steps(5, start) infinite;}
@keyframes blink {
to {visibility: hidden;}}
@-webkit-keyframes blink {to {visibility: hidden;}}
.RoiList li ul li{margin-bottom:6px !important;font-size: 16px;font-weight: 500;}
.RoiList li ul li:last-child{margin-bottom:0px !important;} 
.RoiList li ul .readmr {clear: both;color: #083869;margin-top: 3px;display: inline-block;margin-left: 15px;font-size: 15px;position: relative;font-weight: 600;border-bottom:2px solid #083869}
.RoiList li ul .readmr span{ animation: blink 3s steps(5, start) infinite;-webkit-animation: blink 3s steps(5, start) infinite;}
.projpageMid{padding: 25px 35px;position: relative;display: inline-block;width:100%;}
.projpageMid h3.themetitle {max-width: 80px;}
.projpageMid .left{width:60%;float:right;padding-left:25px;}
.projpageMid .left li a{color: #e55041;font-weight: 500;}
.projpageMid .right {width: 40%;float: left;box-shadow: 0 2px 4px -1px rgb(0 0 0 / 0%), 0 4px 5px 0 rgb(0 0 0 / 0%), 0 1px 10px 0 rgb(0 0 0 / 9%);background-color: #fff;}
.projpageMid:after {content: '';position: absolute;width: 65%;height: 100%;top: -5px;right: 0px;background-color: #e5eefa;z-index: -9;border-radius: 102px 0px 0px 10px;}
.projpageMid .right .owl-dots {text-align: center;}
.electricsence .projpageList .right {margin-top: 10px;} 
.bottomList{padding: 50px 40px 70px;}
.bottomList li {width: 48%;float: left;position: relative;box-shadow: 0 2px 4px -1px rgba(160, 138, 138, 0.12), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);padding: 2px 10px 2px 2px;}
.bottomList li:nth-child(1){margin-right:50px;}
.bottomList li:after {position: absolute;content: '';width: 190px;height: 100%;background-color: #e55041;left: 0px;z-index: -9;top: 0px;}
.bottomList li img {float: left;width: 30%;}
.bottomList li .cntnt {width: 70%;float: left;padding-left: 25px;}
.bottomList li:last-child img {width: 42%;}
.bottomList li:last-child .cntnt {width: 58%;}
.electricsencebtm.prblmstmt-one:before {height:100%;transform: skew(0deg, 1.5deg);}
.electricsencebtm .left img{width:85%}
.electricsencebtm .right {top: 40px !important;width: 50% !important;}
#Features.electricsencebtm  ul li {font-weight: 600;margin-bottom: 20px !important;}
.watersenceBlk #Features.electricsencebtm  ul li {margin-bottom: 15px !important;}
#Features.electricsencebtm .right ul li:last-child,.watersenceBlk #Features.electricsencebtm  ul li:last-child {margin-bottom: 0px !important;}
.watersenceBlk .prblmstmt-one .bottom .right{padding-top:25px}
.watersenceBlk .prblmstmt-one .bottom .right h5{text-align:center;}
.electricsencebtm .right li i,.watersenceBlk .prblmstmt-one:before,.watersenceBlk .projpageMid ul li li:before,.watersenceBlk .projpageMid ul li li:after{display: none;}
.watersenceBlk .projpageMid ul li ul{padding-left: 25px;}
.watersenceBlk .projpageMid ul li li{list-style: decimal;padding-left:0px;margin-bottom: 0px;}
.weathersenceBlk .projpageList .right {width: 45%;} 
.weathersenceBlk .themetitle {max-width: 200px;margin-bottom: 15px !important;}
.watersenceBlk .projpageList .left .themetitle {max-width: 170px;}
.electricsence .themetitle {max-width: 185px;}
.weatherBtm{padding:25px 35px;}
.weatherBtm ul{width: 85%;margin: 20px auto 35px;}
.electricsence .projpageList .left{padding-top:60px;}
/*SubArticles*/
.subarticles-one {padding:20px 2% 1% !important;margin-top: 0px;}
.subarticles-one .about-video {width: 75%;float: right;}
.subarticles-two{background-color: #f1f5fc;padding: 25px 10px;}
.subarticles-two img{width:80%;margin:0 auto;}
.subarticles-two .col-md-7 img{display:none;}
.subarticles-three{padding: 40px 2% 1% !important;margin-top: 0px;}
.subarticles-four {width: 100%;padding: 5px 10% 5px 45px;margin:0px auto 0px;color: #000;clear: both;background: linear-gradient(107deg, rgb(244 247 252) 97%, rgba(255, 255, 255, 1) 100%);}
.subarticles-one.video {padding: 10px 0% 1% !important;text-align: center;}
.subarticles-one.video .video-article{width:65%;margin:0 auto;}
.subarticles-one.video .video-article .video-inn {margin: 0 auto;position: relative;padding-bottom: 45%;padding-top: 25px;height: 0;}
.subarticles-one.video .video-article iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*pop-over Contact*/
.pop-over {position: fixed;right: 5.5px;z-index: 999;bottom: 0px;width: auto;cursor: pointer;margin-bottom: 5px;}
.pop-over .popover-btn {padding: 5px 10px;background-color: #317ee9;color: #fff;font-size: 17px;outline: none;border-radius: 40px;position: relative;z-index: 9;overflow:hidden;height: 40px;width: 40px;}
.pop-over .popover-btn span,.pop-over.popover-open svg{display:none;}
.pop-over.popover-open span{display:block;font-size: 22px;}
.popover-body {display: none;position: absolute;bottom: 45px;background-color: #eee;width: 370px;right: 0px;-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);color: #fff;border-radius: 5px;padding: 10px 10px 15px;}
.popover-open .popover-body {display: block !important;z-index: 9;}
.popover-body h6 {font-size: 18px;margin: -10px -10px 7px -10px;color: #ffffff;background: linear-gradient(17deg, #1967d2, #4592fd);padding: 10px 5px 10px 15px;font-weight: 600;border-top-left-radius: 5px;border-top-right-radius: 5px;line-height: 25px;}
.popover-body h6 span{font-size: 12px !important;font-weight: 400;}
.popover-body .hme-cntact {padding: 0;width: 100%;background-color: transparent;box-shadow: 0 0px 0px 0px rgba(0,0,0,.12), 0 0px 0px 0 rgb(0 0 0 / 0%), 0 1px 10px 0 rgb(0 0 0 / 0%);}
.popover-body .hme-cntact:before{display:none;}
.popover-body .hme-cntact form{padding: 0px;background-color: #eeeeee;border-bottom: 0px;}
.popover-body .hme-cntact .form-group{background-color:#fff;margin: 10px 0px 14px;}
.popover-body .hme-cntact textarea {height: 145px;}
.videoanim{position:absolute;z-index:9;height:50px;width:50px;line-height:50px;font-size: 30px;color: #ffffff;fill: #ffffff;background-color: #EE4A62;border-radius: 80px;padding: 11px 18px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.videoanim:before,.videoanim:after {content: '';display: block;position: absolute;top: 0;right: 0;z-index: -1;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #f57769;-webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;}
.videoanim:before{-webkit-animation: video-ripple 3s linear 1s infinite;}
.videoanim:after{-webkit-animation: video-ripple 1s linear 1s infinite;animation: video-ripple 2s linear 1s infinite;    animation: video-ripple 2s linear 2s infinite;border-color: #e55041;}
@-webkit-keyframes video-ripple {
0% {-webkit-transform: scale(1);transform: scale(1)}
75% {-webkit-transform: scale(1.75);transform: scale(1.75);opacity: 1;}
100% {-webkit-transform: scale(2);transform: scale(2);opacity: 0;}
}
@keyframes video-ripple {
0% {-webkit-transform: scale(1);transform: scale(1)}
75% {-webkit-transform: scale(1.75);transform: scale(1.75);opacity: 1;}
100% {-webkit-transform: scale(2);transform: scale(2);opacity: 0;}
}
/*Animate left to right*/
.lfmtmain{transition: 1s all;transform: translate(-200px,0px);opacity: 0;}
.rtmtmain{transition: 1s all; transform: translate(200px,0);opacity: 0;}
.lfmtmain.active,.rtmtmain.active {transform: translate(0px,0px);opacity: 1;}
.modal-video-close-btn {top: -20px !important;right: -5px !important;display: inline-block;width: 25px !important;height: 25px !important;}
/* comingsoon */
.comingsoon {min-height: 490px;z-index: 9;}
.comingsoon .img-bg{float: right;}
.comingsoon .img-bg img{width: 95%;margin: 0 auto;}
.comingsoon h1{font-size: 79px;float: left;position: relative;left: 115px;top: 177px;}
.comingsoon h1 span{display:block;font-size:20px;display:none}
.comingsoon:before{content:'';position:absolute;background: #edf0f5;width: 59%;height: 100%;z-index: -9;}
.comingsoon:after  {content:'';position:absolute;background: #ffffff;height: 320px;width: 320px;display: inline-block;position: absolute;
left: 49%;top: 50%;margin-top: -175px;transform: rotate(135deg);-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);    -o-transform: rotate(135deg);-webkit-transform: rotate(135deg);    z-index: -1;    border-radius: 13px;}
/* Top Menu css */
#topmnu {width: calc(100% - -85px);display: inline-block;position: relative;z-index: 99;left: -55px;border-top: 1px solid #cccccc7d;padding: 3px 0px;padding-left: 40px;background-color: #fff;
-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .12), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .12), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);}
.innerTitle.fixed #topmnu {margin-top:0px;left:5px;box-shadow: inherit;padding-left: 0;border-top: 0px;width: calc(100% - 105px);background-color: #fff;}
.innerTitle.fixed #topmnu ul {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;width: auto !important;}
.projectTitle.fixed #topmnu {left: -15px;}
#topmnu a,#stmtproblemtabs li a {border-radius: 3% !important;padding-top: 20px;color: #000;position: relative;font-size: 17px;margin-right: 10px;display: block;float: left;text-align: center;padding: 5px 15px;z-index: 99;font-weight: 400;}
#topmnu a.active,#stmtproblemtabs li a.active{background-color: #1e6ad6;color:#fff;}
#topmnu a:before {content: '';height: 100%;background-color: #d4dadb;width: 1px;position: absolute;right: 0px;top: 0px;z-index: -1;}
#stmtproblemtabs li a {background-color: #e55041;margin-right: 15px;-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .12), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .12), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);border-radius: 25px !important;color:#fff;}
#stmtproblemtabs li:nth-child(2) a { background-color: #144170;}
#stmtproblemtabs li:nth-child(3) a { background-color: #0277BD;}
.mblLink{display: none;}
/*mobile menu btm*/
.btm-mnu {position: fixed;left: 180px;bottom: 0px;width: 34%;cursor: pointer;box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);background-color: #fff;border-radius: 100px;padding: 0px 15px;display: none;z-index: 999;}
.btm-mnu ul {  display: table;  padding: 7px 10px 3px;  width: calc(100% - 0px);  margin: 0 auto;}
.btm-mnu> ul> li {display: table-cell;vertical-align: middle;text-align: center;}
.btm-mnu ul> li> a {  font-size: 20px;  color: #ffffff !important;  width: 30px;  height: 30px;  display: block;  border-radius: 50%;}
.btm-mnu ul> li:nth-child(1)> a.dropdown-toggle {margin-top: -1px;background-color: #d30221;width: 40px;height: 40px;position: relative;top: 0px;font-size: 24px;margin: 0 auto;}
.btm-mnu >ul> li:nth-child(2)> a{background-color:#083869;}
.btm-mnu >ul> li:nth-child(3)> a {box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);background-color: rgb(228 85 71 / 55%);}
.btm-mnu ul> li> a i {position: relative;top: 8px;}
.btm-mnu .dropup .dropdown-toggle::after {display: none;}
.btm-mnu .dropdown-menu {padding: 0px;width: 430px;top: -14px !important;left: -105px !important;background-color: #d30221;}
.btm-mnu li:nth-child(2) .dropdown-menu {left: -115px !important;background-color: #083869;}
.btm-mnu .dropdown-menu ul {display: block;width: 100%;padding: 7px;}
.btm-mnu .dropdown-menu li a {  color: #fff !important;  background-color: transparent !important;  width: 100%;  height: auto;  font-size: 16px;  padding: 4px 3px;  border-radius:0px;  border-bottom: 1px solid #eee;}
.btm-mnu .dropdown-menu li:last-child a{border-bottom:0px;}
.btm-mnu .dropdown-menu li a.active {color: #fff !important;font-weight:600;}
.btm-mnu .dropdown-menu:before {  border-top-color: #e60023 !important;border-bottom: none !important;top: auto;bottom: -11px;
left: 177px !important;  content: "";border: 10px solid transparent;font-size: 0;display: inline-block;  margin-left: 25px;  position: absolute;background-color: transparent;}
.btm-mnu li:nth-child(2) .dropdown-menu:before{border-top-color: #083869 !important;left: 156px !important;} 
.btm-mnu> ul> li:nth-child(2).dropup{display:none;}
/* Progress bar */
.progress-bar-container {position: fixed;top: 56px;left: 0;width: 100%;height: 3px;z-index: 9999;}
.progress-bar {height: 100%;background-color: #1e6ad6;transition: all 0.3s ease;}
/*Side Menu Css start*/
#sidebar {width: 330px;display: block;position:fixed;right: -330px;top: 140px;transition: right 0.6s linear;z-index: 999;}
#sidebar.visible {right: 0px;transition: right 0.3s linear;}
#sidebar ul {margin: 0px;padding: 1px 0px 0px 0px;background-color: #1e6ad6;}
#sidebar ul li:first-child {color: #1e6ad6;font-weight: 600;padding: 2px 8px 2px;background-color: #fff;width: 99%;}
#sidebar ul li a {color: #fff;border-bottom: 1px solid #fdf6f6;display: block;padding: 10px 5px;}
#sidebar ul li:last-child a{border-bottom:0px;}
#sidebar ul li a.active {font-weight: 700;}
#sidebar-btn {display: inline-block;vertical-align: middle;cursor: pointer;margin: 0px;position: absolute;top: 0px;right: 330px;background-color: #1e6ad6;padding: 3px;color: #fff;font-size: 25px;border-radius: 5px 0px 0px 5px;}
#sidebar.visible .bi-chevron-left,#sidebar .bi-chevron-right{display:none;}
#sidebar.visible .bi-chevron-right{display:block;}
.ReadMore,.xtra-cntnt{float: left;color: #e55041;cursor:pointer;clear: both;position:relative;}
.ReadMore:before,.xtra-cntnt:before{content:'';position:absolute;bottom:0px;width: 100%;height:2px;background-color: #e45041;transition: all .12s ease-in-out;}
.ReadMore:hover:before,.xtra-cntnt:hover:before{width: 25%;}
.HideText{display:none;}
/*OrangeRed Theme*/
.OrangeRed .logo h1,.OrangeRed  nav#menu ul > li> a,.OrangeRed .btn-style,.OrangeRed #Articles ul li i,.OrangeRed .banner ul li a,.OrangeRed #toTop p,.OrangeRed ul.themeList li:after,
.OrangeRed .breadcrumb ul li:last-child a,.OrangeRed .btmcntct,.OrangeRed .common-btn:hover,.OrangeRed ul.accordion-list li h3:after,.OrangeRed #sidebar ul li:first-child,.OrangeRed ul.accordion-list li.active h3,.OrangeRed ul.accordion-list li:hover h3   {color: #e55041;}
.OrangeRed .cta:hover:before,.OrangeRed .hme-cntact .submit,.OrangeRed .banner .owl-dots .owl-dot.active span::after,.OrangeRed .pop-over .popover-btn,
.OrangeRed .proj-link a.active,.OrangeRed .progress-bar,.OrangeRed #sidebar-btn,.OrangeRed #sidebar ul,.OrangeRed nav#menu li a:after,.OrangeRed #topmnu a.active,.OrangeRed #stmtproblemtabs li a.active{background: #e55041;}
.OrangeRed #About:before {background: url(../images/ornagered.png) no-repeat center;}
.OrangeRed .swithTheme .dropdown-toggle,.OrangeRed #Articles .pull-right a,.OrangeRed .upcoming-events:after  {background-color: #e55041;}
.OrangeRed .hme-cntact .submit,.OrangeRed .squareLst.themelist li:before {background-color: #e55041;}
.OrangeRed .btmcntct:hover{color:#fff;background-color:#e55041;}
.OrangeRed .popover-body h6 {background: linear-gradient(17deg, #e55041, #ff5746);}
.OrangeRed .common-btn {border: 1px solid #e85242;background-color: #e85242;}
.OrangeRed .squareLst.themelist li:after {background-color: rgb(229 80 65 / 39%);}
.OrangeRed #Projects .proJList a {background: linear-gradient(135deg, #e85242, #c4434a);}
.OrangeRed .themetitle:before {border: 2px solid #e85242;}
/*purple Theme*/
.purple .logo h1,.purple  nav#menu ul > li> a,.purple .btn-style,.purple ul.accordion-list li h3:after,.purple .banner ul li a,.purple #toTop p,.purple ul.themeList li:after,
.purple .breadcrumb ul li:last-child a,.purple .btmcntct,.purple .common-btn:hover,.purple #sidebar ul li:first-child,.purple ul.accordion-list li.active h3,.purple ul.accordion-list li:hover h3 {color: #A020F0;}
.purple .cta:hover:before,.purple .hme-cntact .submit,.purple .banner .owl-dots .owl-dot.active span::after,.purple .pop-over .popover-btn,.purple .proj-link a.active {background: #A020F0;}
.purple nav#menu li a:after,.purple .progress-bar,.purple #sidebar-btn,.purple #sidebar ul,.purple .upcoming-events:after{background-color: #A020F0;}
.purple #About:before {background: url(../images/rightpurple.png) no-repeat center;}
.purple .swithTheme .dropdown-toggle,.purple #topmnu a.active,.purple #stmtproblemtabs li a.active,.purple .squareLst.themelist li:before {background-color: #A020F0;}
.purple .btmcntct:hover{color:#fff;background-color:#A020F0;}
.purple .popover-body h6 {background: linear-gradient(17deg, #a020f0, #b948ff);}
.purple .common-btn {border: 1px solid #A020F0;background-color: #A020F0;}
.purple .squareLst.themelist li:after {background-color: rgb(160 32 240 / 45%);}
.purple #Projects .proJList a {background: linear-gradient(135deg, #a020f0, #8217c4);}
.purple .themetitle:before {border: 2px solid #A020F0;}
/*darkBlue Theme*/
.darkblue .logo h1,.darkblue  nav#menu ul > li> a,.darkblue .btn-style,.darkblue ul.accordion-list li h3:after,.darkblue .banner ul li a,.darkblue #toTop p,.darkblue ul.themeList li:after,
.darkblue .breadcrumb ul li:last-child a,.darkblue .btmcntct,.darkblue .common-btn:hover,.darkblue #sidebar ul li:first-child,.darkblue ul.accordion-list li.active h3,.darkblue ul.accordion-list li:hover h3 {color: #083869;}
.darkblue .cta:hover:before,.darkblue .hme-cntact .submit,.darkblue .banner .owl-dots .owl-dot.active span::after,.darkblue .pop-over .popover-btn,.darkblue .proj-link a.active {background: #083869;}
.darkblue nav#menu li a:after,.darkblue .progress-bar,.darkblue #sidebar-btn,.darkblue #sidebar ul,.darkblue .upcoming-events:after,.darkblue #topmnu a.active,.darkblue #stmtproblemtabs li a.active  {background-color: #083869;}
.darkblue #About:before {background: url(../images/rightdrkblue.png) no-repeat center;}
.darkblue .swithTheme .dropdown-toggle,.darkblue #Articles .pull-right a,.darkblue .ArticleSubpage .tab-content h4 span,.darkblue .squareLst.themelist li:before {background-color: #083869;}
.darkblue .btmcntct:hover{color:#fff;background-color:#083869;}
.darkblue .popover-body h6 {background: linear-gradient(17deg, #083869, #083869);}
.darkblue .common-btn {border: 1px solid #083869;background-color: #083869;}
.darkblue #vision .list:before {    background-color: rgb(8 56 105 / 85%);}
.darkblue .squareLst.themelist li:after {background-color: rgb(8 56 105 / 61%);} 
.darkblue #Projects .proJList a {background: linear-gradient(135deg, #083869, #06519e);}
.darkblue .themetitle:before {border: 2px solid #06519e;}