@media (min-width: 1500px){ .container{ max-width:1440px!important;} }

/********** Template CSS **********/
.fluid0 { padding: 0; margin: 0; }
.shadow-sm { box-shadow: none !important;}
.gotop {
 border-radius: 15%;
 color: #ffffff;
 background-color: #06A9E4 !important;
 border-color: #06A9E4 !important;
 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: 12px;}
/*** Button ***/
.btn {font-weight: 500;transition: .5s;}
.a:hover {color: none;text-decoration: none;}
.btn-outline-light {
 font-size: 15px;
 color: #ffffff;
 border-color: #06A9E4;
 border-radius: 50%;
 background-color: #06A9E4;
}
.btn-outline-light:hover { border-color: #0A2A39; background-color: #0A2A39; transition: .9s ease all;}
/*** navbar starts ***/
.shadow-sm {box-shadow: none!important;}
.bgtopcontact{background-image: linear-gradient(to right, #06A9E4, #06A9E4, #06A9E4, #0A2A39, #0A2A39);}
.bgtopcall {background-color:#FFFFFF;}
.ttopcontacts {
 font-family: "Mulish", sans-serif;
 color: #06A9E4;
 font-size: 16px;
 font-weight: 600;
 display: inline-block;
 vertical-align: middle;
}
.ttopcontacts:hover { color: #4A7DBC;transition:0.9s ease all;}
.navbar .sticky-top {top: -100px;transition: .5s;}
.navbar .navbar-nav .nav-link {
 font-family: "Mulish", sans-serif;
 margin: 0px 24px 0px 45px;
 color: #252C4B;
 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:#06A9E4 !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: #06A9E4;
 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;
}
/******** 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:#06A9E4 ;
 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);
}
/************ 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;}
/********* banner starts ***********/

/***************** welcome section starts *****************/
.welcomebg { 
 background:#f5f5f5; 
 background-image: url(../img/welcomebg.jpg);
 background-position: right center;
 background-repeat:no-repeat;
}
.welcomeimg { padding-bottom: 55px; }
.welcomeleftbg{
  background-image: url(../img/welcomeleftbg.jpg);
  background-position: right bottom;
  background-repeat:no-repeat;
}
.twelcomedot { font-size: 10px; padding-right:10px; }
.twelcomehead{
 font-family: "Mulish", sans-serif;
 font-size: 14px;
 color:#06A9E4;
 font-weight: 600;
 line-height: 16px;
 text-transform:uppercase;
 letter-spacing:1px;
}
.twelcomesubhead{
 font-family: "Mulish", sans-serif;
 font-size: 38px;
 color:#090909;
 font-weight: 700;
 line-height: 45px;
}
.twelcometext{
 font-family: "Mulish", sans-serif;
 font-size:18px;
 color:#090909;
 font-weight: 500;
 line-height:35px;
}
.welcomebutton{
 font-family: "Mulish", sans-serif;
 font-size: 22px;
 color:#000000;
 font-weight: 700;
 line-height:25px;
}
.welcomebutton:hover{color: #06A9E4;}
/***************** welcome section ends *****************/

/***************** What we Offer section starts *****************/
#whatweofferbg{
 background:#fafafa;
 background-image:url('../img/whatweofferbg.jpg');
 background-position: center;
 background-size:cover;
 background-attachment:fixed;
 background-repeat:no-repeat;	
}
.whatweoffertopup{ margin-top: -170px; position: sticky; z-index: 1;}
.twhatweofferdot { font-size: 10px; padding-right:10px; }
.twhatweofferhead{
 font-family: "Mulish", sans-serif;
 font-size: 14px;
 color:#ffffff;
 font-weight: 600;
 line-height: 16px;
 text-transform:uppercase;
 letter-spacing:1px;
}
.twhatweoffersubhead{
 font-family: "Mulish", sans-serif;
 font-size: 38px;
 color:#ffffff;
 font-weight: 700;
 line-height: 45px;
}
.twhatweoffertext{
 font-family: "Mulish", sans-serif;
 font-size:18px;
 color:#ffffff;
 font-weight: 500;
 line-height:35px;
}
/***************** What we Offer section ends *****************/
/************ services starts ************/
.servicebg{background:#fafafa;}
.servicehead{
 font-family: "Mulish", sans-serif;
 font-size: 20px;
 color:#000000;
 font-weight: 700;
 line-height: 25px;
}
.servicelasthead{
 font-family: "Mulish", sans-serif;
 font-size: 32px;
 color:#ffffff;
 font-weight: 700;
 line-height: 40px;
}
.servicetext{
 font-family: "Mulish", sans-serif;
 font-size: 18px;
 color:#000000;
 font-weight: 400;
 line-height: 35px;
}
.servicebtn{
 font-family: "Mulish", sans-serif;
 font-size: 15px;
 color:#06A9E4;
 font-weight: 700;
 line-height: 25px;
 max-width: 200px;
 padding: 10px 30px;
 border:none;
 border-radius:5px;
}
.servicebtn:hover{
 animation-name: shine;
 animation-duration: 300ms;
 background: #06A9E4;
 color: #ffffff;
}
@keyframes shine {
  0% { background:#06A9E4; } 
  25% {    background: linear-gradient( 30deg, #06A9E4 0%, hsl(260, 85%, 95%) 25%, #06A9E4 50%);  }
  50% { background: linear-gradient( 30deg, #06A9E4 0%, hsl(260, 85%, 95%) 50%, #06A9E4 75%);   }
  75% { background: linear-gradient( 30deg, #06A9E4 0%, hsl(260, 85%, 95%) 75%, #06A9E4 100%);   }
  100% { background: linear-gradient( 30deg, #06A9E4 0%, hsl(260, 85%, 95%) 100%); }
}
.inner-box:hover{ background-image: url(../img/innerboxbg01.png);}
.inner-box:hover .servicehead{color:#06A9E4;}
.inner-box:hover .servicetext{color:#fff;}
.inner-box:hover .read-more {color: #06A9E4;}

.inner-box01:hover{ background-image: url(../img/innerboxbg02.png);}
.inner-box01:hover .servicehead{color:#06A9E4;}
.inner-box01:hover .servicetext{color:#fff;}
.inner-box01:hover .read-more {color: #06A9E4;}
.servicesblock {
 position: relative;
 padding: 8px;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.business-section-three .servicesblock .inner-box  .inner-box01 { border-width: 0px; }
.servicesblock .inner-box .inner-box01 .bg-white {
 border-color: transparent;
 box-shadow: 0px 10px 60px rgb(137 151 186 / 15%);
}
.servicesblock .inner-box  {
 position: relative;
 z-index: 2;
 padding: 50px 35px;
 min-height: 375px;
 border: 1px solid var(--color-five);
 overflow: hidden;
 background-repeat: no-repeat;
 background-size: cover;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.servicesblock .inner-boxlast {
 position: relative;
 z-index: 2;
 padding: 50px 35px;
 min-height: 440px;
 border: 1px solid var(--color-five);
 overflow: hidden;
 background-repeat: no-repeat;
 background-size: cover;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.servicesblock .inner-box01  {
 position: relative;
 z-index: 2;
 padding: 50px 35px;
 min-height: 375px;
 border: 1px solid var(--color-five);
 overflow: hidden;
 background-repeat: no-repeat;
 background-size: cover;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.bg-white {background-color: #fff!important;}
.inner-box:before {
 content: url(../img/serviceline.png);
 position: absolute;
 top: -1px;
 right: 0;
 opacity: 1;
 visibility: visible;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.inner-box:hover::before {
 content: url(../img/servicelinehover.png);
 position: absolute;
 top: -1px;
 right: 0;
 opacity: 1;
 visibility: visible;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 animation: fade-in-move-down 0.7s;
}
.inner-box01:before {
 content: url(../img/serviceline.png);
 position: absolute;
 top: -1px;
 right: 0;
 opacity: 1;
 visibility: visible;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.inner-box01:hover::before {
 content: url(../img/servicelinehover.png);
 position: absolute;
 top: -1px;
 right: 0;
 opacity: 1;
 visibility: visible;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 animation: fade-in-move-down 0.7s;
}
@keyframes fade-in-move-down {
  0% { opacity: 0; transform: translateY(-3rem);  }
  100% { opacity: 1; transform: translateY(0);  }
}
.servicesblock .icon {
 position: relative;
 display: inline-block;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 margin-bottom: var(--space-25);
}
.servicesblock .icon img {
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.inner-box:hover .icon img {
 -webkit-transform: rotateY(180deg);
 -ms-transform: rotateY(180deg);
 transform: rotateY(180deg);
}
.inner-box01:hover .icon img {
 -webkit-transform: rotateY(180deg);
 -ms-transform: rotateY(180deg);
 transform: rotateY(180deg);
}
@keyframes animName {
 0%{ transform: rotate(0deg);    }
100%{ transform: rotate(360deg);   }
}
.read-more {
 position: relative;
 font-weight: 600;
 font-size:17px;
 color: #06A9E4;
 display: inline-flex;
 align-items: center;
 margin-top: 15px;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.servicesblock .inner-box:after {
 content: url(../img/serviceline.png);
 position: absolute;
 top: -40px;
 right: 0;
 opacity: 0;
 visibility: hidden;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.servicesblock .inner-box01:after {
 content: url(../img/serviceline.png);
 position: absolute;
 top: -40px;
 right: 0;
 opacity: 0;
 visibility: hidden;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.readmore::after{ box-sizing: border-box;}
.business-section-three .servicesblock.all-services-link h5 {
 font-size:34px;
 line-height: 40px;
 font-weight: 700;
 color: #fff;
}
.read-more span:before {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 border: 1px dashed transparent;
 border-radius: 100%;
 text-align: center;
 line-height: 40px;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.servicesblock .read-more span {
 position: relative;
 width: 40px;
 height: 40px;
 background: #fff;
 border-radius: 100%;
 text-align: center;
 line-height: 40px;
 margin-right: 10px;
 box-shadow: 4px 2px 8px -2px #06A9E4;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.inner-box:hover .read-more span:before {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 border-radius: 100%;
 text-align: center;
 line-height: 40px;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 border: 1px dashed;
 animation: animName 2s linear infinite;
}
.inner-box01:hover .read-more span:before {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 border-radius: 100%;
 text-align: center;
 line-height: 40px;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 border: 1px dashed;
 animation: animName 2s linear infinite;
}
.servicesblock:hover .inner-box .icon { animation: rotateme3 0.8s ease-out; -webkit-animation: rotateme3 0.8s ease-out; }
.inner-boxlast{background-image: url(../img/innerboxlastbg.png);}
@media only screen and (min-device-width:320px) and (max-device-width: 768px){
.servicehead {font-size: 19px;}
.servicelasthead {font-size: 28px;line-height: 37px;}}
@media only screen and (min-device-width:992px) and (max-device-width:1199px){
.servicesblock .inner-boxlast { padding:55px 35px;}
.servicelasthead {font-size: 32px;line-height: 38px;}
}
/************ services ends ************/

/************ bottom classes starts ************/
.bottombg { background-color: #7AD8FC; }
.tbottomhead{ 
 font-family: "Mulish", sans-serif;
 font-size: 24px;
 color: #0A1341;
 font-weight:600;
 line-height:28px;
}
.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: #252C4B; transition: 200ms;}
.tbottomlinksactive{
 font-family: "Mulish", sans-serif;
 font-size: 16px;
 color: #FFFFFF;
 font-weight:400;
 line-height:32px;
}
.tbottomlinksactive:hover{ color: #FFFFFF; transition: 200ms;}
.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: #252C4B; transition: 200ms;}
.footer ul { margin-bottom: 0px; list-style-type: none; }

/*************** copyright starts ***************/
.bottomcopyrightbg { background-color: #252C4B; }
.tcopyright{
 font-family: "Roboto", sans-serif;
 font-size: 12px;
 color: #ffffff;
 font-weight:400;
 line-height:26px;
}
.tcopyrightcompany{
 font-family: "Roboto", sans-serif;
 font-size: 12px;
 color: #ffffff;
 font-weight:700;
 line-height:26px;
 text-transform:uppercase; 
}
.tdesignby{
 font-family: "Roboto", sans-serif;
 font-size: 12px;
 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;
 box-shadow: 0px #999; padding: 0px; margin-left: 15px; text-decoration: none;border:1px transparent;
 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;border-color:#4060A5!important;}
.facebookBtn:before{  font-family: "FontAwesome"; content: "\f09a";}
.facebookBtn:hover{ color:#4060A5; background:#CBF0FE; border-color:#4060A5!important; }

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

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

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

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

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

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

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


/************************ inner pages starts ************************/
/********* about page starts ***********/
.bred_crumb {
 min-height: 500px;
 width: 100%;
 display: flex;
 align-items: center;
 position: relative;
 margin-top: -100px;
 background-size: cover;
}
.bred_crumb::after {
 content: "";
 background-image: url(../img/inner_page_ovelay_cross.png);
 position: absolute;
 bottom: -3px;
 left: 0;
 background-repeat: no-repeat;
 width: 100%;
 height: 225px;
 background-position: center;
 background-size: cover;
}
.bred_crumb .bred_text {
 text-align: center;
 z-index: 1000;
 position: relative;
}
.theading {
 font-family: "Mulish", sans-serif;
 color: #ffffff;
 font-size: 55px;
 line-height:65px;
 font-weight: 700;
}
.bred_crumb .bred_text ul {
 display: flex;
 justify-content: center;
 align-items: center;
}
.tyouarein{
 font-family: "Mulish", sans-serif;
 color: #fff;
 font-size: 14px;
 font-weight:700;
 transition: .4s all;
}
.tyouarein:hover{color: #fff;}
.bred_crumb .bred_text ul, li {
 padding: 0;
 list-style-type: none;
 margin: 0;
}

.innerbanner01{
 background-image: url(../img/innerbanner01.jpg);
 background-repeat: no-repeat;
 background-position: center;
}
.innerbanner02{
 background-image: url(../img/innerbanner02.jpg);
 background-repeat: no-repeat;
 background-position: center;
}
.innerbanner03{
 background-image: url(../img/innerbanner03.jpg);
 background-repeat: no-repeat;
 background-position: center;
}
.innerbanner04{
 background-image: url(../img/innerbanner04.jpg);
 background-repeat: no-repeat;
 background-position: center;
}




.about-img-overly {
 width: 220px;
 height: 220px;
 z-index: 1;
 left: 50%;
 top: 50%;
 transform: translateY(-50%);
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
}
.theme-bg { background: #06A9E4;}
.about-img-overly span {
 font-family: "Mulish", sans-serif;
 font-size: 72px;
 line-height: 2.8;
 font-weight:700;
 color:#FFFFFF;
}
.aboutimg{transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.single-blog:hover .aboutimg, .zoom-img:hover {
 transform: scale(1.1);
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -o-transform: scale(1.1);
}
.over-hidden {overflow: hidden;}
.ttext{
 font-family: "Mulish", sans-serif;
 color: #000000;
 font-size: 17px;
 font-weight:600;
 line-height:33px;
 text-align:justify;
}
.ttext:hover{color: #000000;}
.ttextblue{
 font-family: "Mulish", sans-serif;
 color: #06A9E4;
 font-size: 18px;
 font-weight:600;
 line-height:33px;
 text-align:justify;
}
.tsubheading{
 font-family: "Mulish", sans-serif;
 color: #06A9E4;
 font-size: 20px;
 line-height: 30px;
 font-weight: 700; 
}
/********* about page ends ***********/

/********* services page starts ***********/
.servicesbg{
 background: #fafafa;
 background-image: url(../img/servicesbg.jpg);
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
}
.clientimg{border:3px solid #06A9E4;animation: mymove 5s infinite;}
@keyframes mymove {
  50% {border-color:#000000;}
}
.servicetopup{
 margin-top: -185px;
 position: sticky;
 z-index: -1;
}
.servicesbox{
 background-color:#ffffff;
 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.serviceing{box-shadow: rgba(99, 99, 99, 0.48) 6px 2px 16px 0px, rgba(99, 99, 99, 0.8) -6px -2px 16px 0px;}
.servicelist li {
 list-style: none;
 list-style-image: url(../img/dot.jpg);
 font-family: "Mulish", sans-serif;
 color: #000000;
 font-size: 16px;
 font-weight:600;
 line-height:26px;
 text-align: left;
 padding-left: 5px;
}
/********* services page ends ***********/
/********* careers page starts ***********/
.careers_form{
 padding: 50px 60px;
 background-color: #fff;
 box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}
.form-control:disabled, .form-control:read-only {background-color: #FFFFFF!important;}
/********* careers page ends ***********/
/********* contactus page starts ***********/
.contact_inner {
 justify-content: space-between;
 align-items: center;
 position: relative;
 margin-top: -150px;
}
.contact_inner .contact_form {
 padding: 50px 60px;
 background-color: #fff;
 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.contact_page_section .contact_inner .contact_form form {
 margin-top: 30px;
}
.contact_inner .contact_form form .form-group {
 margin-bottom: 20px;
}
.contact_page_section .contact_inner .contact_form form .form-group .form-control {
 height: 60px;
 padding: 5px 20px;
 color: var(--body-text-purple);
 border: 2px solid #E1DBF4;
 border-radius: 12px;
 font-weight: 500;
}
.tsubheading01{
 font-family: "Mulish", sans-serif;
 font-size: 14px;
 color: #06A9E4;
 font-weight: 600;
 line-height: 16px;
 text-transform: uppercase;
 letter-spacing: 1px;
}
.tsubheading02{
 font-family: "Mulish", sans-serif;
 font-size: 38px;
 color: #090909;
 font-weight: 700;
 line-height: 45px;
}
.tsubheading03{
 font-family: "Mulish", sans-serif;
 font-size: 18px;
 color: #06A9E4;
 font-weight: 600;
 line-height: 16px;
 letter-spacing: 1px;
}
.form-control {border-radius: 0px!important;}

.submitbtn{
 font-family: "Mulish", sans-serif;
 font-size: 15px;
 color:#06A9E4;
 font-weight: 700;
 line-height: 25px;
 max-width: 200px;
 padding: 10px 30px;
 border:none;
 border-radius:5px;
}
.submitbtn:hover{
 animation-name: shine;
 animation-duration: 300ms;
 background: #06A9E4;
 color: #ffffff;
}
@keyframes shine {
  0% { background:#06A9E4; } 
  25% {    background: linear-gradient( 30deg, #06A9E4 0%, hsl(260, 85%, 95%) 25%, #06A9E4 50%);  }
  50% { background: linear-gradient( 30deg, #06A9E4 0%, hsl(260, 85%, 95%) 50%, #06A9E4 75%);   }
  75% { background: linear-gradient( 30deg, #06A9E4 0%, hsl(260, 85%, 95%) 75%, #06A9E4 100%);   }
  100% { background: linear-gradient( 30deg, #06A9E4 0%, hsl(260, 85%, 95%) 100%); }
}
.text span {display: block;}
.contact_info_list li {
 display: flex;
 align-items: center;
 margin-bottom: 30px;
}
.img{padding-right:20px;}
/********* contactus page ends ***********/





/************************ inner pages ends ************************/

/******************************** Media Query Starts ********************************/
@media only screen and (min-device-width:320px) and (max-device-width: 767px){
.twelcomesubhead {font-size:25px;line-height:30px;}
.twelcometext {font-size: 17px;line-height: 27px;}
.welcomebtn {font-size: 18px;line-height: 21px;}
.twelcomehead {letter-spacing: 0px;}
.servicetext {font-size: 17px;line-height: 27px;}
.twhatweoffersubhead { font-size: 26px; line-height: 37px;}
.twhatweoffertext { font-size: 17px;}

.theading {font-size: 40px;line-height: 54px;}
.bred_crumb {min-height: 430px;}
.ttext {font-size: 16px;line-height: 30px;text-align: left;}
.ttextblue {font-size: 16px;line-height: 30px;text-align: left;}
.servicesbox {box-shadow: none;}
.servicetopup { margin-top: -110px; z-index: -1;}
.contact_inner .contact_form {padding: 40px 30px;}
.tsubheading02 {font-size: 25px;line-height: 30px;}
.careers_form {padding: 50px 0px;}
.contact_inner {margin-top: -95px;}

.innerbanner01{
 background-image: url(../img/minnerbanner01.jpg);
}
.innerbanner02{
 background-image: url(../img/minnerbanner02.jpg);
}
.innerbanner03{
 background-image: url(../img/minnerbanner03.jpg);
}
.innerbanner04{
 background-image: url(../img/minnerbanner04.jpg);
}
}
@media only screen and (min-device-width:768px) and (max-device-width: 991px){
.twelcomesubhead {font-size: 34px;line-height: 38px;}
.twelcometext {font-size: 18px;line-height: 28px;}
.welcomebtn {font-size: 20px;line-height: 23px;}	
.servicetext {font-size: 18px;line-height: 28px;}
.twhatweoffersubhead { font-size: 26px; line-height: 37px;}


.theading {font-size: 40px;line-height: 54px;}
.bred_crumb {min-height: 430px;}
.ttext {font-size: 16px;line-height: 30px;}
.ttextblue {font-size: 16px;line-height: 30px;}
.servicetopup {margin-top: -100px;z-index: -1;}
.tsubheading02 {font-size: 30px;line-height: 35px;}
.contact_inner {margin-top: -100px;}

.innerbanner01{
 background-image: url(../img/minnerbanner01.jpg);
}
.innerbanner02{
 background-image: url(../img/minnerbanner02.jpg);
}
.innerbanner03{
 background-image: url(../img/minnerbanner03.jpg);
}
.innerbanner04{
 background-image: url(../img/minnerbanner04.jpg);
}
}
@media only screen and (min-device-width:992px) and (max-device-width: 1399px){
.twelcomesubhead {font-size: 35px;line-height: 45px;}
.twelcometext {font-size: 18px;line-height: 28px;}
.welcomebtn {font-size: 20px;line-height: 23px;}
.servicetext {font-size: 18px;line-height: 28px;}
.navbar .navbar-nav .nav-link { margin: 0px 24px 0px 43px; }

.about-img-overly {top: 45%;}
.servicetopup { margin-top: -150px;}
.tsubheading02 {font-size: 30px;line-height: 35px;}
.tbottomcontactlinks {font-size: 15px;}
}
@media only screen and (min-device-width:320px) and (max-device-width: 1800px){
.welcomebg { background-image: none;}
}
/******************************** Media Query Starts ********************************/