body {background-color: #fff; padding: 0px; margin: 0px; font-family: 'Roboto'; font-size: 16px; font-weight: 300; ; margin: 0 auto;}a {text-decoration: none; }ul,
li {margin: 0px; padding: 0px; }p {padding: 0px; margin: 0px; font-family: 'Roboto'; }
h1, h2 {padding: 0px; margin: 0px; font-weight: 500;}
h3, h4, h5, h6 {padding: 0px; margin: 0px; font-weight: 500;}#preloader-wrapper {background-color: #fdfaf8; z-index: 10000; position: fixed; width: 100%; height: 100%}

.preloader-container {position: fixed; top: 0; left: 0; width: 100%; height: 100%}
.preloader-container .cssload-loader {position: absolute; width: 100px; height: 100px; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; perspective: 780px}
.preloader-container .cssload-inner {position: absolute; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%}
.preloader-container .cssload-inner.cssload-one {left: 0; top: 0; animation: cssload-rotate-one 1.15s linear infinite; border-bottom-width: 3px; border-bottom-style: solid}
.preloader-container .cssload-inner.cssload-two {right: 0; top: 0; animation: cssload-rotate-two 1.15s linear infinite; border-right-width: 3px; border-right-style: solid}
.preloader-container .cssload-inner.cssload-three {right: 0; bottom: 0; animation: cssload-rotate-three 1.15s linear infinite; border-top-width: 3px; border-top-style: solid}

@keyframes cssload-rotate-one {
 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
}
 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}
}
@keyframes cssload-rotate-two {
 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
}
 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}
}
@keyframes cssload-rotate-three {
 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
}   
 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}}

.header-row_wrapper {width: 100%; position: relative; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; }
.site-header {background: #fff; box-shadow: 0px 0px 6px #0000001A; color: rgba(35, 35, 35, 1); padding: 0 75px; min-height: 80px; position: absolute; left: 0; right: 00; top: 0; z-index: 99; }
.site-header.is-sticky {
    position: fixed;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    animation: slideDown 0.35s ease-out;
  }
  @keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }
 
.afterheaderspace {margin-top: 80px; }
.logo_main img {width: auto; height: 34px; }
.primary-nav {padding: 20px 0; }
.primary-nav a {transition: all .3s}
.primary-nav ul li {display: inline-block; vertical-align: middle; line-height: inherit}
.primary-nav ul li:before {display: none}
.primary-nav ul li {position: relative; padding-left: 0}
.primary-nav ul {height: 100%; padding: 0; margin: 0px; }
.primary-nav ul li {height: 100%}
.primary-nav ul li a {position: relative; font-size: 15px; font-weight: 500; line-height: 28px; z-index: 1; display: inline-block; vertical-align: middle; height: 100%; opacity: 1; color: inherit; padding: 6px 12px; display: flex; align-items: center; color: #232330; }
.primary-nav ul li a:hover {text-decoration: none; }
.primary-nav ul li a span {position: relative; transition: all .3s}
.primary-nav ul li:hover a span,
.primary-nav ul li.current-menu-ancestor>a>span {color: #0C9D93; }
.primary-nav ul li.getbtn a {background: #033361; border-radius: 20px; color: #fff; padding: 6px 20px; margin-left: 12px; }
.primary-nav ul li.getbtn:hover a {background: #0C9D93; }
.primary-nav ul li.getbtn:hover a span,
.primary-nav ul li.getbtn.current-menu-ancestor>a>span {color: #fff; }
.primary-nav ul li ul li {display: block; padding: 5px 0; }
.primary-nav ul li ul li a {color: #000000; }
.primary-nav ul li ul ul {top: -18px; left: 100%}
.primary-nav ul li ul,
.primary-nav ul li div.mega-menu-container {display: block; position: absolute; left: 0; top: 100%; min-width: 280px; white-space: nowrap; padding: 23px 15px; opacity: 0; z-index: 555; visibility: hidden; text-align: left; transition: all 200ms; border: 0; box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1); margin-top: 0; border-radius: 10px; background: #fff; }.primary-nav ul li ul .menu-item {padding: 7px 30px; transition: padding .5s; line-height: inherit}
.primary-nav ul li ul .menu-item a {color: inherit; opacity: 1; width: 100%; display: block; transition: color .4s, opacity .4s}
.primary-nav ul li.mega-menu:after {display: none}
.primary-nav ul li:hover>ul,
.primary-nav ul li:hover>div.mega-menu-container {opacity: 1; visibility: visible}
.primary-nav ul li:hover>ul.mega-menu>ul.mega-menu,
.primary-nav ul li:hover>ul.mega-menu>li>ul.mega-menu,
.primary-nav ul li:hover>ul>ul.mega-menu,
.primary-nav ul li:hover>ul>li>ul.mega-menu,
.primary-nav ul li:hover>div.mega-menu-container.mega-menu>ul.mega-menu,
.primary-nav ul li:hover>div.mega-menu-container.mega-menu>li>ul.mega-menu,
.primary-nav ul li:hover>div.mega-menu-container>ul.mega-menu,
.primary-nav ul li:hover>div.mega-menu-container>li>ul.mega-menu {opacity: 1; visibility: visible}
.primary-nav ul li ul li>a:before {content: ''; display: inline-block; height: 4px; width: 0; border-radius: 25px; background: #F7AA47; vertical-align: middle; margin-right: 0; opacity: 0; visibility: hidden; transition: all .4s ease;}
.primary-nav ul li ul li:hover>a:before {margin-right: 10px; width: 10px; opacity: 1; visibility: visible}
.primary-nav ul li ul li.current-menu-ancestor.current-menu-parent>a:before,
.primary-nav ul li ul li.current-menu-ancestor.current-menu-parent>span:before,
.primary-nav ul li ul li.current-menu-item>a:before,
.primary-nav ul li ul li.current-menu-item>span:before,
.primary-nav ul li ul li.current_page_item>a:before,
.primary-nav ul li ul li.current_page_item>span:before {margin-right: 10px; width: 10px; opacity: 1; visibility: visible}
.primary-nav ul li ul li.menu-item-has-children>a:after {content: "\f107"; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; font-size: 9px; font-weight: 100; position: absolute; z-index: 1; right: 25px}
.primary-nav ul li.menu-item-has-children>a:after,
.primary-nav ul li.mega-menu.mega-cat>a:after {content: "\f107"; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; /* font-size: 9px; */
font-weight: 100; margin-left: 5px; transition: color .3s}
@keyframes wgl_circle {0%, 80%, to { transform: scale(0); opacity: 0 } 40% { transform: scale(1); opacity: 1 }}
/*
/*Main style*/
.header-row_wrapper .position_right_middle ~ .menu-primary-container {
    display: none !important;
}
body.mmactive {overflow: hidden;}
.mobile_menu {display: none; position: relative; margin: 0 15px; }
.sm_menu_outer.active .mobile_menu {display: block; }
.sm_menu_outer {height: calc(100vh - 60px); overflow-y: scroll; overflow-x: hidden; position: fixed; right: 0; bottom: 0; z-index: -9; width: 100%; opacity: 0; background-color: #636363; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; }
.sm_menu_outer.active {opacity: 1; z-index: 999; }
.sm_menu_outer .mobile_menu li.back a {padding: 20px 5px 20px 55px; background: url("../png/back.png") no-repeat scroll 15px center / 16px auto; }
.sm_menu_outer .mobile_menu a {color: #ffffff; display: block; padding: 10px 15px; text-decoration: none; text-align: center;}
.sm_menu_outer .mobile_menu .getbtn a{ background-color: #033361; color: #fff; border-radius: 30px;}
/*Sub Menu anim */

.sm_menu_outer.slide .mobile_menu .submenu {background-color: #000000; height: 100%; position: absolute; right: -100%; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 999; }
.sm_menu_outer.slide .mobile_menu li.active>.submenu {right: 0; }
.sm_menu_outer .mobile_menu li {list-style-type: none; border-bottom: 0.5px solid rgba(0, 0, 0, 0); border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #2a2a2a 20%, #2a2a2a 50%, #2a2a2a 80%, rgba(0, 0, 0, 0) 100%) 0 0 1 0; color: #ffffff; }
.sm_menu_outer.slide .mobile_menu li.hasChild>a {background: url("../png/next.png") no-repeat scroll 95% center / 16px auto; }
/*Hamburger Animation */

#sm_menu_ham {cursor: pointer; float: right; height: 25px; position: fixed; right: 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; width: 30px; top: 18px; right: 15px; z-index: 9999; }
#sm_menu_ham span {background-color: #575757; border-radius: 5px; display: block; height: 4px; left: 0; opacity: 1; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; width: 30px; }
#sm_menu_ham span:nth-child(1) {top: 0; }
#sm_menu_ham span:nth-child(2),
#sm_menu_ham span:nth-child(3) {top: 10px; }
#sm_menu_ham span:nth-child(4) {top: 20px; }
#sm_menu_ham.open span:nth-child(1) {left: 50%; top: 18px; width: 0; }
#sm_menu_ham.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
#sm_menu_ham.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
#sm_menu_ham.open span:nth-child(4) {left: 50%; top: 18px; width: 0; }
.bannersolution .BannerInner_img {
  height: 780px;
  overflow: hidden;
}
.bannersolution .BannerInner_content h4 {
    display: none;
}
.bannersolution .BannerInner_img img {
  height: 100%;
  object-fit: cover;
}
.videowrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  height: 100%;
}
.videowrapper video {
  object-fit: cover;
}
.blogSlider .bsitems {
    height: 550px;
}
.blogSlider .bsitems .bimgbox img{
    height: 100% !important;
}
.blogSlider .bsitems .bimgbox {
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.reitems .bimgbox {
    border-radius: 10px;
    overflow: hidden;
}
@media (min-width: 1024px) {#sm_menu_ham,
.sm_menu_outer { display: none; }}
@media (min-width: 0px) and (max-width: 767px) {.show-in-mobile { display: block; }}
/****Header slider****/

@media (min-width: 992px) {.slider,
.banner__slider .slide { height: calc(100vh - 80px); }}
.banner__slider .slide {position: relative; transition: 1s; }
.banner__slider .slide .slide__img {width: 100%; height: auto; overflow: hidden; }
.banner__slider .slide .slide_imgr {position: absolute; right: 0; width: 39%; bottom: 0px; overflow: hidden; }
.banner__slider .slide .slide_imgr.slimg3 {width: 45%; }
@media (min-width: 992px) {.banner__slider .slide .slide__img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }}
.banner__slider .slide .slide__img img {max-width: 100%; height: calc(100vh - 80px); opacity: 1 !important; -webkit-animation-duration: 3s; animation-duration: 3s; transition: all 1s ease; width: 100%; }
.banner__slider .slide .slide__content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.banner__slider .slide .slide__content.slide__content__left {left: 15%; transform: translate(-15%, -50%); }
.banner__slider .slide .slide__content.slide__content__right {right: auto; left: 7%; transform: translateY(-50%); width: 86%; text-align: center; }
.banner__slider .slide .slide__content--headings {color: #FFFFFF; 
}
.animated {transition: all 0.5s ease; }
.banner__slider .slide .slide__content--headings h2 {font-size: 34px; color: #ffffff; text-shadow: 0px 0px 3px #23233039; }
.banner__slider .slide .slide__content--headings .animated {transition: all 0.5s ease; }
.banner__slider .slide .slide__content--headings .top-title {font-family: "Playball", cursive; font-size: 2.5rem; }
.banner__slider .slide .slide__content--headings .title {font-size: 3.5rem; }
.banner__slider .slide .slide__content--headings .button-custom {text-decoration: none; color: #333; padding: 1.2rem 2.5rem; font-size: 1.5rem; }
.slider [data-animation-in] {/* opacity: 0; */
-webkit-animation-duration: 1.5s; animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s; transition: 1s; }
.slick-dotted .slick-slider {margin-bottom: 30px; }
.slick-dots {position: absolute; bottom: 25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li {position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button {border: 0; display: block; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; transition: all 0.3s ease; }
.slick-dots li button:hover,
.slick-dots li button:focus {outline: none; }
.simple-dots .slick-dots li {width: 20px; height: 20px; }
.simple-dots .slick-dots li button {border-radius: 50%; background-color: white; opacity: 0.25; width: 20px; height: 20px; }
.simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus {opacity: 1; }
.simple-dots .slick-dots li.slick-active button {color: white; opacity: 0.75; }
.stick-dots .slick-dots li {height: 3px; width: 50px; }
.stick-dots .slick-dots li button {position: relative; background-color: white; opacity: 0.25; width: 50px; height: 3px; padding: 0; }
.stick-dots .slick-dots li button:hover,
.stick-dots .slick-dots li button:focus {opacity: 1; }
.stick-dots .slick-dots li.slick-active button {color: white; opacity: 0.75; }
.stick-dots .slick-dots li.slick-active button:hover,
.stick-dots .slick-dots li.slick-active button:focus {opacity: 1; }
.banner__slider {position: relative; }
/* .homebanner{ position: relative; z-index: 1;} */

@keyframes fadeRIGHT {0% { opacity: 0; transform: translateX(80px); }
100% { opacity: 1; transform: translateX(0px); }}
@-webkit-keyframes fadeRIGHT {0% { -webkit-opacity: 0; -webkit-transform: translateX(80px); }
100% { -webkit-opacity: 1; -webkit-transform: translateX(0px); }}
.myani {animation: fadeRIGHT linear 1s; -webkit-animation: fadeRIGHT linear 1s; display: block !important; }

/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {from { transform: scale3d(1, 1, 1); transition: 1s; }
to { transform: scale3d(1.1, 1.1, 1.1); transition: 1s; }}
@keyframes zoomInImage {from { transform: scale3d(1, 1, 1); transition: 1s; }
to { transform: scale3d(1.1, 1.1, 1.1); transition: 1s; }}
.zoomInImage {-webkit-animation-name: zoomInImage; animation-name: zoomInImage; }
@-webkit-keyframes zoomOutImage {from { transform: scale3d(1.1, 1.1, 1.1); transition: 1s; }
to { transform: scale3d(1, 1, 1); transition: 1s; }}
@keyframes zoomOutImage {from { transform: scale3d(1.1, 1.1, 1.1); transition: 1s; }
to { transform: scale3d(1, 1, 1); transition: 1s; }}
.zoomOutImage {-webkit-animation-name: zoomOutImage; animation-name: zoomOutImage; transition: 1s; }

.slick-nav {--active: #8B2E5D; --border: rgb(202, 26, 158, 0.5); width: 44px; height: 44px; position: absolute; cursor: pointer; top: calc(50% - 44px); }
.slick-nav.prev-arrow {left: 3%; transform: scaleX(-1); z-index: 9; }
.slick-nav.next-arrow {left: auto; right: 3%; }
.slick-nav i {display: block; position: absolute; margin: -10px 0 0 -10px; width: 20px; height: 20px; left: 50%; top: 50%; }
.slick-nav i:before,
.slick-nav i:after {content: ""; width: 10px; height: 2px; border-radius: 1px; position: absolute; left: 50%; top: 50%; background: var(--active); margin: -1px 0 0 -5px; display: block; transform-origin: 9px 50%; }
.slick-nav i:before {transform: rotate(-40deg); }
.slick-nav i:after {transform: rotate(40deg); }
.slick-nav:before,
.slick-nav:after {content: ""; display: block; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; border-radius: 50%; border: 2px solid var(--border); }
.slick-nav svg {width: 44px; height: 44px; display: block; position: relative; z-index: 1; color: var(--active); stroke-width: 2px; stroke-dashoffset: 126; stroke-dasharray: 126 126 0; transform: rotate(0deg); }
.slick-nav.animate svg {-webkit-animation: stroke 1s ease forwards 0.3s; animation: stroke 1s ease forwards 0.3s; }
.slick-nav.animate i {-webkit-animation: arrow .6s ease forwards; animation: arrow .6s ease forwards; }
.slick-nav.animate i:before {-webkit-animation: arrowUp .6s ease forwards; animation: arrowUp .6s ease forwards; }
.slick-nav.animate i:after {-webkit-animation: arrowDown .6s ease forwards; animation: arrowDown .6s ease forwards; }

@-webkit-keyframes stroke {52% { transform: rotate(-180deg); stroke-dashoffset: 0; } 52.1% { transform: rotate(-360deg); stroke-dashoffset: 0; } 100% { transform: rotate(-180deg); stroke-dashoffset: 126; }}
@keyframes stroke {52% { transform: rotate(-180deg); stroke-dashoffset: 0; } 52.1% { transform: rotate(-360deg); stroke-dashoffset: 0; } 100% { transform: rotate(-180deg); stroke-dashoffset: 126; }}
@-webkit-keyframes arrow {0%, 100% { transform: translateX(0); opacity: 1; } 23% { transform: translateX(17px); opacity: 1; } 24%, 80% { transform: translateX(-22px); opacity: 0; } 81% { opacity: 1; transform: translateX(-22px); }}
@keyframes arrow {0%, 100% { transform: translateX(0); opacity: 1; } 23% { transform: translateX(17px); opacity: 1; } 24%, 80% { transform: translateX(-22px); opacity: 0; } 81% { opacity: 1; transform: translateX(-22px); }}
@-webkit-keyframes arrowUp {0%, 100% { transform: rotate(-40deg) scaleX(1); } 20%, 80% { transform: rotate(0deg) scaleX(0.1); }}
@keyframes arrowUp {0%, 100% { transform: rotate(-40deg) scaleX(1); } 20%, 80% { transform: rotate(0deg) scaleX(0.1); }}
@-webkit-keyframes arrowDown {0%, 100% { transform: rotate(40deg) scaleX(1); } 20%, 80% { transform: rotate(0deg) scaleX(0.1); }}
@keyframes arrowDown {0%, 100% { transform: rotate(40deg) scaleX(1); }  20%, 80% { transform: rotate(0deg) scaleX(0.1); }}

.sub-section {padding: 55px 0;}

.banner__slider .slick-nav {display: none !important; }
.banner__slider .slick-dots {text-align: center; bottom: 35px; }
.banner__slider .slick-dots li button {background-color: #fff; border-radius: 2px; padding: 1px; transition: all 0.3s ease-in-out; width: 40px; }
.banner__slider .slick-dots li.slick-active button {background-color: #ffffff; transition: all 0.3s ease-in-out; padding: 3px; }
.banner__slider .stick-dots .slick-dots li button {opacity: 0.75; }


/******* Overview Home Page *********/
.overviewhome {position: relative; background: transparent linear-gradient(109deg, var(#0694f9) 0%, #449AF5 48%, #08BEB7 100%) 0% 0% no-repeat padding-box; background: transparent linear-gradient(109deg, #0694f9 0%, #449AF5 48%, #08BEB7 100%) 0% 0% no-repeat padding-box; padding: 0; }
.overviewhome video {object-fit: unset; position: absolute; width: 100%; height: 100%; z-index: 1; opacity: 0.1; }
.overview-content {margin: 0 auto; position: relative; padding: 82px 0 60px 0; z-index: 3; }
.overview-content .over-cont-box {margin: 20px 0 0 0; }
.overview-content .over-cont-box ul {list-style: none; display: flex; flex-wrap: wrap; width: 100%; }
.overview-content .over-cont-box ul li {list-style: none; display: inline-flex; width: 40%; margin-right: 10%; align-items: center; margin-bottom: 26px; }
.overview-content .over-cont-box ul li img {margin-right: 11px; }
.overview-content .over-cont-box ul li p {color: #fff; font-size: 14px; line-height: 22px; font-weight: 500; }

.headingmain {margin-bottom: 20px; }
.headingmain h2 {font-size: 30px; position: relative; z-index: 1; line-height: 44px; margin-bottom: 12px; }
.headingmain h3 {font-size: 24px; position: relative; z-index: 1; line-height: 34px; margin-bottom: 12px; }
.headingmain h6 {font: 14px/19px 'Roboto'; position: relative; color: #636363; margin-bottom: 5px; text-transform: uppercase; display: none;}
.headingmain h6.withline {padding-left: 39px; color: #fff; ;  }
.headingmain h6.withline::before {position: absolute; content: ''; top: 50%; transform: translateY(-50%); left: 0; background-color: #FFFFFF; width: 30px; height: 1px; }
.headingmain h6.withline.blackline {color: #9f9f9f; ; }
.headingmain h6.withline.blackline::before {background-color: #9f9f9f; }
.headingmain p { font-size: 16px; line-height: 26px; font-weight: 400;}

.headingRoboto {margin-bottom: 20px; }
.headingRoboto h2 {font-size: 30px; position: relative; z-index: 1; line-height: 44px; font-family: 'Roboto'; margin-bottom: 12px;  font-weight: 600;}
.headingRoboto h6 {font: 14px/19px 'Roboto'; position: relative; color: #636363; margin-bottom: 12px; font-style: italic; }
.headingRoboto h6.withline {padding-left: 39px; color: #fff; ; }
.headingRoboto h6.withline::before {position: absolute; content: ''; top: 50%; transform: translateY(-50%); left: 0; border: 1px solid #FFFFFF; width: 30px; height: 1px; }
.headingRoboto h6.withline.blackline {color: #636363; ; }
.headingRoboto h6.withline.blackline::before {border: 1px solid #636363; }
.headingRoboto p {font-family: 'Roboto'; font-size: 16px; line-height: 26px; }


.headingpop {margin-bottom: 20px; text-align: center; }
.headingpop h2 {font-size: 30px; position: relative; z-index: 1; line-height: 44px; font-family: 'Roboto'; margin-bottom: 12px; color: #fff; font-weight: 500;}
.headingpop h6 {font: 14px/19px 'Roboto'; position: relative; color: #fff; margin-bottom: 12px; padding-top: 80px; }
.headingpop h6.withline::before {position: absolute; content: ''; top: 0%; transform: translateX(-50%); left: 50%; background: #fff; width: 1px; height: 60px; }
.headingpop h6.withline::after {position: absolute; content: ''; top:57px; transform: translateX(-50%); left: 50%; background: #fff; width: 5px; height: 5px; border-radius: 3px;}
.headingpop p {font-family: 'Roboto'; font-size: 16px; line-height: 26px; color: #fff; font-weight: 400;}

.text-black {color: #000000; }
.text-blue {color: #000000; }


.bth-Blue {background-color: #033361; border: 1px solid #033361; display: inline-block; transition: all .4s ease; font-size: 15px; line-height: 28px; color: #fff; font-family: 'Roboto'; font-weight: 500; border-radius: 30px; padding: 5px 20px; }
.bth-Blue:hover {background-color: #fff; color: #033361; }
.bth-Blue.whitebtn {background-color: #fff; border: 1px solid #fff; transition: all .4s ease; font-size: 14px; line-height: 22px; color: #3BA0EA; font-family: 'Roboto'; font-weight: 500; border-radius: 30px; padding:10px 20px 8px; }
.bth-Blue.whitebtn:hover {background-color: transparent; color: #fff; }
.btnexplore {background-color: #ffffff; border: 1px solid #ffffff; margin-top: 20px; display: inline-block; transition: all .4s ease; font-size: 15px; line-height: 22px; color: #002952; font-family: 'Roboto'; font-weight: 500; border-radius: 30px; padding: 10px 25px; }
.btnexplore:hover {background-color: #fff; color: #002952; border: 1px solid transparent; }
.m-0 {margin: 0; }
.pb-0 {margin-bottom: 0; }

/************* Transform your Energy Efficiency ****************/
.home-needs {background: url(../png/bg-hslolution.png) top left no-repeat; }
.needthree {margin: 20px 0 0 0; width: 100%; max-width: 1920px; display: flex; flex-wrap: wrap; }
.needthree .itemsBox {position: relative; width: 33.3%; transition: all .4s ease; }
.needthree .itemsBox .Items-img img {max-width: 100%; position: relative; z-index: 2; transition: all .4s ease; }
.needthree .itemsBox:hover .Items-img img {transform: scale(1.04); z-index: 3; transition: all .4s ease; }
.needthree .itemsBox .content {padding: 40px 45px; color: #fff; position: absolute; top: 0; left: 0; z-index: 4; }
.needthree .itemsBox .content h3 {font-size: 24px; line-height: 44px; margin-bottom: 12px; }
.needthree .itemsBox .content p {font-size: 16px; line-height: 24px; margin-bottom: 12px; margin-bottom: 20px; }
.needthree .itemsBox .content a {border-radius: 20px; background: #fff; padding: 10px 11px; transition: all 0.1s ease-in-out; display: inline-flex; height: 40px; }
.needthree .itemsBox .content a span {transition: all .3s ease-out; font-size: 16px; line-height: 19px; white-space: nowrap; padding-right: 10px; opacity: 0; width: 0; position: absolute; }
.needthree .itemsBox .content svg {width: 20px; height: auto; }
.needthree .itemsBox:hover .content a {padding: 10px 20px; transition: all 0.1s ease-out; }
.needthree .itemsBox:hover .content span {opacity: 1; width: auto; transition: all 0.3s ease-out; position: relative; }
.needbtn1 {color: #6BA9E4; }
.needbtn1:hover {color: #6BA9E4; }
.needbtn2 {color: #FFAA36; }
.needbtn2:hover {color: #FFAA36; }
.needbtn3 {color: #F3B384; }
.needbtn3:hover {color: #F3B384; }

/**********************************************************/
.partnerlists {width: 100%; display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap; margin: 0 -35px; }
.partnerlists .partner-item {height: 53px; margin: 20px 35px; }
.partnerlists .partner-item img {max-width: 100%; height: 100%; /*filter: gray; -webkit-filter: grayscale(100%);*/ }
.homePbtn {margin-top: 35px; text-align: center; }
.partner-cont-box li img {
    width: 50px;
    margin-bottom: 20px;
}
.partnertop .partner-cont-box ul li {
    height: inherit;
}

/**********************************************************/
.hbg {background: url(../png/bg-htesti.png) right 0px bottom -60px no-repeat; }
.testimonial-wrap {padding-bottom: 160px; }
.testimonail-box {background: #0795F8; padding-top: 54px; }
.testimain_img {margin-bottom: -100px; margin-top: 85px; }
.testimain_img img {max-width: 100%; border-radius: 12px; }
.testimoni_slider {max-width: 520px; margin: 0 auto; margin-bottom: 50px; }
.testimonials_item {padding: 60px 0 0 0; transition: transform .3s; }
.testimonials_content_wrap {position: relative; }
.testimonials_date {color: #afafaf; padding-bottom: 0px; }
.testimonials_quote {font-size: 20px; line-height: 30px; letter-spacing: 0; color: #fff; font-weight: 300;}
.testimoni_slider::after {content: ''; display: block; position: absolute; z-index: 1; width: 100px; height: 100px; right: -130px; bottom: -15px; background: url(../svg/2.svg) no-repeat; background-size: 100px auto; }
.testimoni_slider::before {content: ''; display: block; position: absolute; z-index: 1; width: 100px; height: 100px; left: -130px; top: 0px; background: url(../svg/3.svg) no-repeat; background-size: 100px auto; }
.testimonials_meta_wrap {display: flex; align-items: center; margin-top: 40px; }
.testimonials_image {margin-right: 10px; }
.testimonials_name {line-height: 28px; font-size: 14px; display: block; color: #fff; }
.testimonials_status {line-height: 28px; font-size: 14px; display: block; color: #fff; font-weight: 300;}

.testimoni_slider .slick-dots {bottom: auto; top: 135px; left: -128%; text-align: left; }
.testimoni_slider .slick-dots li button {background-color: #fff; border-radius: 2px; padding: 1px; transition: all 0.3s ease-in-out; width: 40px; }
.testimoni_slider .slick-dots li.slick-active button {background-color: #ffffff; transition: all 0.3s ease-in-out; padding: 3px; }
.testimonials_image img {width: 65px; height: 65px; }
.testimain_img {width: 85%; }
/**********************************************************/
a {
  cursor: pointer !important;
}
.home-resource {background: #FBFBFB; }
.h-resource {background: #fff; box-shadow: 0px 0px 6px #0000001A; border-radius: 6px; padding: 14px 15px; margin-top: 20px; transition: all 0.3s ease-in-out; }
.h-resource .infobox_wrapper {width: 100%; display: flex; align-items: flex-start; }
.h-resource .infobox_icon_container {height: 160px; display: block; overflow: hidden; width: 50%; border-radius: 6px; }
.h-resource .contntright {width: 50%; box-sizing: border-box; padding-left: 15px; }
.h-resource .infobox_icon_container img {width: 100%; transition: all .3s ease-in-out; height: 100%;    object-fit: cover;}
.h-resource .infobox_wrapper h4 {font-size: 13px; color: #707070; line-height: 22px; padding-bottom: 4px; font-weight: 300; }
.h-resource .infobox_wrapper p {font-size: 16px; color: #000; line-height: 23px; padding-bottom: 5px; font-weight: 500; padding-right: 5px;  }
.h-resource .infobox_wrapper a {font-size: 15px; color: #097DF5; line-height: 24px; padding-bottom: 5px; font-weight: 500;  display: inline-block; margin-top: 25px; }
.h-resource:hover .infobox_wrapper a {text-decoration: underline; }
.h-resource:hover .infobox_icon_container img {transform: scale(1.1); transition: all .3s ease-in-out; }
.hresource-slider .slick-slide>div {margin: 10px; }
.hresource-slider .slick-nav {top: -75px; left: auto; right: 0; }
.hresource-slider .slick-nav.next-arrow {right: 0; }
.hresource-slider .slick-nav.prev-arrow {margin-right: 55px; }
.hresource-slider .slick-nav:before,
.hresource-slider .slick-nav:after {border-color: #9d9d9d; background: #9d9d9d; }
.hresource-slider .slick-nav:hover:before,
.hresource-slider .slick-nav:hover:after {border-color: #033361; background: #033361; }
.hresource-slider .slick-nav i:before,
.hresource-slider .slick-nav i:after {background-color: #fff; }
.hresource-slider .slick-nav i {z-index: 2; }
.BannerInner_img img{ width: 100%; height: auto;}

/************************** Footer Start ********************************/
footer {background:url(../png/footerbg.png); }
footer .container{ margin: 0 -75px 0 0; padding-right: 0;}
.footertop {padding: 40px 0 0 0;  border-top: 1px solid #fff;}
.footertop .footer-about{ margin-bottom: 20px;}
.footertop .footer-about .flogo{ margin-bottom: 20px; height: 55px;}
.footertop .footer-about .flogo img{ width:auto; height:  100%;}
.footertop .footer-about p{color: #fff; font-size: 16px; line-height: 28px;}
.footertop .footer-about p a{ margin-top: 15px; display: inline-block; transition: all 0.3s ease-in-out; font-size: 15px; color: #161E26; line-height: 28px; background: #fff;
    border-radius: 20px; border: 0px; padding: 5px 20px; border: 1px solid #fff; font-weight: 500;}
.footertop .footer-about p a:hover{background: transparent; color: #fff;}
.footertop .fnavbx{ display: flex; align-items: flex-start; width: 100%; margin-top: 30px; padding-left: 50px;}
.footertop .fnavbx ul{ width: 30%; list-style: none; margin: 0; padding: 0;}
.footertop .fnavbx ul:nth-child(2){ width: 40%;}
.footertop .fnavbx ul li {list-style: none; display: block; margin: 0 0 28px 0; }
.footertop .fnavbx ul li a {color: #fff; font-size: 16px; line-height: 28px; transition: all 0.3s ease-in-out; display: block; position: relative; }
.footertop .fnavbx ul li a:hover {text-decoration: underline;}

.footertop .fnavbx ul li ol, .footertop .fnavbx ul li ol li{ list-style: none; padding: 0; margin: 0;}
.footertop .fnavbx ul li ol{ margin-top: 15px;}
.footertop .fnavbx ul li ol li a {color: #D8D8D8; font-size: 14px; line-height: 28px; margin: 0 0 10px 0; transition: all 0.3s ease-in-out; display: block; position: relative; }
.footertop .fnavbx ul li ol li a:hover {text-decoration: underline;}
.footertop .footer-slider-wrp{ margin-right: -45px;}
.footertop .footer-slider{ background: #fff; padding: 24px 16px;}
.footertop .footer-slider .sectop{ display: flex; align-items: flex-start; justify-content: space-between;}
.footertop .footer-slider .sectop h5{ font-size: 13px; line-height: 24px;  margin-bottom: 15px;}
.footertop .footer-slider .sectop h5 span{ font-size: 12px; line-height: 20px;  display: block; color: #A3A3A3;}
.footertop .footer-slider .sectop a{ display: inline-block; width: 31px;} 
.footertop .footer-slider .sectop a img{ max-width: 100%; height: auto;} 
.footertop .footer-slider p{color: #000000; display: block; display: -webkit-box; max-width: 100%; height: 45px; font-size: 14px; line-height: 19px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.footertop .footer-slider-wrp .slick-slide > div{ margin-right: 15px;}
.footertop .footer-slider-wrp .slick-slide:last-child > div{ margin-right: 95px;}



.footertop .socials {padding-top: 30px; }
.footertop .socials ul li {margin: 0 10px; width: 30px; }
.footertop .socials ul li a {border-radius: 20px; }
.footertop .socials ul li a:hover {box-shadow: 2px 4px 0px #ccc; border-radius: 20px; }
.footerbottom {padding: 30px 0; border-top: 1px solid #6c7174; color: #fff; font-size: 14px; line-height: 28px;  margin-top: 30px; margin-right: 75px; }
.footerbottom a {color: #fff; font-size: 14px; line-height: 28px; }
.footerbottom a:hover {text-decoration: underline;}
.botmbx {text-align: right; }

/* .fnavbx a:after {left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 5px; height: 2px; width: 0; background: #8b2e5d; content: ""; transition: 0.5s all ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; bottom: -3px; }
.fnavbx a:hover:after {width: 100%; }
.slide__content--headings p {padding: 20px 0;  font-size: 18px; line-height: 27px; text-shadow: 0px 0px 10px #232330; } */

.slide__content--headings .btn {margin-top: 20px; }
.text-white {color: #fff}

.main-wrap {overflow: hidden; }

.show768 {display: none !important; }

.bgrightbottom{ background: url(../png/bg-rightbot.png) right bottom no-repeat; background-size:auto 100%;}

/***************************About Us Page  **********************************/
.BannerInner .bannerandcrum {position: relative; }
.BannerInner .bannerandcrum .BannerInner_content {position: absolute; width: 95%; text-align: center; margin: 0 auto; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
.BannerInner .bannerandcrum .BannerInner_content h2 {color: #fff; font-size: 36px; line-height: 44px; }
.BannerInner .bannerandcrum .BannerInner_content h4{position: relative; margin-top: 40px; height: 75px;}
.header_breadcrumbs {color: #fff; font-size: 14px; line-height: 26px; font-family: 'Roboto'; font-weight: 600; position: absolute; left: 0; top: 40px; width: 100%; }
.header_breadcrumbs a {color: #fff; }
.header_breadcrumbs span {font-weight: 600; }

.header_breadcrumbs.white {color: #fff; font-size: 14px; line-height: 26px; font-family: 'Roboto'; font-weight: 600; position: absolute; left: 0; top: 40px; width: 100%; }
.header_breadcrumbs.white a {color: #fff; }
.header_breadcrumbs.white span {font-weight: 600; }

.header_breadcrumbs.black {color: #000000; font-size: 14px; padding: 35px 0 30px 0; line-height: 26px; font-family: 'Roboto'; font-weight: 600; position: relative; left: 0; top: auto; width: 100%; }
.header_breadcrumbs.black a {color: #000000; }
.header_breadcrumbs.black span {font-weight: 600; }


.aboutoverview {padding: 65px 0; }
.aboutoverview .overviewRimg img {max-width: 100%; height: auto; }
.aboutoverview .over-cont-box ul {list-style: none; margin-top: 30px; }
.aboutoverview .over-cont-box ul li {list-style: none; width: 90%; display: flex; align-items: center; margin-bottom: 37px; }
.aboutoverview .over-cont-box ul li:last-child {margin-bottom: 0; }
.aboutoverview .over-cont-box ul li img {width: 54px; height: 54px; margin-right: 13px; }
.aboutoverview .over-cont-box ul li .vmc-content h4 { font-size: 12px; line-height: 28px; color: #5F5F5F; margin-bottom: 7px; }
.aboutoverview .over-cont-box ul li .vmc-content p { font-size: 16px; line-height: 26px; color: #000; font-weight: 500 !important;}

.leaderabout {background: url(../png/leadership-bg.png) no-repeat; background-size: 100% 100%; }
.leaderabout .leadercontainer {margin: 0 0 0 75px; margin-right: -30px; display: flex; align-items: flex-start; flex-wrap: wrap; }
.leaderabout .leadercontainer .headingmain {width: 35%; box-sizing: border-box; padding-right: 70px; }
.leaderabout .leadercontainer .leaderswrp {width: 65%; box-sizing: border-box; }
.leaderabout .leadercontainer .leaderswrp .leaderlist {background: #fff; border-radius: 6px; padding: 14px 12px 0; }
.leaderabout .leadercontainer .leaderswrp .leaderlist img {max-width: 100%; }
.leaderabout .leadercontainer .leaderswrp .slick-slide>div {margin: 0 10px; }
.leaderabout .leadercontainer .leaderswrp .leaderlist .contnt {width: 100%; display: flex; align-items: flex-end; justify-content: space-between; padding: 10px 7px 12px; box-sizing: border-box; }
.leaderabout .leadercontainer .leaderswrp .leaderlist .contnt h5 {color: #0A080C;  font-size: 16px; line-height: 28px; }
.leaderabout .leadercontainer .leaderswrp .leaderlist .contnt p {color: #2C2C2C;  font-size: 15px; line-height: 28px; }
.sliderleader .slick-nav {top: auto; bottom: 0px; left: -54%; }
.sliderleader .slick-nav.next-arrow {right: auto; margin-left: 55px; }
.sliderleader .slick-nav:before,
.sliderleader .slick-nav:after {border-color: #fff; background: #fff; }
.sliderleader .slick-nav i:before,
.sliderleader .slick-nav i:after {background-color: #19575A; }
.sliderleader .slick-nav i {z-index: 2; }

.aboutValue .valueWrp {display: flex; width: 100%; padding: 23px 0; }
.aboutValue .valueWrp .imgbx {width: 120px; margin-right: 20px; }
.aboutValue .valueWrp .imgbx img {width: 100%; }
.aboutValue .valueWrp .vluecnt {width: calc(100% - 180px); padding-top: 5px; }
.aboutValue .valueWrp .vluecnt h6 { font-size: 12px; line-height: 28px; color: #089897; margin-bottom: 7px; }
.aboutValue .valueWrp .vluecnt p { font-size: 16px; line-height: 26px; color: #000; }

.aboutJourney {background: #FBFBFB; }
.aboutJourney .journey-wrp {position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; margin-right: -2.5%; margin-top: 20px; justify-content: space-between; }
.aboutJourney .journey-wrp .journeyBox {width: 20%; position: relative; z-index: 2; }
.aboutJourney .journey-wrp .journeyBox .imgbox {width: 88%; position: relative; z-index: 2; }
.aboutJourney .journey-wrp .journeyBox:after {width: calc(100% - 2.5%); height: 1.5px; background-color: #848484; position: absolute; content: ''; top: 82px; left: 50%; z-index: 0; display: flex; justify-content: space-evenly; }
.aboutJourney .journey-wrp .journeyBox:before {width: 10px; height: 10px; background-color: #848484; border-radius: 14px; position: absolute; content: ''; top: calc(82px - 3px); left: -20%; }
.aboutJourney .journey-wrp .journeyBox:nth-child(4):after,
.aboutJourney .journey-wrp .journeyBox:nth-child(1):before {display: none; }
.aboutJourney .journey-wrp .journeyBox img {max-width: 100%; }
.aboutJourney .journey-wrp .journeyBox ul {margin-left: 20px; margin-bottom: 30px; margin-top: 16px; min-height: 140px; }
.aboutJourney .journey-wrp .journeyBox ul li {color: #000000;  font-size: 14px; line-height: 26px; font-weight: 400;}
.aboutJourney .journey-wrp .journeyBox h3 {color: #002952; font-size: 34px; line-height: 36px; }
.container {max-width: 100%; padding: 0 75px; }


/****************************Solution Page *****************************/
.solutionoverview{ background: url(../png/solutiontop_bg.png) no-repeat right bottom; background-size: 100% auto;}
.solutionoverview.nthtwo_so {background:#f7fbfc url(../png/solutiontop_bg1.png) no-repeat left bottom; background-size: 100% auto;}
.solutionoverview.lastso{ background: none;}
.solutionoverview .soRimg{ text-align: right;}
.solutionoverview .soLimg{ text-align: left;}
.solutionoverview .soRimg img, .solutionoverview .soLimg img{  width: 90%; border-radius: 10px;}
.solutionoverview .solu-cont-box {margin: 20px 0 0 0; }
.solutionoverview .solu-cont-box ul {list-style: none; display: flex; flex-wrap: wrap; width: 100%; }
.solutionoverview .solu-cont-box ul li {list-style: none; display: inline-flex; width: 40%; margin-right: 10%; align-items: center; margin-bottom: 26px; }
.solutionoverview .solu-cont-box ul li img {margin-right: 11px; width: 72px; height: 72px;}
.solutionoverview .solu-cont-box ul li p {color: #1D1D1D; font-size: 14px; line-height: 22px; font-weight: 500;  }


/***************************Contact Us*****************************/
.contacttop{ background: url(../png/bg-contactsec.png) bottom left no-repeat; padding-bottom: 100px; background-size: 100%;}
.requi{ text-align: right;  font-size: 14px; color: #000; line-height: 25px; margin-bottom: 8px; font-weight: 500;}
.requi span{ color: #B40000;}
.form-wrap {background: #EFEFEF; width: 100%; padding: 50px; margin: 0 auto; position: relative; border-radius: 8px; float: right;}
.form-group {margin-bottom: 21px; }
.form-group>label {display: block; font-size: 14px; color: #000; line-height: 25px; margin-bottom: 8px; font-weight: 500;}
.form-group>label span{color: #B40000;}
.form-group .note{color: #707070; font-size: 14px; font-weight: 400;}
.custom-checkbox.custom-control-inline{ display: flex; align-items: center;}
.custom-control-input{accent-color: #000; width: 18px; height: 18px; margin-right: 10px; border: 1px solid #BEBEBE;}
.custom-control-label {font-size: 14px; color: #000; line-height: 25px;font-weight: 500; }
.custom-control-label a {color: #0A83F8;  text-decoration: underline;}
.custom-control-label a:hover {color: #0A83F8;  text-decoration: none;}
.form-control {height: 50px; background: #fff; border-color: transparent; border-radius: 0px; padding: 0 15px;  font-size: 16px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-control:focus {border-color: #ffffff; box-shadow: none; }
textarea.form-control {height: 80px; padding-top: 15px; resize: none; }

.btnsubmit {transition: all 0.3s ease-in-out; font-size: 15px; color: #fff; line-height: 28px; background:#0494F7;
    border-radius: 20px; border: 1px solid #0494F7; padding: 5px 20px; font-weight: 500;}
.btnsubmit:hover{background: transparent; border: 1px solid #002952; color: #002952;}

.contactMap_wrp{ position: relative;}
.contactMap_wrp .mapaddress{ position: absolute; left: 75px; top: -40px; width: 250px; border-radius: 8px; background: #fff; z-index: 2;}
.contactMap_wrp .mapaddress img{ border-radius: 8px 8px 0 0; max-width: 100%;}
.contactMap_wrp .mapaddress .addres-txt{ padding:20px 15px; }
.contactMap_wrp .mapaddress .addres-txt h4{ color: #232330; font-size: 15px; line-height: 26px; margin-bottom: 4px; }
.contactMap_wrp .mapaddress .addres-txt p{font-size: 12px; color: #000; line-height: 20px; margin-bottom: 14px;  }
.contactMap_wrp .mapaddress .addres-txt a{font-size: 12px; color: #097DF5; line-height: 20px;  }
.contactMap_wrp .mapaddress .addres-txt a:hover{text-decoration: underline; }
#mapa {position: relative; width: 100%; height: 305px; background: rgb(255, 255, 255); overflow: hidden; }
#mapa #map {position: relative; z-index: 1; display: block; width: 100%; height: 305px; }


/********************Career Page Main*********************/
.careerbanner .BannerInner_img{ max-width:1920px; margin: 0 auto; display: flex;}
.careerbanner .banner_right{ width: 50%; height: 600px;}
.careerbanner .banner_right img{ width: 100%; height: 100%; object-fit: cover; object-position: left;}
.careerbanner .banner_left{ width: 50%; position: relative; order: -1;height: 600px;}
.careerbanner .banner_left img{ width: 100%; height: 100%;}
.careerbanner .banner_left{ height: 600px;}
.opninghed_wrap{width: 100%; box-sizing: border-box; padding: 0 75px; top: 55% !important;}
.opninghed_wrap::before {content: ''; display: block; position: absolute;  z-index: 1;  width: 70px; height: 70px; left: 50px; top: -70px; background: url(../svg/3.svg) no-repeat; background-size: 100% auto;}
.opninghed_wrap::after {content: ''; display: block; position: absolute; z-index: 1; width: 70px; height: 70px; right: 50px; bottom: 0px; background: url(../svg/2.svg) no-repeat; background-size: 100% auto;}
.opninghed_wrap p{font-size: 20px; line-height: 30px; letter-spacing: 0; color: #fff; text-align: left;}
.opning_slider, .btnviewjobs{ width: 70%; margin: 0 auto;}
.btnviewjobs{ padding-top: 40px; text-align: left;}
.whywork_career{padding: 65px 0;}

.whywork_career .careerSlider{ background: url(../jpg/careersliderbg.jpg) no-repeat; position: relative; margin: 0 auto; max-width: 80%; padding: 20px 15px; background-size: 100% 100%;}
.whywork_career .careerSlider .csliderbox{ border-radius: 5px; background: #fff; padding: 12px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.19); }
.whywork_career .careerSlider .csliderbox .citems{ position: relative; vertical-align: middle;}
.whywork_career .careerSlider .csliderbox .citems a{position: absolute; z-index: 1; bottom: 20px; left: 30px;}
.whywork_career .careerSlider .csliderbox .citems img{ max-width: 100%; display: block;}

.whywork_career .careerSlider .slick-nav.next-arrow {right: -80px; }
.whywork_career .careerSlider .slick-nav.prev-arrow {left: -80px; }
.whywork_career .careerSlider .slick-nav:before,
.whywork_career .careerSlider .slick-nav:after {border-color: #9d9d9d; background: #9d9d9d; }
.whywork_career .careerSlider .slick-nav:hover:before,
.whywork_career .careerSlider .slick-nav:hover:after {border-color: #033361; background: #033361; }
.whywork_career .careerSlider .slick-nav i:before,
.whywork_career .careerSlider .slick-nav i:after {background-color: #fff; }
.whywork_career .careerSlider .slick-nav i {z-index: 2; }

.whywork_career .whyworkList ul {list-style: none; margin-top: 30px; padding-left: 20px; position: relative;}
.whywork_career .whyworkList ul:before { width: 4px; height: 100%; border-radius: 2px; background:#AAAAAA ; position: absolute; content: ''; left: 0; top: 0;}
.whywork_career .whyworkList ul li {list-style: none; width: 90%; display: flex;  margin-bottom: 37px; }
.whywork_career .whyworkList ul li:last-child {margin-bottom: 0; }
.whywork_career .whyworkList ul li img {width: 30px; height: 30px; margin-right: 13px; margin-top: 5px; filter: gray; -webkit-filter: grayscale(100%); opacity: 0.7;}
.whywork_career .whyworkList ul li h5 { font-size: 16px; line-height: 26px; color: #1A1A1A; }

.opening_wrap{ background: #FBFBFB; padding: 65px 0;}
.opening_wrap .opening-list{box-shadow: 0px 0px 6px #0000001A; height:100%;border-radius: 8px; border-bottom: 4px solid #033361; padding: 38px 24px; box-sizing: border-box;}
.opening_wrap .opening-list h6{color: #5F5F5F;  font-size: 13px; line-height: 28px;}
.opening_wrap .opening-list h3{color: #000000;  font-size: 17px; line-height: 24px; margin-bottom: 10px;}
.opening_wrap .opening-list ul{ list-style: none; margin: 15px 0;}
.opening_wrap .opening-list ul li{ list-style: none; margin: 0; display: inline-flex; align-items: center;  font-size: 15px; line-height: 24px; font-weight: 500;}
.opening_wrap .opening-list ul li:first-child{ margin-right: 25px;}
.opening_wrap .opening-list ul li img{ width: 30px; height: auto; margin-right: 8px; filter: gray; -webkit-filter: grayscale(100%); opacity: 0.7;}
.opening_wrap .opening-list p{color: #000000; margin-bottom: 10px; display: block; font-weight: 400; display: -webkit-box; max-width: 100%; height: 74px; font-size: 15px; line-height: 23px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.opening_wrap .opening-list a{font-size: 15px; color: #097DF5; line-height: 24px; font-weight: 500; }
.opening_wrap .opening-list a:hover{text-decoration: underline; }
.openinglist-wrp{ margin: 10px 0 30px 0;}
.opening-serch{ display: flex; justify-content: flex-end; padding:0 0 20px 0;}
.opening-serch .serchbox{ position: relative; width: 24%;}
.opening-serch .serchbox input{border: 1px solid #DCDBDE;  border-radius: 25px; padding: 5px 25px;  font-size: 13px; line-height: 28px; color: #939393; width: 100%; box-sizing: border-box;}
.opening-serch .serchbox button{position: absolute; right: 0; height: 100%; border-radius: 27px; padding: 11px; line-height: 15px;}



/*>>>>>>>>>Career deatils Page <<<<<<<<<<****/
.header_job_details{color: #ffffff; font-size: 14px; line-height: 26px; font-family: 'Roboto'; font-weight: 600; position: absolute; left: 0; bottom: 40px; width: 100%;}
.header_job_details .rowhead{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.header_job_details .rowhead:first-child{ margin-bottom: 2%;}
.header_job_details .rowhead h2 span{font-size: 12px; line-height: 15px;}
.header_job_details .rowhead p{font-size: 16px; line-height: 30px; font-weight: normal;}
.header_job_details .rowhead p b{ font-weight: normal;}
.header_job_details .rowhead .sharebox{list-style: none; display: inline-flex; align-items: center;}
.header_job_details .rowhead .sharebox li{margin: 0 5px;}
.header_job_details .rowhead .sharebox li img{ width: 35px; height: auto;}
.formtittle{ display: flex; align-items: center; justify-content: space-between;  margin-bottom: 8px; }
.formtittle h6{  font-size: 14px; color: #000; line-height: 25px;}
.formtittle h4{  font-size: 17px; color: #000; line-height: 25px; margin-bottom: 20px;}
.formtittle span{ color: #B40000;}

.wrapper_file #file-input {display: none; }
.wrapper_file label[for='file-input'] * {vertical-align: middle; cursor: pointer; }
.wrapper_file label[for='file-input'] span {color: #0A83F8; text-decoration: underline; font-size: 14px; font-weight: 400;}
.wrapper_file i.remove {vertical-align: middle; margin-left: 5px; cursor: pointer; display: none; }

.employment_wrp{ border-top: 2px solid #d4d4d4; padding-top: 30px;}
.dateselection-wrp{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.dateselection-wrp .datesel{ max-width: 150px; display: flex; align-items: center; justify-content: space-between;}
.dateselection-wrp .datesel input:first-child{ margin-right: 10px; width: 60px;}
.addanother{border-bottom: 2px solid #d4d4d4; padding-bottom: 30px; margin-bottom: 30px;}
.addanother a{color: #0A83F8; text-decoration: underline; font-size: 14px; font-weight: 500;}
.addanother a:hover{text-decoration: none;}

.jobdetailswrp .over-content{ border-bottom: 1px solid #d4d4d4;}
.jobdetailswrp .over-content h4{ font-size: 17px; color: #000; line-height: 25px; margin-bottom: 20px;}
.jobdetailswrp .over-content p{ font-size: 16px; color: #000; line-height: 26px; margin-top: 30px; font-weight: 400;}
.jobdetailswrp .over-content ul{ margin-left: 20px; margin-bottom: 40px;}
.jobdetailswrp .over-content ul li{font-size: 16px; color: #000; line-height: 26px;font-weight: 400;}
.jobdetail_about{ padding: 0 0 65px 0;}
.jobdetail_about .over-content p{ margin: 10px 0 20px 0;}
.jobdetail_about .over-content a{color: #0A83F8; font-weight: 500;}




/************************************Smart Meter ********************************************/
.video-play-button {position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 22px; height: 22px; border-radius: 50%; padding: 18px 20px 18px 30px;}
.video-play-button:before {content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #ffffff; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite;}
.video-play-button:after {content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 70px; height: 70px; background: #ffffff; border-radius: 50%; transition: all 200ms;}
/* .video-play-button:hover:after {background-color: #f1ad34;} */
.video-play-button:before {content: ""; color: rgb(255, 255, 255); position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #ffffff; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite;}
.video-play-button img {position: relative; z-index: 3; max-width: 100%; width: auto; height: auto; }
.video-play-button span {display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 16px solid #c28177; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}

.video-play-button {-webkit-animation: 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) both; animation: 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;}




.leverageWrap {position: relative; background: transparent linear-gradient(90deg, #0692f9 0%, #04c3ee 48%, #01f1e2 100%) 0% 0% no-repeat padding-box; background: transparent linear-gradient(90deg, #0692f9 0%, #04c3ee 48%, #01f1e2 100%) 0% 0% no-repeat padding-box; padding: 0; }
.leverageWrap video {object-fit: unset; position: absolute; width: 100%; height: 100%; z-index: 1; opacity: 0.1; }
.leverage-content{margin: 0 auto; position: relative; padding: 80px 0 80px 0; z-index: 3; }
.leverage-content .col-lg-5{ align-self: center;}
.leverage-content .over-cont-box{ margin-top: 35px;}
.leverage-content .headingmain p{font-family: 'Roboto'; font-weight: 300;}
.softhardRing{ margin: 0 auto; max-width: 560px; padding: 32px; position: relative;}
.softhardRing img{ max-width: 100%; height: auto;}
.softhardRing .number-list{ width: 64px; height: 64px; background: url(../svg/number-bg.svg) no-repeat; background-size: 100%; position: absolute; z-index: 5; font-family: 'Roboto';}
.softhardRing .number-list a{ line-height: 64px; font-size: 32px; text-align: center; display: block; color: #03ccec; font-weight: 700;}
.softhardRing .number-list span{ display: inline-block; border-radius: 30px; background-color: #fff; color: #002952; font-family: 'Roboto'; font-size: 13px; font-weight: 500; padding: 6px 20px; white-space: nowrap; position: absolute; width: auto; height: 38px;
    line-height: 28px; margin: 11px 0;}
.softhardRing .number-list:hover a{color: #002952;}
.softhardRing .number-list:hover span{font-weight: 600;}
.number-list.n1{left: 50%; top: 0; transform: translateX(-50%);}
.number-list.n3{left: 50%; bottom: 0; transform: translateX(-50%);}
.number-list.n2{top: 50%; right: 0; transform: translateY(-50%);}
.number-list.n4{top: 50%; left: 0; transform: translateY(-50%);}
.number-list.n1 span{left: calc(100% + 8px); }
.number-list.n3 span{right: calc(100% + 8px); }
.number-list.n2 span{top: calc(100% + 8px); left: 0; margin: 0;}
.number-list.n4 span{bottom: calc(100% + 8px); right: 0; margin: 0;}
.ringInfo{color: #fff; font-size: 13px; font-weight: 500; font-family: 'Roboto';}
.ringInfo p{ margin-top: 40px; text-align: center; font-weight: 300;}

.popclose{ position: fixed; top: 120px; right: 80px; width: 30px; z-index: 9;} 
.popclose a{ display: inline-block;}
.solutionpoptop .poptop-sec{ background: #182026; padding-bottom: 70px;}
.smsnic-wrap .poptop-sec{  padding-bottom:68px; position: relative; overflow: hidden; background: transparent linear-gradient(180deg, #04CBFB 0%, #4887FF 100%) 0% 0% no-repeat padding-box;}
.smsnic-wrap .poptop-sec:before {content: ""; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent linear-gradient(180deg, #04CBFB 0%, #4887FF 100%) 0% 0% no-repeat padding-box; border-radius: 0 0 50% 50%/0 0 50% 50%; transform: scaleX(2); z-index: -1; overflow: hidden; }
.smsnic-wrap .poptop-sec:after {content: ""; position: absolute; top: 0; left: 0; top: 0; width: 180%; height: 100%; margin-left: -40%; border-radius: 50%; box-shadow: 0 100px 0 rgb(255, 255, 255); z-index: 1; }

.site_serveyitems{ background:#262F37; padding: 28px; margin-top: 30px;}
.site_serveyitems img{ margin-bottom: 20px;}
.site_serveyitems h4{ color: #fff; font-size: 19px; font-weight: 600; font-family: 'Roboto'; margin-bottom: 10px;}
.site_serveyitems p{ color: #fff; font-size: 15px; font-weight: 400; font-family: 'Roboto';}

.rf_deploy_wrp{background: transparent linear-gradient(180deg, #03ABF4 0%, #0791FA 100%) 0% 0% no-repeat padding-box;}
.rf_deploy_wrp .headingpop p{ max-width: 875px; margin: 0 auto;}
.rf_deploybox{ padding-top: 0px;}
.rf_deploybox ul {list-style: none; margin-top: 30px; padding-left: 20px; position: relative;}
.rf_deploybox ul li {list-style: none; width: 90%; display: flex; align-items: center;  margin-bottom: 15px; padding: 12px 20px; transition: all 0.3s ease-in-out; border-radius: 31px; }
.rf_deploybox ul li:last-child {margin-bottom: 0; }
.rf_deploybox ul li img {width: 30px; height: 30px; margin-right: 13px; }
.rf_deploybox ul li h5 {font-family: 'Roboto'; font-size: 18px; line-height: 26px; color: #fff; font-weight: 500; }
.rf_deploybox .rf_deployimg{ text-align: right;}
.rf_deploybox .rf_deployimg img{ max-width: 90%; height: auto;}
.rf_deploybox ul li:hover{background: #16b2fa; transition: all 0.3s ease-in-out; }

.keyproject_wrp{ background-color: #FCFCFC;}
.keycontainer{ display: flex;}
.keypro_box{ width: calc(100% - 250px); margin-left: 50px;}
.keypro_box .keylist{ text-align: center;}
.keypro_box .keylist img{ margin: 0 auto; max-width: 100%;}
.sliderkey .slick-nav {top: auto; bottom: 0px; left: -227px; }
.sliderkey .slick-nav.next-arrow {right: auto; margin-left: 55px; }
.sliderkey .slick-nav i {z-index: 2; }

.sliderkey .slick-nav:before,
.sliderkey .slick-nav:after {border-color: #033361; background: #033361; }
.sliderkey .slick-nav:hover:before,
.sliderkey .slick-nav:hover:after {border-color: #000; background: #000; }
.sliderkey .slick-nav i:before,
.sliderkey .slick-nav i:after {background-color: #fff; }

.nic_card{ max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: center; padding-top: 5px;}
.nic_card ul {list-style: none; margin-top:15px; padding-left: 0px; position: relative;}
.nic_card ul li {list-style: none; width: 100%; display: flex; align-items: center;  margin-bottom: 15px; padding: 5px 0px; }
.nic_card ul li:last-child {margin-bottom: 0; }
.nic_card ul li img {width: 30px; height: 30px; margin-right: 13px; }
.nic_card ul li h5 {font-family: 'Roboto'; font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; }
.nic_card .headingpop{ text-align: left;}
.nic_card .imgNic{ width: 400px; margin-right: 60px; position: relative;}
.nic_card .imgNic img{ max-width: 100%;}
/* .nic_card .nic_content{ width: calc(100% - 460px);} */
.smsbigimg img{mix-blend-mode: screen;}
.smsbigimginner img{mix-blend-mode: unset !important; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.sms_corewrp{ background: #fff url(../png/bg-contactsec.png) top left no-repeat; background-size: 80%;}
.sms_corewrp .headingmain{ max-width: 420px; margin: 0 auto; text-align: center;}
.sms_corewrp .content_wrk{ margin: 0 40px; display: flex; align-items: center; justify-content: center;}
.sms_corewrp .content_wrk .cnterimg{ order: 1;}
.sms_corewrp .content_wrk .rit{order: 2;}
.sms_corewrp .content_wrk ul {list-style: none; margin-top:15px; padding-left: 0px; position: relative; width: calc(50% - 215px);}
.sms_corewrp .content_wrk ul li {list-style: none; width: 100%; display: flex; align-items: center;  padding: 25px 0px; border-bottom: 2px dashed #ababab; }
.sms_corewrp .content_wrk ul li:last-child {margin-bottom: 0; }
.sms_corewrp .content_wrk ul li img {width: 50px; height: 50px; margin-right: 20px; }
.sms_corewrp .content_wrk ul li h5 {font-family: 'Roboto'; font-size: 17px; line-height: 26px; color: #000; font-weight: 500; }
.sms_corewrp .cnterimg{ width: 350px; text-align: center; margin: 0 40px;}
.sms_corewrp .cnterimg img{ max-width: 100%;}

.sms-fms .biggif{max-width: 1200px; margin: 20px auto;}
.sms-fms .site_serveyitems{background: #262F37; padding: 28px; margin-top: 30px; min-height: 110px; display: flex; justify-content: center; align-items: center; border-radius: 5px;}
.sms-fms .biggif .smssingle img{max-width: 100%;}
.sms-fms .biggif .smssingle{ padding-bottom: 30px;}
.smssingle .slick-dots {bottom: auto;}
.smssingle .slick-dots li button {background-color: #fff; border-radius: 2px; padding: 1px; transition: all 0.3s ease-in-out; width: 40px; }
.smssingle .slick-dots li.slick-active button {background-color: #ffffff; transition: all 0.3s ease-in-out; padding: 3px; }

.fms_application{max-width: 1600px; margin: 50px auto; background: transparent linear-gradient(180deg, #20C4F5 0%, #3E2EFF 100%) 0% 0% no-repeat padding-box; border-radius:12px; padding: 50px 70px 0 70px;}
.fms_application .col-lg-7{ padding-right: 10%;}
.fms_application .headingpop h2{ text-align: left; padding-bottom: 8px; }
.fms_application .headingpop p{ font-weight: 400; text-align: left;}
.fms_application ul {list-style: none; margin-top:15px; padding-left: 0px; position: relative; }
.fms_application ul li {list-style: none; width: 100%; display: flex; align-items: center;  padding: 12px 0px;  }
.fms_application ul li:last-child {margin-bottom: 0; }
.fms_application ul li img {width: 40px; height: 40px; margin-right: 20px; }
.fms_application ul li h5 {font-family: 'Roboto'; font-size: 17px; line-height: 24px; color: #fff; font-weight: 400; text-align: left; }

.systematic{ padding: 45px 0;}
.systematic .cardbg1{background: transparent linear-gradient(180deg, #04A0FB 0%, #4887FF 100%) 0% 0% no-repeat padding-box; border-radius: 8px;}
.systematic .cardbg2{background: transparent linear-gradient(180deg, #FFAC39 0%, #FFD731 100%) 0% 0% no-repeat padding-box; border-radius: 8px;}
.systematic .cardbg3{background: transparent linear-gradient(180deg, #A581F0 0%, #7F51DE 100%) 0% 0% no-repeat padding-box; border-radius: 8px;}
.systematic .card{ border: 0px; padding: 30px 25px 0 25px;}
.systematic .card .card-body{ padding: 0; padding-bottom: 15px;}
.systematic .card .card-body h5{font-family: 'Roboto'; font-size: 19px; line-height: 26px; color: #fff; font-weight: 500;}
.systematic .card .card-body ul{margin-left: 20px; color: #fff;}
.systematic .card-img-top{width: 80%; margin: 0 auto;}

.siteslider{ max-width: 1200px; margin: 0 auto; padding: 40px 0 60px 0; position: relative;}
.siteslider .siteitems{ text-align: center;}
.siteslider .siteitems .siteimg{text-align: center;}
.siteslider .siteitems .siteimg img{ width: 70%; margin: 0 auto;}
.siteslider .slick-nav.next-arrow{ right: -60px;}
.siteslider .slick-nav.prev-arrow{ left: -60px;}
.siteslider:after {background: rgb(22,30,38); background: linear-gradient(90deg, rgba(24,32,38,0) 0%, rgba(24,32,38,1) 95%); content: ''; position: absolute; right: 0; top: 0; width: 100px; height: 100%; z-index: 2; }
.siteslider:before {background: rgb(22,30,38); background: linear-gradient(90deg, rgba(24,32,38,1) 0%, rgba(24,32,38,0) 95%); content: ''; position: absolute; left: 0; top: 0; width: 100px; height: 100%; z-index: 2; }
.siteslider .contnt{ position: relative; margin-top: 15px;}
.siteslider .contnt h5 span{  background: url(../png/bg-number.png) no-repeat; display: inline-block; width: 50px; height: 50px; font-size: 28px; line-height: 50px; background-size: 100%; color: #fff; font-weight: 400; font-family: 'Roboto';}
.siteslider .contnt p{ font-family: 'Roboto'; font-size: 16px; line-height: 22px; color: #fff; font-weight: 400; margin-top: 12px;}
.siteslider .contnt:after{ position: absolute; content: ''; height:2px; width: 100%; top: 25px; border-bottom: 2px dashed #fff; left: 0; z-index: -1;}
.siteslider .contnt.fst:after{ width: 82%; left: auto; right: 0;}
.siteslider .contnt.lst:after{ width: 82%; right: auto; left: 0;}
.siteslider .contnt.fst:before, .siteslider .contnt.lst:before{ position: absolute; content: ''; height:9px; width:9px; top: 22px; border-radius: 5px; background: #fff; z-index: -1;}
.siteslider .contnt.fst:before{ right: 82%;}
.siteslider .contnt.lst:before{ left: 82%;}
.siteslider .slick-nav:before, .siteslider .slick-nav:after{display: none;}
.siteslider .slick-nav img{ height: 90%; width: auto;}
.siteslider .slick-disabled{ opacity: 0;}

.solar_boxsec {max-width: 1600px; margin: 50px auto; background: transparent linear-gradient(180deg, #0780fc 0%, #00ffd8 100%) 0% 0% no-repeat padding-box; border-radius: 12px; padding: 50px 120px 0 120px; }
.solar_boxsec p.solarpre{font-family: 'Roboto'; font-size: 16px; line-height: 22px; color: #fff; text-align: center;}
.solar_boxsec .biogimg{ margin-top: 35px; text-align: center;}

.solarsitebg{ background: transparent linear-gradient(180deg, #2e4eff 0%, #20c4f5 100%) 0% 0% no-repeat padding-box;}
.solr_maintenance{padding: 50px 25px 0 25px; background: transparent linear-gradient(0deg, #00FFD8 0%, #0780FC 100%) 0% 0% no-repeat padding-box;}
.solr_maintenance .biogimg{ padding: 0 95px;}
.rowmaint ul {list-style: none; margin-top:15px; padding-left: 0px; position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.rowmaint ul li {list-style: none; width: 100%; display: flex; align-items: center;  padding: 0px 30px; box-sizing: border-box; border-right: 1px dashed #72c2ff; }
.rowmaint ul li:last-child {margin-bottom: 0;  border: 0px;}
.rowmaint ul li img {width: 48px; height: 48px; margin-right: 10px; }
.rowmaint ul li h5 {font-family: 'Roboto'; font-size: 15px; line-height: 24px; color: #fff; font-weight: 400; text-align: left; }
.sssm-card{max-width: 1500px;}
.sssm-card .imgNic{ width: 575px; margin-right: 60px; margin-bottom: -90px;}


/********************************************************************************Grid Post Commissioning ***********************************************************************************************/
.gridPdashbordImges{
    overflow: auto;
    max-height: 465px;
}
.scrollbar {
overflow-x: hidden;
overflow-y: scroll;
}

.scrollbar::-webkit-scrollbar {
width: 0px
}

.scrollbar::-webkit-scrollbar-track {
background: #ebebeb
}

.scrollbar::-webkit-scrollbar-thumb {
background: #626262
}

.scrollbar::-webkit-scrollbar-thumb:hover {
background: #626262
}

/******************************************************************************** Blog Page ***********************************************************************************************/
.blogslider_wrap{ margin-bottom: 20px;}
.blogSlider .bsitems{ position: relative; padding:0 20px;} 
.blogSlider .bsitems .bimgbox img{ width: 100%; height: auto;}
.blogSlider .bsitems .contntbox{ position: absolute; left: 0; bottom: 0; padding: 0 50px 45px 50px;}
.blogSlider .bsitems .contntbox p{ margin-bottom: 20px;}
.blogSlider .bsitems .contntbox span.tag{ display: inline-block; background: rgba(0, 0, 0, 0.3); padding: 6px 12px; border-radius: 20px; font-size: 10px; color: #fff; margin-right: 20px;}
.blogSlider .bsitems .contntbox span.bdate{display: inline-flex; align-items: center; position: relative; top: 4px; font-size: 11px; color: #fff;}
.blogSlider .bsitems .contntbox span.bdate img{ margin-right: 10px;}
.blogSlider .bsitems .contntbox a{ font-size: 22px; line-height: 32px; color: #fff; }

.blogmain, .bigwrap{max-width: 90%; margin: 0 auto;}
.headingblog{font-size: 26px; color: #000; font-family: 'Roboto'; line-height: 42px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 27px; flex-wrap: wrap;}
.headingblog h6{ width: 100%; padding-bottom: 14px;}
.blogcardwrap{display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap}
.blogcard {background: #fff; box-shadow: 0px 0px 6px #0000001A; border-radius: 10px; overflow: hidden; margin-bottom: 20px; transition: all 0.3s ease-in-out; width: calc(33% - 10px); }
.blogcard .blog_wrapper {width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
.blogcard .blog_icon_container {display: block; overflow: hidden; width:100%; position: relative;}
.blogcard .blog_icon_container span.btag{display: inline-block; background: rgba(0, 0, 0, 0.3); padding: 6px 12px; border-radius: 20px; font-size: 10px; color: #fff; position: absolute; left: 15px;
    top: 15px;  text-transform: uppercase;}
.blogcard .contntbottom {width: 100%; box-sizing: border-box; padding:24px 16px 40px; }
.blogcard .blog_icon_container img {width: 100%; transition: all .3s ease-in-out; }
.blogcard .blog_wrapper p {font-size: 12px; color: #797979; font-family: 'Roboto';  display: inline-flex; align-items: center; width: 100%; line-height: 22px;}
.blogcard .blog_wrapper p img{ margin-right: 10px;}
.blogcard .blog_wrapper a {font-size: 16px; color: #0A080C; line-height: 24px; padding-bottom: 5px; font-weight: 500; font-family: 'Roboto'; display: inline-block; margin-top: 10px; }
.blogcard:hover .blog_wrapper a {text-decoration: underline;  color: #097DF5; }
.blogcard:hover .blog_icon_container img {transform: scale(1.05); transition: all .3s ease-in-out; }

.blog_recom{ background-color: #FBFBFB;}
.blog_recom .reitems{ position: relative; padding:0px;} 
.blog_recom .reitems .bimgbox img{ width: 100%; height: auto;}
.blog_recom .reitems .contntbox{ position: absolute; left: 0; bottom: 0; padding: 0 25px 25px 25px;}
.blog_recom .reitems .contntbox p{ margin-bottom: 8px;}
.blog_recom .reitems .contntbox span.bdate{display: inline-flex; align-items: center; position: relative; top: 4px; font-size: 12px; font-weight: 500;  color: #fff;}
.blog_recom .reitems .contntbox span.bdate img{ margin-right: 10px;}
.blog_recom .reitems .contntbox a{ font-size: 18px; line-height: 28px; color: #fff; font-weight: 500;}
.remcom_wrp{display: inline-flex; justify-content: space-between;}
.remcom_wrp .rec_row{margin: 0 0 0 26px;}
.remcom_wrp .rec_row:first-child{margin: 0;}
.remcom_wrp .rec_row .reitems + .reitems{ margin-top: 26px;}
.blog_recombox{ max-width: 90%; margin: 0 auto;}

.rightblog_wrp{ padding-left: 35px;}
.blogsubheading{margin-top: 52px;}
.blogsubheading h5{font-size: 17px; color: #000; font-family: 'Roboto'; line-height: 32px;  font-weight: 500; padding-bottom: 15px;}
.taging a{ background: #C1C1C1; border-radius: 30px; line-height: 18px; padding: 10px 18px; font-size: 13px; color: #fff; text-transform: uppercase; margin: 5px 15px 5px 0; display: inline-block; transition: all 0.3s ease-in-out;}
.taging a:hover{ background:#707070;}

.sociallink ul{ display: inline-flex; align-items: center;}
.sociallink ul li{ margin-right: 13px; list-style: none;}
.sociallink ul li img{width: 30px; height: 30px; transition: all 0.3s ease-in-out;}
.sociallink ul li img:hover{transform: scale(1.1);}

.updateform input{background: #FFFFFF; border: 1px solid #A0A0A0; border-radius: 35px; padding: 12px 16px; margin-bottom: 15px; font-size: 12px; line-height: 18px; width: 100%; max-width: 234px;}
.updateform input:focus{ outline: 0; border: 1px solid #A0A0A0;}
.updateform button{font-size: 14px; padding: 11px 20px; line-height: 17px;}

.dropdownslt {
    width: 180px;
    height: 38px;
    background: white;
    position: relative;
    top: 0px;
    border: 1px solid #D4D5D9;
  }
  .dropdownslt:after {
    content: "Sort by:";
    position: absolute;
    top: -3px;
    left: 10px;
    font-size: 12px;
    color: #707070;
    font-family: 'Roboto';
  }
  @media (max-width: 400px) {
    .dropdownslt {
      width: 240px;
    }
  }
  .dropdownslt::before {
    content: "";
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 9999;
    width: 8px;
    height: 8px;
    border: 2px solid grey;
    border-top: transparent;
    border-right: transparent;
    transform: rotate(-45deg);
    pointer-events: none;
    transition: all 0.3s linear;font-family: 'Roboto';
  }
  .dropdownslt input {
    width: 100%;
    height: 100%;
    border-radius: 9px;
    padding: 12px 12px 12px 55px;
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 500;
    user-select: none;font-family: 'Roboto';
  }
  .dropdownslt .options {
    width: 100%;
    padding:4px 8px;
    cursor: pointer;
    background: white;
    border: none;
    outline: none;
    box-shadow: 0px 0px 6px #00000014;
    font-size: 12px;
    overflow: hidden;
    position: absolute;
    top: 37px;
    transition: all 0.7s ease;
    opacity: 0;
    transform: translateY(-50px);
    visibility: hidden;
    background: rgba(255, 255, 255, 1);font-family: 'Roboto';
    z-index: 99;
    line-height: 30px;
  }
  .dropdownslt .options .option {
    padding:0 16px;
    border-radius: 4px;
    transition: all 0.2s ease;
    color: #292d34;
  }
  .dropdownslt .options .option:not(:last-of-type) {
    margin-bottom: 8px;
  }
  .dropdownslt .options .option:hover {
    color: rgb(53, 53, 53);
    background: #D4D5D9;
    box-shadow: 0 10px 25px rgb(205 205 205 / 40%);
  }
  .dropdownslt.opened .options {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .dropdownslt.opened::before {
    transform: rotate(-225deg);
    top: 14px;
  }
  .bdate-detail{color: #636363; font-size: 14px; font-weight: 400;}
  .blogcontentwrap h3{ font-family: 'Roboto'; font-size: 18px; font-weight: 600; line-height: 26px; margin-bottom: 10px;}
  .blogcontentwrap p{ font-family: 'Roboto'; line-height: 26px; margin-bottom: 30px; font-weight: 400;}
  .blogcontentwrap img{ margin-bottom: 30px; max-width: 100%; height: auto;}
  .blogcontentwrap .boxi{ list-style: none; padding: 20px; background-color: #eaeaea; margin-bottom: 10px;}

  .aboutblog_wrp{ border-top: 1px solid #eaeaea; margin: 30px 0; padding: 40px 20px 0 20px;}
  .aboutblog_wrp .contentbx p{ font-weight: 400;}
  .headaboutblog{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
  .headaboutblog span{font-family: 'Roboto'; line-height: 26px; color: #000000; font-weight: 500;}
  .headaboutblog span img{ margin-right: 10px;}

.paging{ text-align: center;}
  .pagination {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin:30px auto 0px auto;
  }
  .pagination li {
    display: inline;
    text-align: center;
  }
  .pagination a {
    float: left;
    display: block;
    font-family: 'Roboto';
    font-size: 14px;
    text-decoration: none;
    padding: 5px 12px;
    color: #0A080C;
    margin-left: -1px;
    border: 1px solid transparent;
    line-height: 1.5;
    font-weight: 500;
  }
  .pagination a.active {
    cursor: default;
  }
  .pagination a:active {
    outline: none;
  }
  

  .modal-4 a {
    margin: 0 2px;
    padding: 0;
    width: 28px;
    height: 28px;
    line-height: 28px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
  }
  .modal-4 a i{ font-size: 10px; padding: 0 2px;}
  .modal-4 a:hover {
    background-color: #d0d0d0;
  }
  .modal-4 a.prev {
    width: 85px; margin-right: 20px;
    color: #033361;
  }
  .modal-4 a.next {
    width: 55px; margin-left: 20px;
    color: #033361;
  }
  .modal-4 a.prev:hover, .modal-4 a.next:hover{ background-color: transparent;}
  .modal-4 a.active{
    background-color: #0A080C;
    color: #fff;;
  }
  .modal-4 a.disabled{ color: #8C8C8D; cursor: default;}
  
/********************************************************************************Partner Page  ***********************************************************************************************/
.home-partners{ margin: 20px 0;}
.parntermainicons{margin-top: 0;
  padding-top: 30px;}
.home-partners .headingmain p{ font-weight: 400; color: #000;}
.partnertop .headingmain p{ max-width: 80%;}
.partnertop .partner-cont-box{ background: url(../jpg/parnerthree.jpg) no-repeat; background-size:100% 100%; margin-top: 30px; border-radius: 12px;}
.partnertop .partner-cont-box ul{padding: 69px 0 59px 0; width: 100%; display: inline-flex; /*align-items: flex-start;*/ justify-content: space-between;}
.partnertop .partner-cont-box ul li{ width: 35%; border-right: 1px solid #fff; box-sizing: border-box; padding: 0 50px; list-style: none;}
.partnertop .partner-cont-box ul li:last-child{width: 35%; border-right: 0px;}
.partnertop .partner-cont-box ul li h6{font-size: 20px; font-weight: 500; color: #fff; padding-bottom: 14px;}
.partnertop .partner-cont-box ul li p{font-size: 16px; font-weight: 400; color: #fff;}

.tab-system-ctnr { text-align: center;}
.tab-system-ctnr .tabs{ margin: 0 0 35px 0;}
.tab-system-ctnr .tabs a {
  background: #C1C1C1;
  color: #fff;
  display: inline-block;
  padding: 10px 24px;
  cursor: pointer;
  border-radius: 50px;
  margin: 0 8px;
}
.tab-system-ctnr .tabs a.current {
  color: #fff;
  background: #707070;
}
.tab-system-ctnr .tab-content {
  display: none;
}
.tab-system-ctnr .tab-content.current {
  display: inherit;
}
.partnerlistsall {width: 100%; display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap; margin: 0 -35px; }
.partnerlistsall .partner-item {height: 53px; margin: 20px 35px; }
.partnerlistsall .partner-item img {max-width: 100%; height: 100%; }


.partwithpro{ margin-top: 50px; border-radius: 12px;
  background: rgb(41,126,250);
  background: -moz-linear-gradient(90deg, rgba(41,126,250,1) 0%, rgba(33,191,245,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(41,126,250,1) 0%, rgba(33,191,245,1) 100%);
  background: linear-gradient(90deg, rgba(41,126,250,1) 0%, rgba(33,191,245,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#297efa",endColorstr="#21bff5",GradientType=1);
  width: 100%;
  justify-content: space-between;
  overflow: hidden; display: flex;
}
.partwithpro img{ order: 2; max-width: 45%;}
.partwithpro .contentbx{
  padding: 50px 40px;
}
.partwithpro .contentbx a{ 
  display: inline-block; margin-top: 35px;
}






.poptop-sec .mt-35{ margin-top: 35px;}
.poptop-sec .headingpop p a{color: #00A7FF; text-decoration: underline;}
.poptop-sec .headingpop p a:hover{ text-decoration: none;}

.gris-prewrp{ width: 100%; display: flex; flex-wrap: wrap; align-items:stretch; justify-content: space-between;}
.gris-prewrp .singleitem{ width: 40%; box-sizing: border-box; border-radius: 10px; overflow: hidden; order: 2;}
.gris-prewrp .singleitem img{max-width: 100%; margin-left: 0px; margin-bottom: 10px;}
.gris-prewrp .sixitems{ width: 60%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.gris-prewrp .sixitems .site_serveyitems{ border-radius: 10px; width: calc(33.3% - 10px); margin: 0 10px 10px 0;}
.gris-prewrp .sixitems .site_serveyitems p{ margin-right: 21%;}


.smsnic-wrap.grigHardware .poptop-sec:after{ display: none;}
.tabbingGrid .tab-system-ctnr{ text-align: left; display: flex; align-items: flex-start; justify-content: space-between;}
.tabbingGrid .tab-system-ctnr .tabs{ width: 245px;}
.tabbingGrid .tab-system-ctnr .tabs a{display: block; margin: 0px; margin-bottom: 16px; background: #51C1FE; position: relative;}
.tabbingGrid .tab-system-ctnr .tabs a span {
  display: inline-block;
  background: #fff;
  color: #51C1FE;
  width: 44px;
  height: 44px;
  border-radius: 40px;
  text-align: center;
  font-size: 28px;
  position: absolute;
  top: 0;
  right: -10px;
}
.tabbingGrid .tab-system-ctnr .tabs a.current span{color: #002952;}
.tabbingGrid .tab-system-ctnr .tabs a.current{background: #002952;}
.tabbingGrid .tab-system-ctnr .tab-content{ max-width: calc(100% - 270px);}
.tabbingGrid .tab-system-ctnr .tab-content .tabimg{ max-height: 475px; max-width: 100%;}

.gridcommTop{ padding: 50px 130px; text-align: center;}
.gridcommTop img{ max-width: 90%; margin-bottom: 50px;}
.gridcommTop p{font-family: 'Roboto'; font-size: 16px; line-height: 26px; color: #fff;}

.temwork_wrp{ margin-top: 32px;}
.temwork{ margin-top: 28px;}
.temwork .imgslide img{ max-width: calc(100% - 20px);}
.temwork .slick-dots {bottom: auto; }
.temwork .slick-dots li button {background-color: #fff; border-radius: 2px; padding: 1px; transition: all 0.3s ease-in-out; width: 40px; }
.temwork .slick-dots li.slick-active button {background-color: #ffffff; transition: all 0.3s ease-in-out; padding: 3px; }



.termscontentwrap p{ font-size: 16px; color: #666; margin-bottom: 20px;}
.termscontentwrap h2{ font-size: 18px; color: #002952; margin-bottom: 10px;}
/********************************************************************************Media Query ***********************************************************************************************/
.remcom_wrp .rec_row:first-child .reitems .bimgbox {
    height: 200px;
}
.remcom_wrp .rec_row:last-child .reitems, .remcom_wrp .rec_row:last-child .reitems img {
    height: 100% !important;
}
.remcom_wrp .rec_row:last-child .reitems .bimgbox {
  height: 426px !important;
}
.remcom_wrp .rec_row:first-child {
    width: 54%;
}

.remcom_wrp .rec_row:last-child {
    width: 69%;
}
@media (min-width: 1441px) 
{
    .container { max-width: 100%; padding: 0 75px; }
    .remcom_wrp .rec_row:first-child .reitems .bimgbox {
      height: 170px;
    }
    .remcom_wrp .rec_row:last-child .reitems .bimgbox {
      height: 366px !important;
    }
}
@media only screen and (max-width: 1920px) and (min-width: 1601px) 
{
    .banner__slider .slide .slide__content--headings h2 {font-size: 42px; }
    .slide__content--headings p {padding: 30px 0; font-size: 20px; line-height: 32px; }
    .btnexplore,
    .bth-Blue,
    .headingmain h6,
    .needthree .itemsBox .content a span,
    .h-resource .infobox_wrapper a {font-size: 16px; }/* 15 to 18*/
    .headingmain h2 {font-size: 38px; line-height: 52px; }/* 30/44 to 40/52*/
    .headingmain p {font-size: 20px; line-height: 28px; }
    .overview-content .over-cont-box ul {padding: 20px 0; }
    .needthree .itemsBox .content h3 {font-size: 34px; line-height: 52px; }
    .needthree .itemsBox .content p {font-size: 22px; line-height: 32px; }
    .h-resource .infobox_wrapper h4 {font-size: 18px; line-height: 32px; }
    .h-resource .infobox_wrapper p {font-size: 25px; line-height: 38px; }
    .testimonials_name,
    .testimonials_status {font-size: 20px;}
    .testimonials_quote {font-size: 29px; line-height: 40px; }
    .partnerlists .partner-item {height: 75px;}
    .overview-content {margin: 0 10%;}
    .testimoni_slider {max-width: 74%;}
    .testimonials_image img {width: 95px; height: 95px; }
    .testimain_img {width: 85%; }
    .testimoni_slider .slick-dots {bottom: auto; top: 155px; left: -117%; }
    .testimonail-box .headingmain{ padding-right: 100px;}

    /***************************About Us Page  **********************************/
    .BannerInner .bannerandcrum .BannerInner_content h2 { font-size: 50px; line-height: 56px; }
    .aboutoverview .over-cont-box ul li img { width: 75px; height: 75px; margin-right: 18px; }
    .aboutoverview .over-cont-box ul li .vmc-content h4 { font-size: 16px; line-height: 28px; margin-bottom: 7px; }
    .aboutoverview .over-cont-box ul li .vmc-content p { font-size: 21px; line-height: 27px;}
    .leaderabout .leadercontainer .leaderswrp .leaderlist .contnt h5,
    .aboutValue .valueWrp .vluecnt h6 { font-size: 16px; line-height: 28px; }
    .leaderabout .leadercontainer .leaderswrp .leaderlist .contnt p,
    .aboutValue .valueWrp .vluecnt p { font-size: 15px; line-height: 28px; }


    /****************************Career****************************/
    .opninghed_wrap p{
        font-size: 29px;
        line-height: 40px;
    }
    /****************************Job Details****************************/
    .formtittle h4, .jobdetailswrp .over-content h4{ font-size: 22px;}
    .jobdetailswrp .over-content ul li,.jobdetailswrp .over-content p{ font-size: 20px; line-height: 32px;}

    /*************************pre-installation*************************/
    .popclose{  width: 40px;}
    .rf_deploybox ul li{ margin-bottom: 30px;}


    .partnerlistsall .partner-item {height: 75px;}
    .remcom_wrp .rec_row:last-child .bimgbox {}
    
    


}
@media only screen and (max-width: 1600px) and (min-width: 1441px) 
{
 .overview-content { margin: 0 10%; }
 /**********************Grid Post Commissioning ****************************/
 .gridPdashbordImges{ max-height: 385px;}
 

}
@media only screen and (max-width:1440px) 
{
  .bannersolution .BannerInner_img {
    height: 580px;
    overflow: hidden;
}
  .careerbanner .banner_right{height: 400px;}
.careerbanner .banner_left{ height: 400px;}
    .footertop .footer-slider p{ height: 55px;}
    .slider,
    .banner__slider .slide { height: calc(100vh - 80px); }

    .partnerlists .partner-item { height: 50px; }
    .testimoni_slider { max-width: 80%; }
    .testimoni_slider::before { width: 75px; height: 75px; left: -100px; background-size: 75px auto; }
    .testimoni_slider::after { width: 75px; height: 75px; right: -75px; background-size: 75px auto; }
    .testimonail-box .headingmain { width: 90%; }
    .testimoni_slider .slick-dots { left: -106%; }
    .h-resource .infobox_wrapper a { margin-top: 12px; }
    .overview-content .container { max-width: 1140px; }
    .hresource-slider .slick-nav { width: 32px; height: 32px; }
    .hresource-slider .slick-nav.prev-arrow { margin-right: 40px; }
    .header_breadcrumbs{ top: 30px;}
    .form-wrap{padding: 35px;}
    .headingmain h6{ font-size: 12px;}
    .slide__content--headings p {padding: 15px 0; font-size: 18px; line-height: 24px; }

    /***************************About Us Page  **********************************/
    .aboutJourney .journey-wrp .journeyBox:after { top: 61px; }
    .aboutJourney .journey-wrp .journeyBox:before { top: calc(60px - 3px); }
    .aboutoverview .over-cont-box ul li .vmc-content h4 { margin-bottom: 0px; }
    .aboutoverview .over-cont-box ul li .vmc-content p { line-height: 20px; }
    .sliderleader .slick-nav { width: 32px; height: 32px; }
    .sliderleader .slick-nav.next-arrow { margin-left: 40px; }
    .aboutJourney .journey-wrp .journeyBox ul li{ font-size: 13px; line-height: 20px;}


    /***************Solution Page***************/
    .solutionoverview .solu-cont-box ul li{ width: 48%; margin-right: 2%;}
    .solutionoverview .solu-cont-box ul li img {width: 55px; height: 55px;}

    /***************Smart Meter Solution***************/
    .softhardRing{ max-width: 500px;}
    .rf_deploybox ul{ padding-left: 0;}
    .rf_deploybox ul li h5{ font-size: 17px;}
    .rf_deploybox ul li{ margin-bottom: 10px; padding: 10px 17px;}
    .home-partners .headingmain p{ font-weight: 500;}
    /**********************Grid Post Commissioning ****************************/
    .gridPdashbordImges{ max-height: 315px;}


    /**************Blog**************/
    .taging a{ padding: 12px 16px; margin-right: 2px;}
    .remcom_wrp .rec_row{ width: 69%;}
    .remcom_wrp .rec_row:first-child{ width: 54%;}
    .blog_recom .reitems .contntbox a{ line-height: 25px;}
    .sms-fms .biggif{ max-width: 900px;}


    .partnerlistsall .partner-item {height: 50px;}

    .gridcommTop{ padding: 50px 0;}

    .opninghed_wrap::before {
      top: -50px;
      background-size: 85% auto;
  }
  .opninghed_wrap::after{ background-size: 85% auto;}
  .whywork_career .whyworkList ul li{ margin-bottom: 17px;}
  

}
@media only screen and (max-width:1140px) 
{
    .site-header { padding: 0 15px; }
    /* .primary-nav ul li a { padding: 25px 5px; } */
    /* .container{ width: 100%; max-width: 100%; padding: 0 15px;} */

    .slider,
    .banner__slider .slide { height: 60vh; }
    .banner__slider .slide .slide__img img{ height: 60vh;}
    .overviewRimg img { max-width: 100%; }
    .needthree .itemsBox .content { padding: 20px 25px; }
    .partnerlists .partner-item { height: 39px; }
    .testimonials_quote { font-size: 17px; line-height: 24px; }
    .h-resource .infobox_wrapper p { font-size: 13px; line-height: 17px; padding-bottom: 0; }
    .needthree .itemsBox .content h3 { font-size: 22px; line-height: 30px; }
    .overview-content .container, .container{padding: 0 15px;}
    .partnerlists{ margin: 0;}
    .footertop .fnavbx ul li ol li a{ line-height: 22px;}

    /********************** ABout uS ********************/
    .header_breadcrumbs .container { margin: 0; padding: 0 15px; }
    .aboutJourney .journey-wrp .journeyBox:after { top: 43px; }
    .aboutJourney .journey-wrp .journeyBox:before { top: calc(42px - 3px); }
    .aboutValue .valueWrp .imgbx { width: 85px; }
    .aboutValue .valueWrp .vluecnt { width: calc(100% - 85px); }
    .aboutValue .valueWrp .vluecnt h6 { margin-bottom: 0; }
    .aboutValue .valueWrp .vluecnt p { line-height: 22px; }
    .leaderabout .leadercontainer .headingmain { width: 40%; }
    .leaderabout .leadercontainer .leaderswrp { width: 60%; }
    .sliderleader .slick-nav { left: -66.5%; }
    .leaderabout .leadercontainer {margin: 0 0 0 15px; margin-right: -120px;}

    /****************************Career****************************/
    .opninghed_wrap p{font-size: 17px; line-height: 24px;}
    .opninghed_wrap{ padding: 0 25px;}
    .opninghed_wrap::before { width: 70px; height: 70px; left: 0px; top: -50px; }
    .opninghed_wrap::after {width: 70px; height: 70px; right: 0; bottom: 0px; }
    .careerbanner .BannerInner_img{ height: 315px;}
    .whywork_career .careerSlider .csliderbox .slick-nav { width: 30px; height: 30px; top: calc(50% - 30px);}
    .whywork_career .careerSlider .slick-nav.next-arrow {right: -55px;}
    .whywork_career .careerSlider .slick-nav.prev-arrow {left: -55px;}

    /****************************Job Details****************************/
    .dateselection-wrp{ flex-wrap: wrap;}
    .dateselection-wrp .datesel{ margin-bottom: 5px;}

    /***************Solution Page***************/
    .solutionoverview .solu-cont-box ul li p{ font-size: 12px;}
    .solutionoverview .solu-cont-box ul li img {width: 40px; height: 40px;}
    .solutionoverview .soRimg img, .solutionoverview .soLimg img{ width: 100%;}
    /**********************Grid Post Commissioning ****************************/
    .gridPdashbordImges{ max-height: 295px;}
    .gridPdashbordImges img{ max-width: 100% !important;}
    .leverage-content{ padding: 55px 0;}

/******************************* Blog ******************************/
.rightblog_wrp {
    padding-left: 20px;
}
.taging a {
    padding: 8px 10px;
    margin: 5px 0px 5px 0}

    .partnerlistsall .partner-item {height: 39px;}

    .gris-prewrp .sixitems .site_serveyitems p {
      margin-right: 10%;
  }

}
@media only screen and (max-width:992px) {
    .bannersolution .BannerInner_img {
      height: 425px;
      overflow: hidden;
    }
    header .position_right_middle { display: none; }
    .overview-content{padding: 65px 0;}
    .headingmain h2{ line-height: 36px; margin-bottom: 6px;}
    .headingmain h6{ margin-bottom: 6px;}
    .logo_main { padding: 13px 0; }
    .site-header{ min-height: auto;}
    .hide768 { display: none !important; }
    .show768 { display: block !important; }
    .sl5 { background: url(../jpg/sl5-bg.jpg) no-repeat; background-size: 100% 100%; }
    .sl6 { background: url(../jpg/sl6-bg.jpg) no-repeat; background-size: 100% 100%; }
    .sl7 { background: url(../jpg/sl7-bg.jpg) no-repeat; background-size: 100% 100%; }
    .banner__slider .slide .slide__content--headings h2{ margin-bottom: 12px; font-size: 35px;}
    .banner__slider .slide .slide__content--headings p{ margin-bottom: 12px; font-size: 20px;}
    .btnexplore{ font-size: 18px;}
    .afterheaderspace {margin-top: 60px;}
    .partnerlists .partner-item {height: 48px; margin: 20px 18px;}
    .hresource-slider .slick-nav{top: -20px;}
    .testimain_img {margin-bottom: 25px; margin-top: 0; width: 100%;}
    .testimoni_slider::before {width: 65px; height: 65px; left: -75px; background-size: 100% auto;}
    .testimoni_slider::after {width: 65px; height: 65px; right: -75px; background-size: 100% auto;}
    .testimoni_slider .slick-dots {bottom: auto; top: auto; left: 0; text-align: left;}
    .testimonial-wrap {padding-bottom: 0;}
    .needthree .itemsBox{ overflow: hidden; width: 100%;}
    .footerbottom{ margin:30px 15px 0 0px;}
    footer .container{ margin: 0px;}
    /***************************About page  **********************************/
    .leaderabout .leadercontainer .headingmain{ padding-right: 30px;}
    .aboutJourney .journey-wrp{ width: 1200px; overflow-y: hidden;}
    .aboutJourney .row .col-md-12{overflow-x: auto;}
    .aboutJourney .journey-wrp .journeyBox:after {
        top: 53px;
    }
    .aboutJourney .journey-wrp .journeyBox:before {
        top: calc(53px - 3px);
    }
    /***************Contact Us******************/
    .contacttop .over-cont-box{ margin-bottom: 45px;}
    .form-wrap {
        padding: 15px; margin-bottom: 45px;
    }

    /******************Career******************/
    .whywork_career .careerSlider{ margin-bottom: 45px;}
    .bgrightbottom{ background-size: 165%;}
    .careerbanner .BannerInner_img{ height: auto; flex-wrap: wrap;}
    .careerbanner .banner_right, .careerbanner .banner_left{ width: 100%;}
    .opening-serch .serchbox{ width: 35%;}
    .careerbanner .banner_right{ display: none;}
    .opening_wrap .opening-list{ margin-bottom: 20px;}

    /******************************Job Details ********************************/
    .jobdetailswrp .form-wrap{ margin-bottom: 0px;}
    .formtittle{ margin-top: 30px;}


    /***************Solution Page***************/
    .solutionoverview .solu-cont-box ul li p{ font-size: 14px;}
    .solutionoverview .solu-cont-box ul li img {width: 55px; height: 55px;}
    .solutionoverview .soRimg img, .solutionoverview .soLimg img{ width: 100%; margin-bottom: 30px;}
    .solutionoverview{ padding: 65px 0 0 0;}
    .solutionoverview.lastso{ padding: 65px 0;}

    /***************Solution details Page***************/
    .headingRoboto h2{line-height: 32px; font-size: 24px;}
    .sliderkey .slick-nav{ left: -191px;}
    .number-list.n4 span{right: auto; margin: 0; left: 0;}
    .number-list.n2 span{right: 0; margin: 0; left: auto;}
    .softhardRing{ margin-top: 40px;}
    .rf_deploybox .rf_deployimg{ text-align: center;}
    .sms_corewrp .content_wrk .cnterimg{ order: 0;}
    .sms_corewrp .content_wrk{ margin: 0; flex-wrap: wrap;}
    .sms_corewrp .content_wrk ul{ width: 100%; margin: 0;}


    /***************Blog*******************/
    .blogSlider .bsitems .contntbox p {
        margin-bottom: 10px;
    }
    .blogSlider .bsitems{padding: 0 8px;}
    .blogSlider .bsitems .contntbox{padding: 0 25px 25px 25px;}
    .remcom_wrp{flex-wrap: wrap;}
    .remcom_wrp .rec_row:first-child, .remcom_wrp .rec_row{width: 100%;}
    .remcom_wrp .rec_row{ margin: 26px 0 0 0;}
    .rightblog_wrp {
        padding-left: 0px;
    }
    .blogmain, .bigwrap{ max-width: 100%;}



    .partnerlistsall .partner-item {height: 48px; margin: 20px 18px;}


    .gris-prewrp .singleitem, .gris-prewrp .sixitems{ width: 100%; order: 0;}
    .gris-prewrp .sixitems .site_serveyitems{ margin: 10px 0px;}

    .tabbingGrid .tab-system-ctnr{ flex-wrap: wrap;}
    .tabbingGrid .tab-system-ctnr .tabs, .tabbingGrid .tab-system-ctnr .tab-content{ max-width: 100%; width: 100%; text-align: center;}
    .tabbingGrid .tab-system-ctnr .tabs a{ display: inline-block; padding-right: 45px; margin: 0 10px;}
    .tabbingGrid .tab-system-ctnr .tabs a.current i{ transform: rotate(90deg);}
    .tabbingGrid .tab-system-ctnr .tabs a.current span{line-height: 48px;}

    .partnertop .partner-cont-box ul li{ padding: 0 31px;}
    .partnertop .headingmain p {max-width: 100%;}
    .partnerlistsall{ margin: 0;}
    .partwithpro .contentbx {padding: 25px 40px;}
    .parntermainicons{margin: 0; padding-top: 20px;}
}

@media only screen and (max-width:767px) 
{
    .footertop .fnavbx {padding-left: 0px;}
    .home-partners, .home-needs, .home-resource, .aboutoverview, .leaderabout, .aboutValue, .opening_wrap, .bgrightbottom {padding: 40px 0;}
    .home-needs{ background-size: 100%;}
    .logo_main img { height: 30px; }
    #sm_menu_ham { top: 16px}
    .sm_menu_outer { height: calc(100vh - 56px); }
    .slider,
    .banner__slider .slide { height: 400px; }
    .banner__slider .slide .slide__content.slide__content__right {right: 15px; left: 15px; transform: translate(0, 0%); width: calc(100% - 30px); top: 70px;}
    .banner__slider .slide .slide__content--headings h2 { font-size: 28px;text-shadow: 0 4px 10px rgba(0,0,0,0.9); }
    .banner__slider .slide .slide__content--headings p{font-size: 16px; line-height: normal;text-shadow: 0 4px 10px rgba(0,0,0,0.9); }
    .banner__slider .slide .slide__img img{ height: 400px}
    .btnexplore {font-size: 16px; line-height: normal; }
    .afterheaderspace {margin-top: 56px;}
    .bg-bondigray { padding: 8px 12px; }
    .bg-bondigray i { padding-left: 4px; }
    .bg-bondigray:hover { padding-right: 8px; }
    .data2 ul li,
    .xs-feature-text-content p,
    .h-blog .infobox_wrapper p { font-size: .85rem; }
    .data7 h1 { font-size: 1.7rem !important; }
    p.font2x { font-size: 1rem; }
    .xs-feature-text-content .xs-heading .xs-title,
    .home-everything .righty .xs-feature-text-content .xs-heading .xs-title { font-size: 2rem; }
    .xs-feature-text-content .xs-heading .xs-title::before { font-size: 4rem; top: -45px; }
    .headingmain h2 {
        line-height: 32px; font-size: 24px;
        margin-bottom: 6px;
    }
    .overview-content .over-cont-box ul li{ width: 100%; margin-right: 0; margin-bottom: 16px;}
    .overview-content .over-cont-box ul li img{ width: 45px;}
    .overview-content .over-cont-box a{ margin-top: 10px; display: inline-block;}
    .overview-content {
        padding: 35px 0;
    }
    .partnerlists .partner-item {
        height: 36px;
        margin: 15px 15px;
    }
    .needthree{ margin: 0;}
    .testimonials_quote{ font-size: 15px;}
    .testimoni_slider::after {
        width: 45px;
        height: 45px;
        right: -35px;
        background-size: 100% auto;
    }
    .testimoni_slider::before {
        width: 45px;
        height: 45px;
        left: -35px;
        background-size: 100% auto;
    }
    .h-resource{box-shadow: 0px 0px 6px #0000003a;}
    .botmbx{ text-align: left;}
    .footerbottom {
        margin: 0px 15px 0 0px; padding: 15px 0; font-size: 12px;
    }

    /***********************About Us********************/
    .leaderabout .leadercontainer {
        margin: 0 0 0 15px;
        margin-right: 15px;
    }
    .leaderabout .leadercontainer .headingmain {
        width: 100%; padding: 0;
    }
    .leaderabout .leadercontainer .leaderswrp {
        width: 100%;
    }
    .leaderabout .leadercontainer .leaderswrp .slick-slide>div {
        margin:15px 10px;
    }
    .BannerInner .bannerandcrum .BannerInner_content h2 {
        color: #fff;
        font-size: 28px;
        line-height: 32px;
        text-shadow: 0 4px 10px rgba(0,0,0,0.9);
    }
    .BannerInner .bannerandcrum .BannerInner_content h2 br{ display: none;}
    .aboutoverview .over-cont-box ul li{ width: 100%; margin-bottom: 25px;}


    /***************Contact Us******************/
    .contactMap_wrp .mapaddress {
        position: relative;
        left: 15px;
        top: 56px;
        width: calc(100% - 30px);
    }
    .contactMap_wrp {
        margin-top: -100px;
    }
    /******************Career******************/

    .opening-serch .serchbox{ width: 100%;}
    .careerbanner .BannerInner_img{ min-height: 350px;}
    .opninghed_wrap::before {
        width: 45px;
        height: 45px;
        left: 5px;
        top: -50px;
    }
    .opninghed_wrap::after {
        width: 45px;
        height: 45px;
        right: 0;
        bottom: -35px;
    }
    .btnviewjobs{ width: 80%;}
    .openinglist-wrp{ margin: 10px 0;}


    /******************************Job Details ********************************/
    .jobdetail_about{ padding-bottom: 40px;}
    .header_job_details .rowhead h2{ margin-bottom: 12px;}
    .header_job_details .rowhead .sharebox li img{ width: 24px;}
    .cvgroup{ margin-bottom: 5px;}


    .video-play-button{ width: 16px; height: 14px;}
    .video-play-button:after{ width: 40px; height: 40px;}
    .video-play-button:before{ width: 50px; height: 50px;}
    .video-play-button span{border-left: 10px solid #c28177; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
    .BannerInner .bannerandcrum .BannerInner_content h4{margin-top: 25px; height: 50px;}
    .softhardRing .number-list{ width: 50px; height: 50px;}
    .softhardRing .number-list a {line-height: 50px; font-size: 20px;}
    .softhardRing{ padding: 22px;}
    .softhardRing .number-list span {
        font-size: 11px;
        padding: 6px 10px;
        width: auto;
        height: 35px;
        line-height: 28px;
        margin: 8px 0;
    }
    .popclose{ top: 80px; right: 20px;}
    .rf_deploybox ul li{ padding: 10px 0;}
    .headingpop h2{ font-size: 26px; line-height: 32px;}
    .headingpop h2 br{ display: none;}
    .site_serveyitems p{ font-weight: 300;}
    .site_serveyitems h4{ font-size: 18px;}
    .rf_deploybox .rf_deployimg img{ max-width: 100%;}
    .solar_boxsec{ padding: 20px 20px 0 20px; margin: 20px 0;}
    .headingmain h3{ font-size: 20px; line-height: 28px;}
    .sms_corewrp .content_wrk ul li h5, .nic_card ul li h5 {
        font-size: 15px;
        line-height: 24px;
        font-weight: 400;
    }
    .sms_corewrp .content_wrk ul li{
        padding: 15px 0px; border-bottom: 1px dashed #ababab;
    }
    .nic_card{ flex-wrap: wrap;}
    .sssm-card .imgNic {
        margin-right: 0px;
        margin-top: 20px; order: 2;
    }
    .nic_card{ padding: 0;}
    .nic_card .nic_content{ width: 100%;}
    .nic_card .headingpop{ text-align: center;}
    .siteslider{ padding-bottom: 40px;}
    .siteslider .contnt h5 span {
        width: 40px;
        height: 40px;
        font-size: 20px; margin-top: 5px;
        line-height: 40px;}
        .solutionpoptop .poptop-sec{ padding-bottom: 40px;}
        .rowmaint ul{ flex-wrap: wrap;}
        .rowmaint ul li{ padding: 5px 0; border-right: 0px dashed #72c2ff; border-bottom: 1px dashed #72c2ff;}
        .solr_maintenance .biogimg{ padding: 0px;}
        .nic_card .imgNic{ margin: 0; order: 2;}
        .fms_application{ margin: 50px 0 0 0; padding: 30px 15px 0 15px;}
        .sms-fms .site_serveyitems{margin-top: 15px; min-height: 75px; padding: 10px;}
        .fms_application .col-lg-7 {
            padding-right: 15px;
        }
        .systematic{ padding-bottom: 0; padding-top: 0px;}


        /*********Blog*******/
        .header_breadcrumbs.black{ padding: 25px 0 20px 0;}
        .blogSlider .bsitems .contntbox a {
            font-size: 18px;
            line-height: 20px;}
            .blogcard{ width: calc(50% - 10px);}

            .dropdownslt{order: -1; margin-bottom: 10px;
            margin-left: calc(100% - 180px);}



            .partnerlistsall .partner-item {
              height: 36px;
              margin: 15px 15px;
          }

          .tab-system-ctnr .tabs a{font-size: 13px; margin: 5px;}
          .tabbingGrid .tab-system-ctnr .tabs a span{ display: none;}
          .tabbingGrid .tab-system-ctnr .tabs a{ padding: 8px 14px; margin: 5px;}

          .temwork .imgslide img{ height: 200px;}

          .partwithpro{flex-wrap: wrap;}
          .partwithpro img {
            order: 0;
            max-width: 100%;
        }
        .partwithpro .contentbx {
          padding: 25px 15px;
      }
      .partnertop .partner-cont-box ul{flex-wrap: wrap; padding: 35px 0;}
      .partnertop .partner-cont-box ul li {
        padding: 15px 0px;
        margin: 0 30px;
        border: 0px;
        border-bottom: 1px solid #fff; width: 100%;
    }
    .partnertop .partner-cont-box ul li:last-child{ border: 0px; width: 100%;}

}



@media only screen and (max-width:599px) 
{
.keypro_box {
    width: calc(100% - 172px);
    margin-left: 30px;
}
.sliderkey .slick-nav {
    left: -172px;
}

.gris-prewrp .sixitems .site_serveyitems p {
  margin-right: 0;
}
.remcom_wrp .rec_row {
    margin: 16px 0 0 0;
}
.remcom_wrp .rec_row:last-child {
    width: 100%;
}
.remcom_wrp .rec_row:last-child .reitems .bimgbox {
    height: 276px !important;
}
.remcom_wrp .rec_row:first-child .reitems .bimgbox {
    height: 180px;
}
.overviewRimg, .overviewRimg img {
    width: 100%;
}

}



@media only screen and (max-width:479px) 
{
    .bg-bondigray { font-size: 12px; }

    /***************Solution Page***************/
    .solutionoverview .solu-cont-box ul li p{ font-size: 11px; line-height: 16px;}
    .solutionoverview .solu-cont-box ul li img {width: 35px; height: 35px;}
    .solutionoverview .soRimg img, .solutionoverview .soLimg img{ width: 100%; margin-bottom: 20px;}
    .blogcard{ width: calc(100%);}
    .blog_recombox{max-width: 100%;}
    .blog_recom .reitems .contntbox a {
        line-height: 18px; font-size: 15px;
    }
    .blog_recom .reitems .contntbox p {
        margin-bottom: 0;
    }
    .blog_recom .reitems .contntbox {
        padding: 0 12px 12px 12px;
    }

    .gris-prewrp .sixitems .site_serveyitems{ width: calc(50% - 10px);}
    .site_serveyitems{padding: 15px;}
}