@font-face { font-family: 'RobotoBold';  font-weight: bold;  font-style: normal;  src: url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff');}
@font-face { font-family: 'RobotoRegular';  font-weight: normal; font-style: normal;  src: url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff');}
@font-face { font-family: 'RobotoMedium';  font-weight: 500; font-style: normal;  src: url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff');}
@font-face {
 font-family: 'NimbusSanLBold'; font-weight: bold;  font-style: normal;
 src: url('../fonts/NimbusSanL-Bol-webfont.woff') format('woff');
}
@font-face {
 font-family: 'NimbusSanLRegular'; font-weight: regular;  font-style: normal;
 src: url('../fonts/NimbusSanL-Reg-webfont.woff') format('woff');
}
@media (min-width: 1500px){ .container{ max-width:1440px!important;} }





/********** Template CSS **********/
.bodybgaboutus {background-color:#f9f9f9;}
.bgwhite {background-color:#ffffff;}

.shadow-sm {
 box-shadow: none !important;
}
.gotop {
 border-radius: 15%;
 color: #ffffff;
 background-color: #18954F ;
 border-color: #18954F ;
 box-shadow: rgb(0 0 0 / 9%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 4px 2px, rgb(0 0 0 / 9%) 0px 8px 4px, rgb(0 0 0 / 9%) 0px 16px 8px, rgb(0 0 0 / 9%) 0px 32px 16px;
}
.back-to-top {
 position: fixed;
 display: none;
 right: 20px;
 bottom: 35px;
 z-index: 99;
}
.topicon {
 line-height: 2.5!important;
 vertical-align: -9px !important;
}
/**** whatsapp chat icon ****/
.whtsapp-icon {
 position: fixed;
 right: 80px;
 bottom: 32px;
 z-index: 120;
 
 -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: 250ms color;
  -webkit-transition: 250ms color;
  -moz-transition: 250ms color;
  -ms-transition: 250ms color;
  -o-transition: 250ms color;
 animation-name: wave;
 animation-duration: 1s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
}
@keyframes wave {
  0% {box-shadow: 0 0 0px 0px rgba(85, 150, 108, 0.5);}
  100% {box-shadow: 0 0 0px 15px rgba(85, 150, 108, 0);}
}
/*** Spinner ***/
#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;}
#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible;opacity: 1;}
/*** Boxpadding ***/
.boxpadding {padding-bottom: 24px;}
/*** Button ***/
.btn {font-weight: 500;transition: .5s;}
.a:hover {color: none;text-decoration: none;}
.btn.btn-primary,
.btn.btn-outline-primary:hover {
 color:#FFFFFF;
 background-color:#01AEF2!important;
 border-color:#01AEF2!important;
}
.btn-square {
 width: 30px;
 height: 30px;
}
.btn-sm-square {
 width: 32px;
 height: 32px;
}
.btn-lg-square {
 width: 48px;
 height: 48px;
}
.btn-square,
.btn-sm-square,
.btn-lg-square {
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: normal;
}
.btn-outline-light {
 font-size: 15px;
 color: #ffffff;
 border-color: #FFFFFF;
 border-radius: 50%;
 background-color: #00B25C;
 line-height: 13px; 
}
.btn-outline-light:hover {
 color: #FFFFFF;
 border-color: #4A7DBC;
 background-color: #4A7DBC;
 transition: .9s ease all;
}
/*** navbar starts ***/
.shadow-sm {box-shadow: none!important;}
.bgtopcontact{/* background-color:#4A7DBC; */background-image: linear-gradient(to right, #00b25c, #00ac93, #00a0ba, #0090c8, #4a7dbc);}
.bgtopcall {background-color:#FFFFFF;}
.ttopcontacts {
 font-family: "Mulish", sans-serif;
 color: #00B25C;
 font-size: 16px;
 font-weight: 600;
 display: inline-block;
 vertical-align: middle;
}
.ttopcontacts:hover { color: #4A7DBC;transition:0.9s ease all;}
.text-primary {
 color: #FFFFFF !important;
}
.navbar .sticky-top {top: -100px;transition: .5s;}
.navbar .navbar-nav .nav-link {
 font-family: "Mulish", sans-serif;
 margin: 0px 24px 0px 45px;
 color: #09213F;
 font-size: 16px;
 font-weight: 600;
 text-transform: uppercase;
 outline: none;
 padding: 0px;
}
.navbar .navbar-nav .nav-link:hover ,
.navbar .navbar-nav .nav-link.active { color:#00B25C !important; }
.dropdownmenuhead {
 font-family: "Mulish", sans-serif;
 padding: 0px;
 color: #000000;
 font-size: 16px;
 font-weight: 500;
 outline: none;
}
.hover-underline-animation {
 display: inline-block;
 position: relative;
}
.hover-underline-animation:hover:after {
 transform: scaleX(1);
 transform-origin: bottom left;
}
.hover-underline-animation:after {
 content: '';
 position: absolute;
 width: 100%;
 transform: scaleX(0);
 height: 2px;
 bottom: 0px;
 left: 0;
 background-color: #18954F;
 transform-origin: bottom right;
 transition: transform 0.25s ease-out;
}

.dropdown-menu{border-radius:0;border-color:#18954F;padding:10px 10px;}

.dropdown-menu .dropdown-item {
 font-family: "Mulish", sans-serif;
 font-size: 17px;
 color: #000000;
 font-weight: 500;
 border-bottom: 1px dashed #18954F;
 padding: 0px!important;
 line-height: 45px;
}
.dropdown-menu .dropdown-item:hover{
 color: #18954F!important;
 background-color:#FFFFFF!important;
}
.dropdown-menu.active, .dropdown-item:active {
 color: #ffffff;
 text-decoration: none;
 background-color: #18954F!important;
}
.navbar .dropdown-toggle::after {
 border: none;
 content:"\f282";
 font-family: none;
 font-weight: none;
 vertical-align: none;
 margin-left: none;
}
.navbar .nav-item .dropdown-menu {
 display: block!important;
 margin-top:0;
 left:26%!important;
 top:150%;
 opacity:0;
 visibility:hidden;
 transition:0.5s;
 z-index:1;
 padding: 20px;
 width: 150%!important;
 }
.navbar .nav-item:hover .dropdown-menu {
 top: 100%;
 visibility: visible;
 transition: .5s;
 opacity: 1;
 background-color:#FFFFFF;
}
.dropdown-toggle::after {
 display: inline-block;
 margin-left: 0.255em;
 vertical-align: 0.255em;
 content: none;
 border-top: 0.3em solid;
 border-right: 0.3em solid transparent;
 border-bottom: 0;
 border-left: 0.3em solid transparent;
}


@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {	
.navbar .navbar-nav .nav-link {
 margin: 0px 15px 0px 60px;
 font-size: 14px;
}
.ttopcontacts {font-size: 14px;}
.navbar .nav-item .dropdown-menu {width: 150%!important;}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1399px) {	
.navbar .navbar-nav .nav-link {
 margin: 0px 15px 0px 55px;
 font-size: 14px;
}
.ttopcontacts {font-size: 14px;}
.navbar .nav-item .dropdown-menu {width: 150%!important;}
}
@media only screen and (min-device-width : 1400px) and (max-device-width : 1599px) {	
.navbar .navbar-nav .nav-link {
 margin: 0px 13px 0px 60px;
 font-size: 16px;
}
.ttopcontacts {font-size: 16px;}
}
/******** navbar ends ********/
/************************ desktop Navbar & Mega menu Starts 
/************ mobile nav starts ***********/
.sticky-top{position: sticky;top: 0;z-index: 1020;}
.mobilelogo{background-color:#ffffff;}
.mobmenustyle a, .mobmenulabel{
 font-family: "Mulish", sans-serif;
 font-size: 15px;
 color: #FFFFFF;
 font-weight: 500;
 cursor: pointer;
 outline: none;
 text-align: left!important;
 display: block;
 top: 10px;
 padding: 0 20px;
 line-height: 40px;
 text-decoration: none;
} 
.menu{
 position: absolute;
 top: 0;
 left: 0;
 background:#4A7DBC;
 width: 240px;
 height:1000px;
 transform: translate3d(-240px, 0, 0);
 transition: transform 0.35s;
 z-index:2;
}
.menu-toggle { 
 position: absolute ;   
 right: -60px;
 width: 60px;
 height: 61px;
 top: 0;
 line-height: 0px  ;  
 display: block;
 padding: 0;
 text-indent: -9999px;
 background: #fff url(../img/icon-hamburger.jpg) 50% 50% / 25px 25px no-repeat;
}
.mobmenustyle
 li
   >  .mobsubmenu{
  background: url(../img/icon-mobarrow.png) 95% 50% / 16px 16px no-repeat;
}
.mobmenustyle{
 list-style-type:none;
 padding-left: 0rem;
}
.menuhead{
 font-family: "Mulish", sans-serif;
 font-size:16px;
 text-align:center;
 padding-top:10px;
 color:#FFFFFF;
 font-weight: 500;
}
/* hide inputs */    
.menu-checkbox{display: none;}
/* hide navigation icon for sublabels */ 
.menu .menu label.menu-toggle{background: none;} 
/* fade in checked menu */ 
.menu-checkbox:checked + .menu{
  transform: translate3d(0, 0, 0);
}
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
.menuhead{font-size:16px;}
.btn-lg-square {
 width: 42px;
 height: 42px;
}
.btn-outline-light {
 color: #ffffff;
 border-color: #ffffff;
 border-radius: 50%;
}
.topicon {
 line-height: 1!important;
 vertical-align: -5px !important;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
.btn-outline-light {
 color: #ffffff;
 border-color: #ffffff;
 border-radius: 50%;
}
.btn-lg-square {
 width: 42px;
 height: 42px;
}
.topicon {
 line-height: 1!important;
 vertical-align: -5px !important;
}
}
/************ mobile nav ends ***********/
/********* banner starts ***********/
.carouselhead{
 position: absolute;
 color: black;
 left:13%;
 animation-delay: 0s;
 bottom: 53%;
}
.carouselsubhead{
 position: absolute;
 color: black;
 left:13%;
 animation-delay: 0s;
 bottom: 42%;
}
.carouselsubhead1{
 position: absolute;
 color: black;
 left:13%;
 animation-delay: 0s;
 bottom: 33%;
}
.carouselhead h1{
 font-family: 'Encode Sans Condensed', sans-serif;
 color:#FFFFFF;
 font-size: 87px;
 font-weight: 700;
 line-height:95px;
}
.carouselsubhead h1{
 font-family: 'Encode Sans Condensed', sans-serif;
 color:#FFFFFF;
 font-size: 87px;
 font-weight: 700;
 line-height:95px;
}
.carouselsubhead1 h1{
 font-family: 'Encode Sans Condensed', sans-serif;
 color:#ffffff;
 font-size: 20px;
 font-weight: 400;
 line-height:30px;
}
.bannertopline {
 position: absolute;
 left:13%;
 animation-delay: 0s;
 bottom: 40%;

}
.bannerdivtext{
 position: absolute;
 right:0%;
 animation-delay: 0s;
 bottom: 0%;
 background-color:#FFFFFF;
 width:40%;
 width: 35%;
 padding: 30px;
}
.tbannerdivhead{
 font-family: 'Encode Sans Condensed', sans-serif;
 color:#09213F;
 font-size: 36px;
 font-weight: 300;
 line-height:45px;
}
.tbannerdivsubhead{
 font-family: 'Encode Sans Condensed', sans-serif;
 color:#09213F;
 font-size: 36px;
 font-weight: 300;
 line-height:41px;
}
.bannerdivline{
 width: 5%;
 height: 2px!important;
 opacity: 1;
 color: #18954F;
}
.tbannerdivtext{
 font-family: 'Encode Sans Condensed', sans-serif;
 color:#09213F;
 font-size: 16px;
 font-weight: 400;
 line-height:24px;
}
.tbannerdivtext:hover{color:#18954F;}


.scrolldown{
 position: absolute;
 left:  12.2%;
 animation-delay: 0s;
 bottom: 0%;
}
.tscrolldowntext{
 font-family: 'Encode Sans Condensed', sans-serif;
 color:#FFFFFF;
 font-size: 12px;
 font-weight: 400;
 line-height:24px;
 writing-mode: vertical-rl;
 text-transform:uppercase;
 letter-spacing:2px;
}

@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {
.carouselhead h1{font-size: 40px; line-height: 60px;}
.carouselsubhead h1 {font-size: 40px;line-height: 50px;}
.carouselsubhead1 h1 {font-size: 15px;line-height: 20px;}
.carouselhead {bottom: 53%;}
.carouselsubhead {bottom: 45%;}
.carouselsubhead1 {bottom: 35%;}
.carouselsubhead2 {bottom: 28%;}
.bannertopline {bottom: 74%!important;}
.bannerbottomline {bottom: 30%!important;}
.tbannerdivhead {font-size: 30px;line-height: 35px;}
.tbannerdivsubhead {font-size: 30px;line-height: 35px;}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1399px) {
.carouselhead h1{font-size: 50px; line-height: 60px;}
.carouselsubhead h1 {font-size: 50px;line-height: 50px;}
.carouselsubhead1 h1 {font-size: 15px;line-height: 25px;}
.carouselhead {bottom: 54%;}
.carouselsubhead {bottom: 45%;}
.carouselsubhead1 {bottom: 33%;}
.bannertopline {bottom: 42%!important;width: 35%;}
.tbannerdivhead {font-size: 30px;line-height: 35px;}
.tbannerdivsubhead {font-size: 30px;line-height: 35px;}
}
@media only screen and (min-device-width : 1300px) and (max-device-width : 1399px) {
.bannertopline {
 bottom: 42%!important;width: 32%;
}
.carouselsubhead {bottom: 45%;}
}
@media only screen and (min-device-width : 1400px) and (max-device-width : 1599px) {
.carouselhead h1{font-size: 55px; line-height: 65px;}
.carouselsubhead h1 {font-size: 55px;line-height: 60px;}
.carouselsubhead1 h1 {font-size: 20px;line-height: 30px;}
.carouselhead {bottom: 53%;}
.carouselsubhead {bottom: 43%;}
.carouselsubhead1 {bottom: 30%;}
.bannertopline {bottom: 38%!important;}
}
@media only screen and (min-device-width : 1600px) and (max-device-width : 1799px) {
.carouselhead h1 {font-size: 70px;}
.carouselsubhead h1 {font-size: 70px;}
.carouselsubhead{bottom: 41%;}
.carouselsubhead1 {bottom: 31%;}
.bannertopline {bottom: 38%!important;}
} 
/********* banner starts ***********/
/**************** home welcome starts **********************/ 
.twelcomehead{
 color:#ffffff;
 font-family: "Mulish", sans-serif;
 font-size: 16px;
 line-height: 26px;
 font-weight: 700;
}
.twelcomesubhead{
 font-family: "Mulish", sans-serif;
 font-size: 52px;
 line-height: 60px;
 color:#fff;
 font-weight: 700;
}
.twelcometext{
 font-size:17px!important;
 line-height:28px!important;
 color:#fff!important;
 font-family: "Mulish", sans-serif;
 font-weight: 500;
}
.twelcomesubheading01{
 font-size: 20px;
 line-height: 26px;
 color:#fff;
 font-family: "Mulish", sans-serif;
 font-weight: 700;
}
.welcomebg{background: #4A7DBC;}
.section_header {margin-top: 0;}
.section_header .shadow_icon {margin-bottom: 20px;}
.aboutleftimg {
 position: relative;
 z-index: 9;
}
.leftimage {
 position: relative;
 overflow: hidden;
}
.bgdotimg img {
 position: absolute;
}
.bgdotimg img:first-child {
 top: 120px;
 right: 26px;
 animation: gruopimg-move1 4s infinite;
}
.bgdotimg img:nth-child(2) {
 bottom: 89px;
 left: 43%;
 transform: translateX(-10%);
 animation: gruopimg-move1 4s infinite;
}
.bgdotimg img:nth-child(3) {
 bottom: 90px;
 right: 25px;
 transform: translateX(10px);
 animation: gruopimg-move1 4s infinite;
}
.bgdotimg img:nth-child(4) {
 top: 0;
 left: 0;
 width: 40%;
}
@keyframes gruopimg-move1 {
0% {
 transform: scale(1);
}
50% {
 transform: scale(0);
}
100% {
 transform: scale(1);
}
}
.expe_box {
 position: absolute;
 left: -30px;
 bottom: 90px;
 background: var(--second-color);
 color: var(--white-color);
 font-size: 18px;
 font-weight: 500;
 line-height: 22px;
 width: 150px;
 height: 140px;
 text-align: center;
 display: table;
}
.expe_box h1 {
 font-size: 48px;
 font-weight: 800;
 color: #fff;
}
.expe_box .expe_box_inner {
 display: table-cell;
 vertical-align: middle;
 z-index: 1;
 position: relative;
 background: #01B15C;
 width: 150px;
 height: 140px;
 line-height: 22px;
 color: #fff;
}
.expe_box::after {
 content: '';
 position: absolute;
 left: 20px;
 width: 100px;
 height: 100px;
 background: #12c76f;
 top: -44px;
 transform: rotate(50deg);
 z-index: -1;
}
.experience_content_margin .section_header {
 margin-bottom: 50px;
}
.aboutcontent {
 margin-bottom: 30px;
}
.section_desc {
 color: #6E7A7A;
 margin: 0;
}
.short_detail {
 font-family: "Mulish", sans-serif;
 background: #F2F7F7;
 font-size: 14px;
 font-weight: 600;
 line-height: 24px;
 letter-spacing: -.2px;
 padding: 10px 30px 10px 20px;
 border-left: 5px solid var(--second-color);
 margin-bottom: 15px;
}
.section_call {
 margin-top: 40px;
 padding-top: 40px;
 display: flex;
 border-top: 1px solid #CACFEB;
 align-items: center;
 width: 85%;
}
.call_info {
 margin-left: 20px;
}
.call_info p {
 font-size: 17px;
 line-height: 28px;
 font-weight: 600;
}
.call_info p span {
 color: var(--second-color);
}
.call_info h4 {
 color: var(--heading-color);
 font-weight: 800;
 line-height: 32px;
 font-size: 24px;
 margin-top: 10px;
}
.call_info h4 span {
 color: var(--second-color);
}
.about_below {
 display: flex;
 justify-content: space-between;
 margin-top: 30px;
}
.about_below_content {
 display: flex;
 width: 100%;
}
.about_below_content_text {
 margin-left: 20px;
 width: 72%;
}
.about_below_content_text p {
 color: #979A9F;
 margin-top: 3px;
 font-size: 17px;
 line-height: 28px;
}
.about_below_content i {
 background: #00b25c;
 color: #ffffff;
 width: 56px;
 height: 56px;
 text-align: center;
 line-height: 55px;
 font-size: 32px;
}
.about_below_content i::before {
 font-weight: 700;
}
.video_welcomebtn a {
 position: relative;
 width: 60px;
 height: 60px;
 line-height: 60px;
 display: inline-block;
 text-align: center;
 border-radius: 100%;
 font-size: 20px;
 color: #fff;
 background: var(--second-color);
}
.video_welcomebtn a i {
 position: relative;
 margin-left: 5px;
}
.video_welcomebtn a:before {
 content: "";
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 display: block;
 width: 60px;
 height: 60px;
 z-index: -1;
 background: var(--second-color);
 border-radius: 100%;
 animation: pulse-border 1500ms ease-out infinite;
}
.video_welcomebtn span {
 font-family: "Mulish", sans-serif;
 font-size: 16px;
 font-weight: 700;
 color: var(--dark-color);
 margin-left: 15px;
}
.appoint {
 position: relative;
 color: var(--dark-color);
 font-weight: 700;
 margin-top: 30px;
 display: inline-block;
}
.appoint span {
 color: var(--second-color);
}
.appoint:after {
 content: '';
 position: absolute;
 background: #ffe9e9;
 width: 100%;
 height: 12px;
 left: 0;
 bottom: -3px;
 z-index: -1;
}
.welcomebtn {
 border-radius: 0;
 font-size: 18px;
 text-transform: capitalize;
 font-weight: 600;
 line-height: 30px;
 position: relative;
 min-width: 200px;
 display: inline-block;
 font-family: "Mulish", sans-serif;
 font-size: 18px;
 line-height: 26px;
 font-weight: 500;
 letter-spacing: 0px;
 text-align: center;
 text-decoration: none;
 outline: none;
 padding: 16px 30px;
 background: #00B25C;
 color: #fff;
 border: 2px solid transparent;
 border-radius: 0;
 overflow: hidden;
 cursor: pointer;
 backface-visibility: hidden;
 transition: all 0.5s ease;
}
.welcomebtn:hover {
 background-image: linear-gradient(to right, #00b25c, #00ac93, #00a0ba, #0090c8, #4a7dbc);
 background-repeat:no-repeat;
 color: #fff;
 transition: all 0.5s ease;
}
.about_below {
 display: block;
}
.about_below_content {
 margin-bottom: 30px;
}
.about_below_content:last-child {
 margin-bottom: 0;
}
.about_below_content img {
 width: 80px;
 height: 80px;
 padding: 17px;
 margin-right: auto;
 background: var(--white-color);
 box-shadow: 0px 0px 9px 5px rgba(229, 229, 229, 0.5);
 border-radius: 5px;
}
/**************** home welcome ends **********************/

/***************** vision and mission starts ****************/
.visionmissionbg{
 background-image: url(../img/visionmissionbg.jpg);
 background-repeat:  no-repeat;
 background-position: left!important;
 background-color : #F4F7FE;
 container:cover;	
}
.vision-item {
 padding: 48px;
 padding-bottom: 42px;
 transition: 0.4s;
 border: 1px solid #FFFFFF;
 position: relative;
 z-index: 1;
 overflow: hidden;
 background-color:#FFFFFF;
}
.vision-item::before {
 position: absolute;
 content: "";
 top: -112px;
 right: -112px;
 background: #FFFFFF;
 width: 224px;
 height: 224px;
 border-radius: 50%;
 transition: 0.4s;
 opacity: 0;
}
.vision-item-icon {
 margin-bottom: 25px;
 position: relative;
}
.vision-item-icon-one {
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 transition: 0.4s;
 z-index: 1;
}
.tvisionhead {
 font-family: "Mulish", sans-serif;
 font-size: 24px;
 color: #000000;
 font-weight:700;
 line-height:35px;
 margin-bottom: 13px;
}
.tvisiontext {
 font-family: "Mulish", sans-serif;
 font-size: 16px;
 color: #656565;
 font-weight:200;
 line-height:23px;
}
.tservicesreadmore{
 font-family: "Mulish", sans-serif;
 font-size: 16px;
 color: #656565;
 font-weight:700;
 line-height:23px; 
}
.tservicesreadmoreicon{
 font-size: 23px;
 line-height: 8px;
 vertical-align: middle;
}
.vision-item:hover {
 background: #00B25C;
 border-color: #00B25C;
 transform: translateY(-10px);
}
.vision-item:hover::before {
 opacity: 0.1;
}
.vision-item:hover .tvisionhead {color:#FFFFFF;}
.vision-item:hover .tvisiontext {color:#FFFFFF;}
.vision-item:hover .tservicesreadmore {color: #FFFFFF;}

.vision-item:hover .vision-item-icon img {
 -webkit-animation: rotateY 0.6s;
 animation: rotateY 0.6s;
}
.vision-item:hover .vision-item-icon-one {
 opacity: 1;
}
.vision-item-icon img {
 transform: rotateY(0);
}

@keyframes rotateY{
100% {transform: rotateY(360deg);}
}


/******************  vision and mission ends   ********************/

/*-- project management starts --*/

.projects-area {
  background-color: #fff;
}
.projectbox {
 position: relative;
 background-color: #e6e3e3;
 z-index: 1;
 -webkit-transition: 0.5s all ease;
 transition: 0.5s all ease;
}
.projectbox:before {
 position: absolute;
 content: '';
 width: 100%;
 height: 0;
 left: 0;
 bottom: 0;
 background-color:#189650;
 z-index: -1;
 -webkit-transition: 0.5s all ease;
 transition: 0.5s all ease;
}
.projectbox:hover {
 -webkit-transform: translate(0, -10px);
 transform: translate(0, -10px);
}
.projectbox:hover:before {
 height: 100%;
}
.projectbox:hover .tsubheading{
 color: #fff;
}
.projectbox:hover h3 a {
 color: #fff;
}
.projectbox:hover p {
 color: #fff;
}
.projectbox:hover .projects-btn {
 color: #fff;
}
.projectbox img {
 position: absolute;
 z-index: -1;
}
.projectbox img:nth-child(1) {
 top: 0;
 right: 0;
}
.projectbox img:nth-child(2) {
 right: 0;
 bottom: 0;
}
.projectbox h3 a {
 color: #fb2448;
}
.projectbox h3 a:hover {
 color: #011a41;
}
.projectbox p {
 margin-bottom: 14px;
 -webkit-transition: 0.5s all ease;
 transition: 0.5s all ease;
}

/*-- project management ends --*/


/*-------------------- inner classes start ----------------------*/
.theading{
 font-family: "Mulish", sans-serif;
 font-size:16px;
 font-weight:700;
 line-height:25px;
 color:#4A7DBC;
 text-transform:uppercase;
}
.tsubheading{
 font-family: "Mulish", sans-serif;
 font-size:30px;
 font-weight:700;
 line-height:35px;
 color:#000;
}
.tsubheading01{
 font-family: "Mulish", sans-serif;
 font-size:30px;
 font-weight:700;
 line-height:35px;
 color:#000;
}
.tsubheadingwhite{
 font-family: "Mulish", sans-serif;
 font-size:30px;
 font-weight:700;
 line-height:35px;
 color:#fff;
}
.ttext{
 font-family: "Mulish", sans-serif;
 font-size: 18px;
 color: #09213F;
 line-height: 35px;
 font-weight:400;
 text-align:justify;
}
.ttext a:hover{color:#00B25C;}
.ttextwhite {
 font-family: "Mulish", sans-serif;
 font-size: 18px!important;
 line-height: 35px!important;
 color: #fff!important;
 font-weight: 400;
}
 
/************* About us starts *******************/
 
/************* About - why choose us starts *******************/
.whychooseusbg {
 background-image: url(../img/whychooseusbg.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}
.whychoose_below {
 justify-content: space-between;
 margin-top: 30px;
}
.whychoose_below_content {
 display: flex;
 width: 100%;
}
.whychoose_below_content_text {
 margin-left: 20px;
 width: 72%;
}
.whychoose_below_content_text p {
 color: #979A9F;
 margin-top: 3px;
 font-size: 17px;
 line-height: 28px;
}
.whychoose_below_content i {
 background: #4A7DBC;
 color: #ffffff;
 width: 56px;
 height: 56px;
 text-align: center;
 line-height: 55px;
 font-size: 32px;
}
.whychoose_below_content i::before {
 font-weight: 700;
} 
/************* About - why choose us ends *******************/

.services__one-item {
 padding: 48px;
 padding-bottom: 42px;
 transition: 0.4s;
 border: 1px solid #FFFFFF;
 position: relative;
 z-index: 1;
 overflow: hidden;
 background-color:#FFFFFF;
}
.services__one-item::before {
 position: absolute;
 content: "";
 top: -112px;
 right: -112px;
 background: #FFFFFF;
 width: 224px;
 height: 224px;
 border-radius: 50%;
 transition: 0.4s;
 opacity: 0;
}
.services__one-item-icon {
 margin-bottom: 25px;
 position: relative;
}
.services__one-item-icon-one {
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 transition: 0.4s;
 z-index: 1;
}
.tvisionhead {
 font-family: "Mulish", sans-serif;
 font-size: 24px;
 color: #000000;
 font-weight:700;
 line-height:35px;
 margin-bottom: 13px;
}
.tvisiontext {
 font-family: "Mulish", sans-serif;
 font-size: 16px;
 color: #656565;
 font-weight:200;
 line-height:23px;
}
.tservicesreadmore{
 font-family: "Mulish", sans-serif;
 font-size: 16px;
 color: #656565;
 font-weight:700;
 line-height:23px; 
}
.tservicesreadmoreicon{
 font-size: 23px;
 line-height: 8px;
 vertical-align: middle;
}
.services__one-item:hover {
 background: #00B25C;
 border-color: #00B25C;
 transform: translateY(-10px);
}
.services__one-item:hover::before {
 opacity: 0.1;
}
.services__one-item:hover .tvisionhead {color:#FFFFFF;}
.services__one-item:hover .tvisiontext {color:#FFFFFF;}
.services__one-item:hover .tservicesreadmore {color: #FFFFFF;}

.services__one-item:hover .services__one-item-icon img {
 -webkit-animation: rotateY 0.6s;
 animation: rotateY 0.6s;
}
.services__one-item:hover .services__one-item-icon-one {
 opacity: 1;
}
.services__one-item-icon img {
 transform: rotateY(0);
}
@keyframes rotateY{
100% {transform: rotateY(360deg);}
}
 
/************* About us ends *******************/
 
/*********************** our projects starts **************************/
.ourprojectsbg{
 background-image: linear-gradient(to right, #00b25c, #00ac93, #00a0ba, #0090c8, #4a7dbc);
 background-position:center;
}
.tprojectshead{
 font-family: "Mulish", sans-serif;
 color:#FFFFFF;
 font-size: 16px;
 line-height: 26px;
 font-weight: 700; 
}
.tprojectssubhead{
 font-family: "Mulish", sans-serif;
 font-size: 52px;
 line-height: 60px;
 color: #fff;
 font-weight: 700;
}
.hover-mask a {
 display: block;
 position: relative;
 overflow: hidden;
}
.hover-mask img {
 width: 100%;
 height: auto;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out; 
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.hover-mask:hover img {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 -ms-transform: scale(1.2);
 transform: scale(1.2);
}
.hover-mask a h2 {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 margin-top: 0px;
 margin-bottom: 0px;
 height: 100%;
 width: 100%;
 padding: 45% 20px;
 text-align: center;
 background-color: #ffffff5e;
 -webkit-transition: all 0.5s linear;
 -moz-transition: all 0.5s linear;
 -o-transition: all 0.5s linear;
 -ms-transition: all 0.5s linear;
 transition: all 0.5s linear;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
}
.hover-mask:hover a h2 {
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 opacity: 1;
 transition:0.9s ease all;
}
.hover-mask .glyphicon {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -o-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
 color: #fff;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
}
.hover-mask:hover .glyphicon {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
 filter: alpha(opacity=1);
 opacity: 1;
}
.glyphicon {
 position: relative;
 top: 170px;
 display: inline-block;
 font-family: 'Glyphicons Halflings';
 font-style: normal;
 font-weight: 400;
 line-height: 1;
 width:100%;
}
.tglyphiconhead{
 font-family: 'Encode Sans Condensed', sans-serif;
 font-size: 24px;
 font-weight: 700;
 color: #FFFFFF;
 line-height: 29px;
}
.tglyphiconsubhead{
 font-family: 'Encode Sans Condensed', sans-serif;
 font-size: 17px;
 font-weight: 400;
 color: #ffffff;
 line-height: 32px;
}
.tglyphiconsubhead:hover{color:#FFFFFF!important;}
.hrlineprojects{
 color: #fff!important;
 height: 2px!important;	
 opacity:1;
}
/*********************** our projects ends **************************/

.tclientshead{
 font-family: "Mulish", sans-serif;
 color:#4A7DBC;
 font-size: 16px;
 line-height: 26px;
 font-weight: 700; 
}
.tclientssubhead{
 font-family: "Mulish", sans-serif;
 font-size: 52px;
 line-height: 60px;
 color: #000000;
 font-weight: 700;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
.tprojectssubhead {
 font-size: 28px;
 line-height: 34px;
}
.tprojectshead {
    font-size: 16px;
line-height: 28px;}
.tprojectshead:before {
 left: 25%;
 width: 24px;
 height: 2px;
}
.tprojectshead:after {
 right: 25%;
 width: 24px;
 height: 2px;
}
.tglyphiconhead {
   font-size: 16px;
   line-height: 20px;
}
.tglyphiconsubhead {
 
  font-size: 14px;
  line-height: 19px;
}
.glyphicon {top: 95px;}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 767px) {
.glyphicon {
     top: 140px!important;
}
}
@media only screen and (min-device-width : 850px) and (max-device-width : 991px) {
.glyphicon {
     top: 162px!important;
}
}
@media only screen and (min-device-width : 991px) and (max-device-width : 1150px) {
.glyphicon {
     top: 108px!important;
}
}
@media only screen and (min-device-width : 1701px) and (max-device-width : 1800px) {
.glyphicon {
     top: 114px!important;
}
}
@media only screen and (min-device-width : 1441px) and (max-device-width : 1498px) {
.glyphicon {
     top: 92px!important;
}
}
@media only screen and (min-device-width : 1435px) and (max-device-width : 1440px) {
.glyphicon {
     top: 217px!important;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
.tprojectshead:before {height: 3px;left: 35%;}
.tprojectshead:after {height: 3px;right: 35%;}
.tprojectssubhead {
  
   font-size: 30px;
   line-height: 36px;
}
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {
.tprojectshead:before {left: 38%!important;}
.tprojectshead:after {right: 38%!important;}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1299px) {
.tprojectshead:before {height: 4px;left: 40%;}
.tprojectshead:after {height: 4px;right: 40%;}
.tglyphiconhead {font-size: 18px;}
.tglyphiconsubhead {font-size: 13px;letter-spacing: 1px;}
}
@media only screen and (min-device-width : 1300px) and (max-device-width : 1399px) {
.tprojectshead:before {height: 4px;left: 41%;}
.tprojectshead:after {height: 4px;right: 41%;}
.tglyphiconhead {font-size: 17px;}
.tglyphiconsubhead {font-size: 13px;letter-spacing: 1px;}
}
@media only screen and (min-device-width : 1400px) and (max-device-width : 1499px) {
.tprojectshead:before {height: 4px;left: 42%;width: 45px;}
.tprojectshead:after {height: 4px;right: 42%;width: 45px;}
.tglyphiconhead {    font-size: 19px;
    line-height: 26px;}
.tglyphiconsubhead {font-size: 13px;letter-spacing: 1px;    line-height: 19px;}
}
@media only screen and (min-device-width : 1500px) and (max-device-width : 1599px) {
.tprojectshead:before {height: 4px;left: 42%;width: 45px;}
.tprojectshead:after {height: 4px;right: 42%;width: 45px;}
.tglyphiconhead {font-size: 19px;line-height: 26px;}
.tglyphiconsubhead {font-size: 13px;letter-spacing: 1px;}
}
@media only screen and (min-device-width : 1499px) and (max-device-width : 1599px) {
.glyphicon {top: 90px;}
}
@media only screen and (min-device-width : 1600px) and (max-device-width : 1700px) {
.glyphicon {top: 101px;}
.tglyphiconhead {font-size: 19px;line-height: 26px;}
.tglyphiconsubhead {font-size: 15px;line-height: 22px;}
}
@media only screen and (min-device-width : 1800px) and (max-device-width : 1899px) {
.tprojectshead:before {height: 4px; left: 44%; width: 45px;}
.tprojectshead:after {height: 4px; right: 44%; width: 45px;}
}
 
 
/************ Project management starts ************/
.projecthead{
	font-family: "Mulish", sans-serif;
    position: relative; 
    font-size: 16px;
    font-weight: 400;
    color: #8D8D8D;
    line-height: 22px;
	border: 1px solid #8D8D8D;
    border-radius: 10px;
    padding: 3px 20px 3px 20px ;
    width: fit-content;
}
.projectsubhead{
	font-family: "Mulish", sans-serif;
    position: relative; 
    font-size: 42px;
    font-weight: 700;
    color: #09213F;
    line-height: 75px;
	
}

.projecttext {
    font-family: "Mulish", sans-serif;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: #09213F;
    line-height: 27px;
   

}
.projectviewmore{
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #09213F!important;
    line-height: 26px;

}
.explore{
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF!important;
    line-height: 30px;

}

.viewmoreicon{
	color:#18954F;
}
.projectmanagementbg{
	color:#F4F7F9;
}
.projectmanagementbox{
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	padding:30px;
	height: 465px;
}
.projectmanagementbox01{
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	padding:30px;
	height: 465px;
}
.projectmanagementbox02{
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	padding:30px;
	height: 465px;
}
.hrlineprojectmanagement{
	color:#9b9b9b;
	opacity: 1;
	
}
.hrlineprojectmanagement1{
	color:#9b9b9b;
	    opacity: 1;
	
}
.slick-list {
   
    padding: 30px!important;
}

 .projectmanagementbox:hover {
	
	/* background-image:url(img/projectimgbg.jpg); */background-image: linear-gradient(to right top, #00b25c, #00ac93, #00a0ba, #0090c8, #4a7dbc);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.projectmanagementbox01:hover {
	
	/* background-image:url(img/projectimgbg01.jpg); */background-image: linear-gradient(to right top, #00b25c, #00ac93, #00a0ba, #0090c8, #4a7dbc);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.projectmanagementbox02:hover {
	
	/* background-image:url(img/projectimgbg02.jpg); */background-image: linear-gradient(to right top, #00b25c, #00ac93, #00a0ba, #0090c8, #4a7dbc);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.projectmanagementbox:hover .projecthead {

      color: #fff!important;
      border: 1px solid #fff!important;
   
}
.projectmanagementbox01:hover .projecthead {

      color: #fff!important;
      border: 1px solid #fff!important;
   
}
.projectmanagementbox02:hover .projecthead {

      color: #fff!important;
      border: 1px solid #fff!important;
   
}


.projectmanagementbox:hover .projectsubhead {
   color: #ffffff;
   }
   .projectmanagementbox01:hover .projectsubhead {
   color: #ffffff;
   }
   .projectmanagementbox02:hover .projectsubhead {
   color: #ffffff;
   }
  
.projectmanagementbox:hover .projecttext {
    
    color: #fff;
   
}
.projectmanagementbox01:hover .projecttext {
    
    color: #fff;
   
}
.projectmanagementbox02:hover .projecttext {
    
    color: #fff;
   
}
.projectmanagementbox:hover .hrlineprojectmanagement {
    color: #ffffff;
    margin-top: 39px;
}
.projectmanagementbox01:hover .hrlineprojectmanagement {
    color: #ffffff;
    margin-top: 39px;
}
.projectmanagementbox02:hover .hrlineprojectmanagement {
    color: #ffffff;
    margin-top: 39px;
}
.projectmanagementbox .explore {
 display: none;
}
.projectmanagementbox01 .explore {
 display: none;
}
.projectmanagementbox02 .explore {
 display: none;
}
.projectmanagementbox:hover .explore{
 display: inline;
}
.projectmanagementbox01:hover .explore{
 display: inline;
}
.projectmanagementbox02:hover .explore{
 display: inline;
}
.projectmanagementbox:hover .viewmore {
 display: none;
}
.explore{
	color:#fff;
}
.projectmanagementbox01:hover .viewmore {
 display: none;
}
.explore{
	color:#fff;
}
.projectmanagementbox02:hover .viewmore {
 display: none;
}
.explore{
	color:#fff;
}
@media only screen and (min-device-width:1600px) and (max-device-width: 1700px){		
.projectsubhead {
    font-family: 'Encode Sans Condensed', sans-serif;
    position: relative;
    font-size: 30px;
    font-weight: 700;
    color: #09213F;
    line-height: 50px;
}
.projectviewmore {
    
    font-size: 14px;
   
}
.projectmanagementbox {
   
        height: 440px;
}
.projectmanagementbox01 {
   
    height: 440px;
}
.projectmanagementbox02 {
   
      height: 440px;
}
}
@media only screen and (min-device-width:1400px) and (max-device-width: 1500px){

.projectsubhead {
   
   font-size: 30px;
    line-height: 50px;
}
.projectviewmore {
   font-size: 14px;
   line-height: 22px;
}
.projectmanagementbox {
	
    height: 448px;
}
.projectmanagementbox01 {
    
      height: 448px;
}
.projectmanagementbox02 {
    
        height: 448px;
}
.projecttext {
  
    font-size: 17px;
 
}
}

@media only screen and (min-device-width:1299px) and (max-device-width: 1399px){

.projectsubhead {
   
   font-size: 30px;
    line-height: 50px;
}
.projectviewmore {
   font-size: 14px;
   line-height: 22px;
}
.projecttext {
   
    font-size: 17px;
    
}
.projectmanagementbox {
   
    height: 471px;
}
.projectmanagementbox01 {
   
    height: 471px;
}
.projectmanagementbox02 {
   
    height: 471px;
}
}

@media only screen and (min-device-width:1199px) and (max-device-width: 1299px){

.projectsubhead {
  
    font-size: 25px;
    line-height: 45px;
}
.projecttext {
  
   font-size: 14px;
   line-height: 20px;
    
}
.projectviewmore {
   
    font-size: 14px;
    
}
.explore {
   
    font-size: 14px;
    
}
.hrlineprojectmanagement {
   
    margin-top: 0px; 
}
.projectmanagementbox {
   
   height: 400px;
}
.projectmanagementbox01 {
   
    height: 400px;
}
.projectmanagementbox02 {
   
    height: 400px;
}
}
@media only screen and (min-device-width:992px) and (max-device-width: 1199px){

.projectsubhead {
    
    font-size: 25px;
    line-height: 42px;
    text-align: left!important;
}
.projecttext {
   
    font-size: 15px;
   line-height: 20px;
    
}
.projectviewmore {

    font-size: 14px;
    line-height: 22px;
}
.projectmanagementbox {
    
        height: 440px;
}
.projectmanagementbox01 {
    
    height: 440px;
}
.projectmanagementbox02 {
    
       height: 440px;
}
}
@media only screen and (min-device-width:768px) and (max-device-width: 991px){

.projectsubhead {
    
    font-size: 25px;
    line-height: 42px;
    text-align: left!important;
}
.projecttext {
   
    font-size: 15px;
   line-height: 20px;
    
}
.projectviewmore {

    font-size: 14px;
    line-height: 22px;
}
.hrlineprojectmanagement {
    color: #9b9b9b;
    margin-top: 0px; 
}
.projectmanagementbox {
    
    height: 395px;
}
.projectmanagementbox01 {
    
  height: 395px;
}
.projectmanagementbox02 {
    
   height: 395px;
}
}
 @media only screen and (min-device-width:320px) and (max-device-width:767px){
.projecthead {
 font-size: 14px;
 line-height:20px;
}
.projectsubhead {
 font-size: 20px;
 line-height: 30px;
}
.projecttext {
 font-size: 16px;
 line-height: 28px;
 text-align: left;
}
.projectviewmore {
 font-size: 14px;
 line-height: 20px;
}
.hrlineprojectmanagement {
 margin-top: 50px; 
}
.projectmanagementbox {
 height: 518px;
}
.projectmanagementbox01 {
 height: 498px;
}
.projectmanagementbox02 {
 height: 477px;
}
.projectmanagementbox {padding: 5px 17px 0px 17px!important;}
.projectmanagementbox01 {padding: 17px!important;}
.projectmanagementbox02 { padding: 17px!important;}
} 
@media only screen and (min-device-width:450px) and (max-device-width: 550px){
.projectmanagementbox {
 height: 388px;
}
.projectmanagementbox01 {
 height: 388px;
}
.projectmanagementbox02 {
 height: 388px;
}
.explore {
 font-size: 14px;   
}	
}
@media only screen and (min-device-width:331px) and (max-device-width: 344px){
.projectmanagementbox {
 height:415px;
}
.hrlineprojectmanagement1 {
 margin-top: 50px;
}
.hrlineprojectmanagement {
 margin-top: 47px;
}
.projectmanagementbox01 {
 height:415px;
}
.hrlineprojectmanagement1 {
 margin-top: 50px;
}
.hrlineprojectmanagement {
 margin-top: 47px;
}
.projectmanagementbox02 {
 height:415px;
}
.hrlineprojectmanagement1 {
 margin-top: 50px;
}
.hrlineprojectmanagement {
 margin-top: 47px;
}
}
@media only screen and (min-device-width:345px) and (max-device-width: 400px){
.projectmanagementbox {
 height: 377px;
}
.projectmanagementbox01 {
 height: 377px;
}
.projectmanagementbox02 {
 height: 377px;
}
}
.box12 .title12,
.box12 .description12,
.box12 .social-links12{
 position: relative;
 top: 11%;
 color: #000;
}
.box12 .title12{
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 text-transform: capitalize;
 font-weight: 400;
}
.box12 .title12:after,
.box12 .description12:after{
 content:"";
 width: 50%;
 display: block;
 margin: 20px auto 0;
 border-bottom: 1px solid #fff;
}
.box12 .social-links12{
 padding:0;
 margin:0;
 list-style: none;
}
.box12 .social-links12 li{
 margin: 10px;
 display: inline-block;
}
.box12 .social-links12 li a{
 color: #fff;
 font-size: 20px;
}
.box12 .social-links12 li a:hover{
 color: #d3d3d3;
 text-decoration: none;
}
.gallerycontent {background-color:#374759;}
.gallerycontent:hover{cursor:pointer;}
.gallerybox:hover .gallerycontent {background-color:#8f2f33;}
@media only screen and (max-width: 990px){
 .box12{  margin-bottom:20px; }
}
/ Shine /
.hover14 figure {
 position: relative;
}
.hover14 figure::before {
 position: absolute;
 top: 0;
 left: -75%;
 z-index: 2;
 display: block;
 content: '';
 width: 50%;
 height: 100%;
 background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
 background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
 -webkit-transform: skewX(-25deg);
 transform: skewX(-25deg);
}
.hover14 figure:hover::before {
 -webkit-animation: shine .75s;
 animation: shine .75s;
}
@-webkit-keyframes shine {
 100% {
  left: 125%;
 }
}
@keyframes shine {
 100% {
  left: 125%;
 }
}

.hover14 figure {
 margin: 0;
 padding: 0;
 background: #fff;
 overflow: hidden;
}

.hover14  figure img {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}
.box15:hover figure img {
 -webkit-transform: scale(1.3);
 transform: scale(1.3);
}

/********************services ends ****************/
@media only screen and (min-device-width:991px) and (max-device-width: 1399px){
.ttextleftbig {
  
    font-size: 14px;
    line-height: 19px;
}
}

/************ Project management ends ************/
 
 
 
 
 
/************ inner table classes starts ************/
.certificatebg{background: linear-gradient(to bottom, #ffffff 50%, #E0E9F3 50%);}
.certificatebg:hover{background: linear-gradient(to bottom, #4A7DBC 50%, #E0E9F3 50%);}
.tsubheading03{
 font-family: "Mulish", sans-serif;
 font-size: 18px;
 color: #09213F;
 line-height: 35px;
 font-weight: 600!important;
}
.ttexttable{
 font-family: "Mulish", sans-serif;
 font-size: 18px;
 color: #09213F;
 line-height: 35px;
 font-weight: 400!important;
}
.ttextgreen{
 font-family: "Mulish", sans-serif;
 font-size: 18px;
 color: #00B25C;
 line-height: 35px;
 font-weight: 600!important;
}
.table>:not(caption)>*>* { padding: 14px 8px; }
.hrtable { color: #00B25C; opacity: 1; }
/************ inner table classes ends ************/

/************ bottom classes starts ************/
.bottombg { background-color: #00B25C; }
.tbottomhead{ 
 font-family: "Mulish", sans-serif;
 font-size: 24px;
 color: #0A1341;
 font-weight:600;
 line-height:18px;
}
.tbottomtext{
 font-family: "Mulish", sans-serif;
 font-size: 16px;
 color: #0A1341;
 font-weight:400;
 line-height:26px;
}
.tbottomlinks{
 font-family: "Mulish", sans-serif;
 font-size: 16px;
 color: #0A1341;
 font-weight:400;
 line-height:32px;
 transition: 200ms;
}
.tbottomlinks:hover{ color: #ffffff; transition: 200ms;}
.tbottomlinksactive{
 font-family: "Mulish", sans-serif;
 font-size: 16px;
 color: #ffffff;
 font-weight:400;
 line-height:32px;
}
.tbottomlinksactive:hover{color: #ffffff;cursor:pointer;}
.tbottomcontacttext{
 font-family: "Mulish", sans-serif;
 font-size: 16px;
 color: #0A1341;
 font-weight:400;
 line-height:26px;
}
.tbottomcontacticon{ font-size: 19px; color: #0A1341; padding-right:5px; }
.tbottomcontactlinks{
 font-family: "Mulish", sans-serif;
 font-size: 16px;
 color: #0A1341;
 font-weight:400;
 line-height:26px;
}
.tbottomcontactlinks:hover{ color: #ffffff; transition: 200ms;}
.footer ul { margin-bottom: 0px; list-style-type: none; }

/*************** copyright starts ***************/
.bottomcopyrightbg { background-color: #4A7DBC; }
.tcopyright{
 font-family: "Mulish", sans-serif;
 font-size: 14px;
 color: #ffffff;
 font-weight:400;
 line-height:26px;
}
.tcopyrightcompany{
 font-family: "Mulish", sans-serif;
 font-size: 14px;
 color: #ffffff;
 font-weight:700;
 line-height:26px;
 text-transform:uppercase; 
}
.tdesignby{
 font-family: "Mulish", sans-serif;
 font-size: 14px;
 color: #ffffff;
 font-weight:400;
 line-height:18px;
}
/*************** copyright ends ***************/

/************************* social icons starts *************************/
.smGlobalBtn { display: inline-block; position: relative; cursor: pointer; width: 30px; height: 30px;
 border:0px solid #ddd; box-shadow: 0px #999; padding: 0px; margin-left: 15px; text-decoration: none;
 text-align: center; color: #fff; font-size: 14px; font-weight: normal; line-height: 30px;
 border-radius: 27px;
 -moz-border-radius:27px;
 -webkit-border-radius:27px;
}

/* facebook button class*/
.facebookBtn{ background: #4060A5; }
.facebookBtn:before{  font-family: "FontAwesome"; content: "\f09a";}
.facebookBtn:hover{ color: #4060A5; background: #fff; border-color: #4060A5; }

/* twitter button class*/
.twitterBtn{ background: #00ABE3; }
.twitterBtn:before{ font-family: "FontAwesome"; content: "\f099"; }
.twitterBtn:hover{ color: #00ABE3; background: #fff; border-color: #00ABE3;}

/* google plus button class*/
.googleplusBtn{ background: #e64522; }
.googleplusBtn:before{ font-family: "FontAwesome"; content: "\f0d5"; }
.googleplusBtn:hover{ color: #e64522; background: #fff; border-color: #e64522;}

/* linkedin button class*/
.linkedinBtn{ background: #0094BC; }
.linkedinBtn:before{ font-family: "FontAwesome"; content: "\f0e1"; }
.linkedinBtn:hover{ color: #0094BC; background: #fff; border-color: #0094BC;}

/* pinterest button class*/
.pinterestBtn{ background: #cb2027; }
.pinterestBtn:before{ font-family: "FontAwesome"; content: "\f0d2"; }
.pinterestBtn:hover{ color: #cb2027; background: #fff; border-color: #cb2027;}

/* tumblr button class*/
.tumblrBtn{ background: #3a5876; }
.tumblrBtn:before{ font-family: "FontAwesome"; content: "\f173"; }
.tumblrBtn:hover{ color: #3a5876; background: #fff; border-color: #3a5876; }

/* rss button class*/
.rssBtn{ background: #e88845; }
.rssBtn:before{ font-family: "FontAwesome"; content: "\f09e"; }
.rssBtn:hover{ color: #e88845; background: #fff; border-color: #e88845; }

/* instagram button class*/
.instagramBtn{ background: #405DE6; }
.instagramBtn:before{ font-family: "FontAwesome";  content: "\f16d"; }
.instagramBtn:hover{ color: #405DE6; background: #fff; border-color: #405DE6; }
/************************* social icons starts *************************/
/************ bottom classes ends ************/

/********************** Contact us starst *********************/
.contactsection .contactdetails {
 background-image: linear-gradient( -72deg, #00b25c 0%, #4a7dbc 100% );
 width: 120px;
 height: 120px;
 border-radius: 100px;
 margin: 0 auto;
 transition: 0.3s all ease-in-out;
}
.contactsection .contacticons {
 position: absolute;
 top: 30px;
 left: 0;
 right: 0;
 margin: 0 auto;
}
.contactsection .contact-us-content {
 padding-top: 24px;
}
.contactsection .contactbox {
 background: #fff;
 padding: 45px 32px 51px;
 border: 1px solid var(--e-global-color-white);
 transition: 0.3s all ease-in-out;
}
.contactsection .contact-us-cards {
 color: var(--e-global-color-text);
 text-align: center;
 margin-bottom: 16px;
}
.contactsection .phonr-numbers {
 margin: 11px 42px;
}
.contactsection .phonr-numbers a {
 text-decoration: none !important;
 color: var(--e-global-color-text);
 font-weight: 400;
}
.contactsection .contact-us-cards a {
 text-decoration: none !important;
 color: var(--e-global-color-text);
 font-weight: 400;
}
.contactsection .contactbox:hover {
 border: 1px solid #4A7DBC;
 transition:0.9s ease all;
}
.contactsection .contactbox:hover .contactdetails,
.contactsection .contactbox {
 transform: translateY(-10px);
 transition:0.9s ease all;
}
.contactsection .email-top {
 top: 38px;
}
/* form-section */
.form-section .inner-arrow-style-contact {
 font-size: 18px;
 background-image: linear-gradient(
    -72deg,
    var(--e-global-background-services-box) 0%,
    var(--e-global-background-services-box-color2) 100%
  );
 color: var(--e-global-color-white);
 border-radius: 100px;
 width: 46px;
 height: 46px;
 display: inline-block;
 line-height: 47px !important;
 text-align: center;
 transition: all ease-in-out 0.3s;
 margin: 5px 5px 0;
 border: 1px solid #7cc0f1;
}
.form-section .inner-arrow-style-contact:hover {
 transform: translateY(-4px);
 background: var(--e-global-color-white);
 color: var(--e-global-color-accent);
 border: 1px solid var(--e-global-color-accent);
}
.inner-arrow-style-contact a {
 color: var(--e-global-color-white);
}
.form-section .insta-left {
 left: 217px;
}
.form-section .twiter-left {
 left: 170px;
}
.form-section {
 padding: 130px 0px;
}
.form-title {
 margin-bottom: 20px !important;
 padding-right: 17px;
}
.input-text {
 border-radius: 24px;
 border: 1px solid var(--e-global-color-white);
 -webkit-transition: 1s;
 transition: 1s;
 padding: 32px 22px;
 width: 100%;
 font-size: 16px;
 line-height: 24px;
 color: var(--e-global-color-card-text);
 box-shadow: 0 11px 50px 0px rgb(23 132 211 / 8%);
}
.input-text:hover {
 box-shadow: 0 0 5px 0.5px #3484ddbd;
 transition: all 1s ease-in-out;
}
input[type="text"]:focus {
 box-shadow: 0 0 0 0 5px 0.5px #3484ddbd;
 outline-width: 0px;
}
.texrarea-box {
 border: solid 2px var(--e-global-color-box-shadow);
 border-radius: 24px;
 padding: 14px 20px 55px;
 font-size: 16px;
 line-height: 24px;
 color: var(--e-global-color-card-text);
 box-shadow: 0 11px 50px 0px rgb(23 132 211 / 8%);
}
.texrarea-box:hover {
 box-shadow: 0 0 5px 0.5px #3484ddbd;
 transition: all 1s ease-in-out;
}
.texrarea-box:focus {
 box-shadow: 0 0 5px 0.5px #3484ddbd;
 outline-width: 0px;
}
.text-area-mb {
 margin-bottom: 37px;
}
.map-section {
 overflow: hidden;
}
.form-margin-left {
 margin-left: -6px;
}
.form-section .contact-banner-btn a {
 padding: 21px 50px 22px;
}
.form-section .inner-arrow-style-contact i:hover {
 transition: all 1s ease-in-out;
 text-decoration: none !important;
}
.pages-drop-down {
 padding-bottom: 0;
}
.out-team-padding {
 padding-left: 10px !important;
}
.blogs-pages {
 padding: 0px 17px !important;
 padding-bottom: 0;
}
.dropdown, .dropdown-color {
 color: var(--e-global-color-white) !important;
}
.contactbg {
 background: url("../img/case-studies.jpg");
 background-repeat: no-repeat;
 background-size: cover;
 overflow: hidden;
}
.contactbg .owl-carousel .owl-nav.disabled {
 display: block;
 margin-top: 30px;
}
.contactbg .owl-theme .owl-nav [class*="owl-"]:hover {
 background: transparent;
}
.contactbg .owl-carousel .owl-nav button.owl-next span,
.contactbg .owl-carousel .owl-nav button.owl-prev span {
 font-size: 0;
 line-height: 10px;
 color: #fff;
 background: var(--e-global-case-studies-btn);
 padding: 2px 10px;
 border-radius: 100px;
}
.contactbg .owl-carousel .owl-nav button.owl-next span:hover,
.contactbg .owl-carousel .owl-nav button.owl-prev span:hover {
 background-image: linear-gradient(
    -72deg,
    var(--e-global-background-services-box) 0%,
    var(--e-global-background-services-box-color2) 100%
  ) !important;
}
.contactbg .owl-carousel .owl-nav button:focus {
 outline: none;
}
.inner-arrow-style-case:hover {
 background-image: linear-gradient( -72deg,
 var(--e-global-background-services-box) 0%,
 var(--e-global-background-services-box-color2) 100%
 ) !important;
 color: #fff;
}
.owl-carousel .owl-item .case-imgs {
 border-radius: 42px;
}
.active a {
 color: var(--e-global-background-services-box) !important;
}
.contactbg .owl-carousel .owl-item img {
 width: 100% !important;
}
.contact-area #contactForm {
 position: relative;
 z-index: 1;
}
.contact-area #contactForm .section-title {
 text-align: center;
 margin-bottom: 30px;
}
.contact-area #contactForm .section-title h2 {
 color: #fff;
 margin-top: -12px;
}
.contact-area #contactForm .form-group {
 margin-bottom: 30px;
}
.contact-area #contactForm .form-group .form-control {
 height: 50px;
 padding-left: 20px;
 font-size: 15px;
 border: 0;
 border-radius: 0;
}
.contact-area #contactForm .form-group .form-control:focus {
 -webkit-box-shadow: none;
 box-shadow: none;
 border: 0;
}
.contact-area #contactForm textarea {
 padding-top: 13px;
 height: auto !important;
}
.contact-area #contactForm .common-btn {
 width: 100%;
 display: block;
 text-align: center;
 border-radius: 0;
 border: 0;
 opacity: 1;
}
.contact-area #contactForm .list-unstyled {
 margin-top: 10px;
 color: #fff;
}
.contact-area #contactForm .text-danger {
 margin-bottom: 0;
 margin-top: 10px;
 font-size: 25px;
 color: #fff !important;
}
.contact-area #contactForm .text-success {
 margin-bottom: 0;
 margin-top: 10px;
 font-size: 25px;
 color: #28a745 !important;
}
.common-btn {
 border: none;
 position: relative;
 display: inline-block;
 text-align: center;
 overflow: hidden;
 z-index: 1;
 background-color: #189650;
 color: #fff;
 -webkit-transition: 0.5s all ease;
 transition: 0.5s all ease;
 border-radius: 5px;
 opacity: 1;
 font-weight: 600;
 padding: 12px 25px;
}
.common-btn:hover {background-color: #09213f;}
/*-------------------- inner classes ends ----------------------*/



/******************************** Media Query Starts ********************************/
@media only screen and (min-device-width:320px) and (max-device-width: 767px){
.vision-item {padding: 30px;padding-bottom: 30px;}
.ttext{font-size: 16px!important;line-height: 25px!important;}
.ttextwhite {font-size: 16px!important;line-height: 25px!important;}
.twelcomesubheading01 {font-size: 16px;}
.twelcomehead {font-size: 15px;line-height: 25px;}	
.twelcomesubhead {font-size: 28px;line-height: 34px;}
.twelcometext {font-size: 15px!important;line-height: 25px!important;}
.welcomebtn{min-width: 140px;font-size:15px;}
.services__one-item {padding: 30px;padding-bottom: 30px;}

}
@media only screen and (min-device-width:768px) and (max-device-width: 991px){
.vision-item {padding: 37px;padding-bottom: 26px;}
.services__one-item {padding: 37px;padding-bottom: 26px;}
.theading {font-size: 15px;line-height: 25px;}	
.tsubheading {font-size: 28px;line-height: 34px;}
.tsubheadingwhite {font-size: 28px!important;line-height: 34px!important;}
.ttext {font-size: 15px!important;line-height: 25px!important;}
.ttextwhite {font-size: 15px!important;line-height: 25px!important;}
.welcomebtn{min-width: 140px;font-size:15px;}
}
@media only screen and (min-device-width:992px) and (max-device-width: 1199px){
.twelcomesubhead {font-size: 45px;line-height: 55px;}
}
@media only screen and (min-device-width:1200px) and (max-device-width: 1299px){
}
@media only screen and (min-device-width:1300px) and (max-device-width: 1399px){
}
@media only screen and (min-device-width:1400px) and (max-device-width: 1499px){
}
@media only screen and (min-device-width:1400px) and (max-device-width: 1699px){
}
@media only screen and (min-device-width:1700px) and (max-device-width: 1799px){	
}
@media only screen and (min-device-width:1800px) and (max-device-width: 1899px){
}
/******************************** Media Query Starts ********************************/