`body {
	color: #373131;  
	color: #000;  
	font-family: "Open Sans", sans-serif;
}
a {  
	color: #000;  
	transition: 0.5s;
}
.ml-125{ margin-left: 125px;}
.container {    max-width: 1250px;    }
.padding5 {    padding: 5px;}
.padding10 {    padding: 10px;}.padding15 {    padding: 15px;}
.padding20 {    padding: 20px;}.margin5 {    margin: 5px;}.margin10 {    margin: 10px;}
.margin15 {    margin: 15px;}.margin20 {    margin: 20px;}.nlm {    margin-left: 0 !important;}
.nrm {    margin-right: 0 !important;}
.ntm {    margin-top: 0 !important;}
.nbm {    margin-bottom: 0 !important;}.nlp {    padding-left: 0 !important;}
.nrp {    padding-right: 0 !important;}.ntp {    padding-top: 0 !important;}
.nbp {    padding-bottom: 0 !important;}
.no-margin {    margin: 0  !important;}
.no-padding {    padding: 0  !important;}
.no-float {    float: none !important;}

@-webkit-keyframes zoom {  
from {    -webkit-transform: scale(1, 1);  }  to {    -webkit-transform: scale(1.5, 1.5);  }}

@keyframes zoom {  from {    transform: scale(1, 1);  }  to {    transform: scale(1.5, 1.5);  }}
.bg-light{} 
.call_btn {  font-family: "Montserrat", sans-serif;  font-weight: 600;  font-size: 12x;  letter-spacing: 0.5px;  display: inline-block;  padding: 8px ;  border-radius: 10px;  transition: 0.5s;  margin: 10px;  border: 2px solid #0755a7;  color: #0755a7;} 
.call_btn:hover {  background: #0755a7;  color: #fff!important;  border: 3px solid #0755a7;}
/****************************************/

.row{    margin-left: 4px;    margin-right: 4px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {    padding-left: 5px;    padding-right:5px;}
.navbar-default {    background-color: #1BA1E2;    border-color: #1BA1E2;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {    background-color: #00AAFD;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#ffffff;background-color:#00AAFD}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {    border-color:#1BA1E2;}
.navbar-inverse {    background-color: #000;    border-color: #000;}
.required{color: #F00;}.contact-form-container{padding: 25px}
.contactform .form-group {margin: 0px;}
.form-horizontal .control-label {text-align: left;width: 100%;}
.panel-heading{cursor: pointer;}
.mainbody{ padding-bottom: 50px; min-height: 80%; overflow: hidden;}
.mainbody .row{margin: 0px;}
.page-header{margin-top: 0px;  border-bottom: 1px solid #1995DC; padding-bottom: 0px; }
.page-header h1{margin-top: 0px; font-size: 24px;}.panel-body {width: 100%; margin: 0 auto;}
.panel-body .col-lg-3{margin:25px; border: 1px solid #006bd6; padding: 10px; }
.adjustdiv{ border: 1px solid #000; text-align:center; width:256px; margin:0 10px 10px 10px; padding-bottom: 10px; padding-top: 5px;  }
.adjustdiv img{max-width: 200px; max-height: 200px;}
.textContainer{width: 100%; padding-top: 10px; }
.btn-social{padding-top: 5px;}
.prdname{font-size: 14px; line-height: 22px; font-weight: bold;text-align: center; color: #FF7518;}
.prdprice{color:#9954bb;}
.error{color: #FF0000;}a:hover, a:active, a:focus {  color: #0755a7;  outline: none;  text-decoration: none;}
p {  padding: 0;  margin: 0 0 30px 0;}h1, h2, h3, h4, h5, h6 {          font-family: "Architect ", serif;  font-weight: 400;  margin: 0 0 10px 0;  padding: 0;}
li::marker {  color: #0755a7; /* or whatever color you prefer */}

/* Back to top button */
.back-to-top {  position: fixed;  display: none;  background: #000;  color: #fff;  padding: 6px 12px 9px 12px;  font-size: 16px;  border-radius: 2px;  right: 15px;  bottom: 15px;  transition: background 0.5s;}

@media (max-width: 768px) {  .back-to-top {    bottom: 15px;  }}
.back-to-top:focus {  background: #000;  color: #fff;  outline: none;}
.back-to-top:hover {  background: #0755a7;  color: #fff;}
.cta-section {  background-image:url("../img/addzet-advertising-media.jpg");  height: 100%;  background-position: center;  background-repeat: no-repeat;  background-size: cover;  position: relative;  padding: 0;}
.timeline.cta-section {  background-image:url("../img/7-step.jpg");  height: 100%;  background-position: center;  background-repeat: no-repeat;  background-size: cover;  position: relative;  padding: 0;}
.map-section {  background-image:url("../img/blue.jpg");  height: 100%;  background-position: center;  background-repeat: no-repeat;  background-size: cover;  position: relative;  padding: 0;}
.service-section {  background-image:url("../img/bg-service.jpg");  height: 100%;  background-position: center;  background-repeat: no-repeat;  background-size: cover;  position: relative;  padding: 0;}
.contact-section{  height: 100%;  background-position: center;  background-repeat: no-repeat;  background-size: cover;  position: relative;  padding: 0;}
.contact-section::before {          content: "";  background-image:url("../img/bg-contact.jpeg");      background-size: cover;      position: absolute;      top: 0px;      right: 0px;      bottom: 0px;      left: 0px;      opacity: 0.35;}
.counter-card{    background:#29547a;    padding:5px;    height:200px;     text-align: center;     color: #fff;    font-weight: bold;}
.counter-card-inverse{    background:#9ac3ef;    padding:5px;    height:200px;     text-align: center;     color: #000;    font-weight: bold;}
.counter-image{    height: 60px;     width:60px;     border-radius: 50%;     background:#fff;     margin: 10px auto;     display:flex;    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}.counter-image i{    font-size:30px; margin: auto; color: #025bcf}
code {    font-size: 87.5%;    color: #0755a7;    word-wrap: break-word;  }    
 #search_table    {    display: none;    width:600px;    height:auto;    max-height:400px;    border:1px solid #CCC;    overflow:scroll;    overflow-x:hidden;    z-index: 1999;    position: absolute;    background-color: #fff;}
.table_data {    overflow:hidden;    margin-top:10px;    text-align:left;    background: #efefef;}
.table_data:nth-child(even){  background: #fff;}
.one{background: #29547a;}
.two{background: #9ac3ef;}

@media only screen and (max-width: 600px) {    
	.counter-card{    background:#9ac3ef;    padding:5px;    height:200px;     text-align: center;     color: #000;    font-weight: bold;}
	.counter-card-inverse{    background:#29547a;    padding:5px;    height:200px;     text-align: center;     color: #fff;    font-weight: bold;}
	.one{background: #29547a;color: #fff;}
	.two{background: #9ac3ef;color: #000;} 
	#search_table {        display: none;    width:300px;    height:auto;    max-height: 400px;    border:1px solid #CCC;    overflow:scroll;    overflow-x:hidden;    z-index: 1999;    position: absolute;    background-color: #fff;}
	.table_data {    overflow:hidden;    margin-top:10px;    background: #efefef;}
	.table_data:nth-child(even){  background: #fff;}
	}
	/*--------------------------------------------------------------#
	Top Bar--------------------------------------------------------------*/
	#topbar {  background: #fff;  padding: 10px 0;  border-bottom: 1px solid #eee;  font-size: 16px;}
	#topbar .contact-info a {  line-height: 1;  color: #555;}
	#topbar .contact-info a:hover {  color: #0755a7;}
	#topbar .contact-info i {  color: #0755a7;  padding: 4px;}
	#topbar .contact-info .fa-phone {  padding-left: 20px;  margin-left: 20px;  border-left: 1px solid #e9e9e9;}
	#topbar .social-links a {  color: #555;  padding: 5px;  display: inline-block;  line-height: 1px;  border-left: 1px solid #e9e9e9;}
	#topbar .social-links a:hover {  color: #0755a7;}
	#topbar .social-links a:first-child {  border-left: 0;}
	
	/*--------------------------------------------------------------# 
	Header--------------------------------------------------------------*/
	#header {  padding: 20px 0;  height: 94px;  transition: all 0.5s;  z-index: 997;  background: #0755a7;  box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);}
	#header #logo h1 {  font-size: 42px;  margin: 0;  padding: 0;  line-height: 1;  font-family: "Montserrat", sans-serif;  font-weight: 700;}
	#header #logo h1 a {  color: #0c2e8a;  line-height: 1;  display: inline-block;}
	#header #logo h1 a span {  color: #0755a7;}#header #logo img {  padding: 0;}
	@media (max-width: 768px) {  #header {    padding: 4px 0;    height: 74px;  }.sticky-wrapper{  margin-top: 20px;}  #header #logo h1 {    font-size: 34px;  }  }
	/* ---------------------------------------------------    SIDEBAR STYLE----------------------------------------------------- */
.wrapper {    display: flex;    align-items: stretch;}
.make-me-sticky {position: -webkit-sticky;position: sticky;top: 0;}
#sidebar {    min-width: 150px;    background: #fff;    color: #0755a7;    transition: all 0.3s;}
#sidebar.active {    min-width: 150px;    max-width: 220px;    text-align: center;}
#sidebar.active .sidebar-header h3,#sidebar.active .CTAs {    display: none;}
#sidebar.active .sidebar-header strong {    display: block;}
#sidebar ul li a {    text-align:left;    }
#sidebar.active ul li a {    padding: 20px 10px;    text-align: center;    font-size: 0.85em;    }
#sidebar.active ul li a i {    margin-right: 0;    display: block;    font-size: 1.8em;    margin-bottom: 5px;    text-align:center;    }
#sidebar.active ul ul a {    padding: 10px !important;}
#sidebar.active .dropdown-toggle::after {    top: auto;    bottom: 10px;    right: 50%;    -webkit-transform: translateX(50%);    -ms-transform: translateX(50%);    transform: translateX(50%);}
#sidebar .sidebar-header {    padding: 20px;    background:#4e6df7;;}
#sidebar .sidebar-header strong {    display: none;    font-size: 1.8em;}
#sidebar ul.components {    padding: 20px 0;    }
#nav-sidebar li {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-bottom: 1px solid #0755a7;color: #0755a7;background: #eef6ff;}
#sidebar li {   padding: 10px 20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-bottom: 1px solid #0755a7;color: #0755a7;background: #fff;}
#sidebar ul li a {    padding: 5px;    font-size: 0.9rem;    display: block;    color: #0755a7;}
#sidebar ul li a:hover {    color: #000;    background: rgb(246, 251, 255);}
#sidebar ul li a i {    margin-right: 10px;    color: rgb(27, 26, 26);}
#sidebar ul li.active>a,a[aria-expanded="true"] {    color: #0755a7;    background: #fff;    border-bottom: 1px solid #0755a7;}
a[data-toggle="collapse"] {    position: relative;}
.dropdown-toggle::after {    display: block;    position: absolute;    top: 50%;    right: 20px;    transform: translateY(-50%);    right: 0;}
ul ul a {    font-size: 16px !important;    padding-left: 30px !important;}
ul.CTAs {    padding: 20px;}
ul.CTAs a {    text-align: center;    font-size: 0.9em !important;    display: block;    border-radius: 5px;    margin-bottom: 5px;}
a.download {    background: #fff;    color: #7386D5;}
a.article,a.article:hover {    background: #6d7fcc !important;    color: #fff !important;}
@media (max-width: 768px)  {    
#sidebar {        min-width: 80px;        max-width: 80px;        text-align: center;        margin-left: -80px !important;        position: fixed;        overflow-y: auto;        z-index: 1200;    }    
.dropdown-toggle::after {        top: auto;        bottom: 18px;        right: 50%;        -webkit-transform: translateX(50%);        -ms-transform: translateX(50%);        transform: translateX(50%);    }    
#sidebar.active {        margin-left: 0 !important;    }    
#sidebar .sidebar-header h3,    #sidebar .CTAs {        display: none;    }    
#sidebar .sidebar-header strong {        display: block;    }    
#sidebar ul li a {        padding: 20px 10px;        margin-bottom: 5px;    }    
#sidebar ul li a span {        font-size: 0.85em;    }    
#sidebar ul li a i {        margin-right: 0;        display: block;    }    #sidebar ul ul a {        padding: 10px !important;    }    #sidebar ul li a i {        font-size: 1.3em;    }    
#sidebar {        margin-left: 0;    }    
#sidebarCollapse span {        display: none;    }    
#sidebar ul li a:hover {    color: #7386D5;    background: rgb(246, 251, 255);}
}
@media only screen and (max-width: 600px) 
{
	#sidebarCollapse{display: block;}#mobilecontent{display:block}
}
	/*mobile view*/
	@media only screen and (min-width: 600px) 
	{
		#sidebarCollapse{display: none;}
	}
	/*--------------------------------------------------------------# Intro Section--------------------------------------------------------------*/
	#intro {  width: 100%;  height: 60vh;  position: relative;  background-size: cover;  padding: 0;}
	#intro .intro-content {  position: absolute;  bottom: 0;  top: 0;  left: 0;  right: 0;  z-index: 10;  display: flex;  justify-content: center;  align-items: center;  flex-direction: column;  text-align: center;}
	#intro .intro-content h2 {  color: #0c2e8a;  margin-bottom: 30px;  font-size: 64px;  font-weight: 700;}
	#intro .intro-content h2 span {  color: #0755a7;  text-decoration: underline;}
	@media (max-width: 767px) 
	{  
		#intro .intro-content h2 {    font-size: 34px;  }
	}
		#intro .intro-content .btn-get-started, #intro .intro-content .btn-projects {  font-family: "Raleway", sans-serif;  font-size: 15px;  font-weight: bold;  letter-spacing: 1px;  display: inline-block;  padding: 10px 32px;  border-radius: 2px;  transition: 0.5s;  margin: 10px;  color: #fff;}
		#intro .intro-content .btn-get-started {  background: #0c2e8a;  border: 2px solid #0c2e8a;}
#intro .intro-content .btn-get-started:hover {  background: none;  color: #0c2e8a;}
#intro .intro-content .btn-projects {  background: #0755a7;  border: 2px solid #0755a7;}
#intro .intro-content .btn-projects:hover {  background: none;  color: #0755a7;}
#intro #intro-carousel {  z-index: 8;}
#intro #intro-carousel::before {  content: '';  background-color: rgba(255, 255, 255, 0.7);  position: absolute;  height: 100%;  width: 100%;  top: 0;  right: 0;  left: 0;  bottom: 0;  z-index: 7;}
#intro #intro-carousel .item {  width: 100%;  height: 60vh;  background-size: cover;  background-position: center;  background-repeat: no-repeat;}/*--------------------------------------------------------------# Navigation Menu--------------------------------------------------------------*//* Nav Menu Essentials */
.nav-menu, .nav-menu * {  margin: 0;  padding: 0;  list-style: none;}
.nav-menu ul {  position: absolute;  display: none;  top: 100%;  left: 0;  z-index: 99;}
.nav-menu li {  position: relative;  white-space: nowrap;  font-size: 18px;}
.nav-menu > li {  float: left;}
.nav-menu li:hover > ul,.nav-menu li.sfHover > ul {  display: block;}
.nav-menu ul ul {  top: 0;  left: 100%;}
.nav-menu ul li {  min-width: 180px;}



/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {  padding-right: 22px;}
.sf-arrows .sf-with-ul:after {  /*content: "\f107"; */content: ""; position: absolute;  right: 8px;  font-family: FontAwesome;  font-style: normal;  font-weight: normal;}
.sf-arrows ul .sf-with-ul:after {  content: "\f105";}
.start-header {  opacity: 1;  transform: translateY(0);  padding: 20px 0;  box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);  -webkit-transition : all 0.3s ease-out;  transition : all 0.3s ease-out;}
.start-header.scroll-on {  box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);  padding: 10px 0;  -webkit-transition : all 0.3s ease-out;  transition : all 0.3s ease-out;}
.start-header.scroll-on .navbar-brand img{  height: 24px;  -webkit-transition : all 0.3s ease-out;  transition : all 0.3s ease-out;}
.navigation-wrap{  position: fixed;  width: 100%;  top: 0;  left: 0;  z-index: 1000;  -webkit-transition : all 0.3s ease-out;  transition : all 0.3s ease-out;}
.navbar{  padding: 0;}
.navbar-brand img{  height: 28px;  width: auto;  display: block;  filter: brightness(10%);  -webkit-transition : all 0.3s ease-out;  transition : all 0.3s ease-out;}
.navbar-toggler {  float: right;  border: none;  padding-right: 0;}
.navbar-toggler:active,.navbar-toggler:focus {  outline: none;}
.navbar-light .navbar-toggler-icon {  width: 24px;  height: 17px;  background-image: none;  position: relative;  border-bottom: 1px solid #000;    transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after, .navbar-light .navbar-toggler-icon:before{  width: 24px;  position: absolute;  height: 1px;  background-color: #000;  top: 0;  left: 0;  content: '';  z-index: 2;    transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after{  top: 8px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {  transform: rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {  transform: translateY(8px) rotate(-45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {  border-color: transparent;}
.nav-link{  color: #212121 !important;  font-weight: 500;    transition: all 200ms linear;}
.nav-item:hover .nav-link{  color: #8167a9 !important;}
.nav-item.active .nav-link{  color: #777 !important;}
.nav-link {  position: relative;  padding: 5px 0 !important;  display: inline-block;}
.nav-item:after{  position: absolute;  bottom: -5px;  left: 0;  width: 100%;  height: 2px;  content: '';  background-color: #8167a9;  opacity: 0;    transition: all 200ms linear;}
.nav-item:hover:after{  bottom: 0;  opacity: 1;}
.nav-item.active:hover:after{  opacity: 0;}
.nav-item{  position: relative;    transition: all 200ms linear;}
/* Nav Meu Container */
#nav-menu-container {  float: right;  margin: 0;}
@media (max-width: 768px) {
	#nav-menu-container {    display: none;  }
}
/* Nav Meu Styling */
.nav-menu a {  padding: 10px 8px;  text-decoration: none;  display: inline-block;  color: #025bcf;  font-family: "Raleway", sans-serif;  font-weight: 700;  font-size: 16px;  outline: none;}
.nav-menu .active a {  /*padding: 10px 8px;*/  text-decoration: none;  display: inline-block;  color: #000;  font-family: "Raleway", sans-serif;  font-weight: 700;  font-size: 16px;  outline: none;}
.nav-menu li:hover > a {  color: #000!important;}
.nav-menu > li {  margin-left: 10px;}
.nav-menu ul {  margin: 4px 0 0 0;  padding: 10px;  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);  background: #fff;}
.nav-menu ul li {  transition: 0.3s;}
.nav-menu ul li a {  padding: 10px;  color: #333;  transition: 0.3s;  display: block;  font-size: 13px;  text-transform: none;}
.nav-menu ul li:hover > a {  color: #0755a7;}
.nav-menu ul ul {  margin: 0;}
/* Mobile Nav Toggle */
#mobile-nav-toggle {  position: fixed;  right: 0;  top: 0;  z-index: 999;  margin: 20px 20px 0 0;  border: 0;  background: none;  font-size: 24px;  display: none;  transition: all 0.4s;  outline: none;  cursor: pointer;  margin-top: 15px;}
#mobile-nav-toggle i {  color: #025bcf;}
@media (max-width: 768px) {  #mobile-nav-toggle {    display: inline;  }}
/* Mobile Nav Styling */
#mobile-nav { position: fixed;top: 0;padding-top: 18px;bottom: 0;z-index: 998;background: rgba(7, 85, 167, 0.89);left: -260px;width: 160px;overflow-y: auto;transition: 0.4s;margin-top: 95px;}
#mobile-nav ul {  padding: 0;  margin: 0;  list-style: none;}
#mobile-nav ul li {  position: relative;}
#mobile-nav ul li a {  color: #fff;  font-size: 18px;  overflow: hidden;  padding: 10px 22px 10px 15px;  position: relative;  text-decoration: none;  width: 100%;  display: block;  outline: none;}
#mobile-nav ul li a:hover {  color: #fff;}
#mobile-nav ul li li {  padding-left: 30px;}
#mobile-nav ul .menu-has-children i {  position: absolute;  right: 0;  z-index: 99;  padding: 15px;  cursor: pointer;  color: #fff;}
#mobile-nav ul .menu-has-children i.fa-chevron-up {  color: #0755a7;}
#mobile-nav ul .menu-item-active {  color: #000;}
#mobile-body-overly {  width: 100%;  height: 100%;  z-index: 997;  top: 0;  left: 0;  position: fixed;  display: none;}
/* Mobile Nav body classes */
body.mobile-nav-active {  overflow: hidden;}
body.mobile-nav-active #mobile-nav {  left: 0;}
body.mobile-nav-active #mobile-nav-toggle {  color: #fff;}
/*--------------------------------------------------------------# Sections--------------------------------------------------------------*/
section {  overflow: hidden;  padding: 20px 0;}
.sort-button{  background: #a9ceff;border: 1px solid #edeef0;padding: 5px 20px 4px 20px;box-shadow: none;font-size: 12px;border-radius: 6px;margin: 0 0 0 5px;cursor: pointer;line-height: normal;padding: 5px;padding: 3px;text-align: center;}

/* Sections Header--------------------------------*/
.section-header {  margin-bottom: 30px;}
.section-header h2 {  font-size: 32px;  color: #0755a7;  text-transform: uppercase;  position: relative;  padding-bottom: 0px;  font-weight: bold;}
.section-header p {  padding: 0;  margin: 0;}
/*--------------------------------------------------------------# Breadcrumbs--------------------------------------------------------------*/
.breadcrumbs {  padding: 20px 0;  background-color: #fafafa;  min-height: 40px;}
.breadcrumbs h2 {  font-size: 24px;  font-weight: 300;  margin: 0;}

/*--------------------------------------------------------------# services -------------------------------------------------------------------*/
.tatva-service-section .inner-decription {
    margin-bottom: 3.1rem;
}
.tatva-service-section .inner-decription p {
    font-size: 16px;
    margin: 0 0 2.2rem;
    line-height: 1.5;
}
.project-information-list {
    display: flex;
    margin: 0 -1.5rem 3.5rem;
    border-bottom: 1px solid #eee;
    align-items: center;
}
.project-information-list>li {
    max-width: 19.3%;
    flex: 0 0 19.3%;
    padding: 0 1.5rem;
    text-align: center;
    margin: 0;
    position: relative;
    box-sizing: border-box;
}
.tatva-service-section span {
    font-size: 50px;
    line-height: 1;
    display: block;
    margin: 0 0 0.9rem;
    color: #156ba3;
	text-align: center;
}
.b-r{
	border-right: 1px solid #eee;
}

sup {
    right: -0.3rem;
}
sup {
    top: -0.2em!important;
}
.inner-list{
	text-align: center;
}
.tatva-service-section .inner-list p {
    font-size: 1.3rem;
    padding: 0 2.7rem;
    line-height: 1.2;
}
.tatva-service-section>li+li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background: #eee;
    box-sizing: border-box;
}
.tatva-technology-stack-section h2 {
    margin-bottom: 20px;
    text-align: center;
	font-size: 44px;
}
.tatva-technology-stack-section .technology-stack-grid {
    margin: 0 -1.5rem;
}
.tatva-technology-stack-section .technology-stack-grid .grid-item {
    width: 33.33%;
   /* padding: 0 1.5rem;*/
    margin-bottom: 10px;
}

.tatva-service-section{
	background-image: linear-gradient(rgba(255,255,255,.81), rgba(255,255,255,.72)),url(../img/services.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	height: 450px;
}
.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner {
    padding: 2.5rem 2rem 1.2rem;
	height: 100%;
}
.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner h3 {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 28px;
    color: #0b2e58;
    font-weight: 400;
}
.grid-inner h3 span {
    margin-right: 1.7rem;
    display: block;
}
.grid-inner>ul{
	list-style: none !important;
}
.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul {
    display: flex;
    justify-content: space-between;
    margin: 27px -10px 0;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul li {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 10px 0 22px;
    box-sizing: border-box;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    margin-bottom: 11px;
}
.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul li:before {
    position: absolute;
    content: "";
    left: 10px;
    height: 4px;
    width: 4px;
    background: #156ba3;
    top: 8px;
}
.tatva-app-dev-experience {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 6.6rem 0 7.8rem;
}
.absolute-bg-parent .absolute-bg-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.absolute-bg-parent .absolute-bg-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.absolute-bg-parent {
    position: relative;
}
.tatva-app-dev-experience .title-wrapper {
    text-align: center;
    margin-bottom: 3.1rem;
}
.tatva-app-dev-experience .title-wrapper h2 {
    margin-bottom: 1.8rem;
    color: #fff;
	font-size: 53px;
}
.tatva-app-dev-experience .title-wrapper p {
    max-width: 80rem !important;
    margin: 0 auto;
    font-size: 22px;
    color: #fff;
}
.tatva-app-dev-experience .tatva-experience-wrapper h3 {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 400;
    background-color: #156ba3;
    text-align: center;
    padding: 1.1rem 2rem;
	margin: unset;
}
.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper {
    padding: 25px;
    background-color: #fff;
}
.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper p {
    margin-bottom: 1.8rem;
    font-size: 22px;
    max-width: 950px;
}

.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .experience-listing li {
    
    
    position: relative;
    color: #333;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;
    padding: 0 1.5rem 0 3.5rem;
    box-sizing: border-box;
	list-style: none;
}
.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .experience-listing li:before {
    position: absolute;
    content: "";
    background-image: url(../img/icons/blue-tick.svg);
    width: 20px;
    height: 20px;
    background-size: cover;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
}
.as-wrap {
    box-shadow: 0 4px 25px 0 rgba(0,0,0,0.1);
    padding: 50px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #ffffff;
}
.as-wrap h2 {
    font-size: 32px;
}
.as-wrap p {
    font-size: 16px;
}
.price h2 {
    font-weight: 700;
}
.sub .nav-link {
	color: #000000!important;
	border: none;
}

.sub .nav-link.active{
    background-color: #ffffff!important;
    color: #FF6B00!important;
	border: none;
}
.sub .nav-link.active::after {
    background-color: #FF6B00!important;
    bottom: -1px;
}

.sub .nav-link::after {
    content: '';
    background-color: #ffffff;
    width: 88%;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 10px;
}
.sub .nav-link {
    border: none;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    color: #4D4D4D;
    padding: 0.5rem 0;
    margin-right: 50px;
    position: relative;
    white-space: nowrap;
	background: unset;
	text-align: center;
}
.sub .nav-item:hover .nav-link {
    color: #000!important;
	color: #FF6B00!important;
}
.sub .nav-item:hover{
    color: #FF6B00!important;
}
.sub .nav-item:after {
    background-color: unset!important;
}
.sub {
    border-bottom: 1px solid rgba(0,0,0,0.20);
    margin-bottom: 30px;
}
.plan-card {
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    position: relative;
    box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.10);
}
.plan-card h3 {
    font-size: 28px !important;
    padding-bottom: 5px;
    border-bottom: 3px solid #FF6B00!important;
}
.plan-card h4 {
    font-size: 44px !important;
    margin-bottom: 0;
	font-weight: 700;
}
.plan-card small {
    font-size: 14px;
    display: block;
    color: #666666;
}
.plan-card h5 {
    font-size: 24px;
    font-weight: 500;
}
.inner-content-section .as-wrap p {
    font-size: 16px;
}
.plan-card li {
    text-align: left;
    margin-bottom: 5px;
	list-style: none;
}
.plan-card ul {
    padding: unset;
}
.plan-card ul span{
    font-weight: 700;
}
.support .modal-body{
	padding: 50px;
}
.explore{
	position: absolute;
    bottom: 15px;
    right: 25px;
}
.tablist .nav-link.active {
    color: #026ab3 !important;
	padding: 17px !important;
}
.tablist .nav-item{
	padding: 0px 17px;
}
.tablist .nav-item:after {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #8167a9;
    opacity: 0;
    transition: all 200ms linear;
}
.tabc{
	padding: 35px;
}
.aheto-heading__title{
	text-align: center;
    font-size: 40px;
    font-weight: 600;
}
.redefine{
	text-align: center;
    line-height: 0.1;
    margin-top: 31px;
}
.aheto-btn-container{
	text-align: center;
	margin-top: 75px;
}












@media (max-width: 992px) {
	.breadcrumbs h2 {    margin: 0 0 10px 0;  }
	.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper p {
    margin-bottom: 1.8rem;
    font-size: 16px;
    max-width: 950px;
}
.tatva-app-dev-experience {
    padding: 3.6rem 0 7.8rem;
}
.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul {
    
    margin: 19px -10px 0;
}
.tatva-technology-stack-section h2 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 37px;
}
.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper {
    padding: 20px;
}
.experience-listing{
	padding: unset;
}
.section-header h2 {
    font-size: 25px;
}
.tatva-app-dev-experience .title-wrapper h2 {
    font-size: 32px;
}
.tatva-app-dev-experience .title-wrapper p {
    font-size: 15px;
}
#about {
    padding: 10px 0;
}
.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner {
   
    padding: 1.5rem 2rem 1rem;
}
.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .experience-listing li {
    position: relative;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 17px;
    padding: 0 5px 0 38px;
    box-sizing: border-box;
    list-style: none;
}
.card-contact {
    padding: 10px !important;
}
#contact .php-email-form button[type="submit"] {
    
    padding: 2px 7px!important;
    
}
.card-contact.sec{
	padding: 36px !important;
	height: 365px!important;
}
.top{
	padding: 17px!important;
}
#contact {
    padding: 50px 0 0!important;
}
#contact .section-header h2 {
    padding-bottom: 5px!important;
}
#topbar {
    padding: 25px;
}
.counter1:after {
    width: 297px!important;
    height: 226px!important;
}
.fa-bars{
	display: block !important;
}

































}
.breadcrumbs ol {  display: flex;  flex-wrap: wrap;  list-style: none;  padding: 0;  margin: 0;  font-size: 14px;}
.breadcrumbs ol li + li {  padding-left: 10px;}
.breadcrumbs ol li + li::before {  display: inline-block;  padding-right: 10px;  color: #6c757d;  content: "/";}

@media (max-width: 768px) {  
	.breadcrumbs .d-flex {    
		display: block !important;  
	}  
	.breadcrumbs ol {    display: block;  }  .breadcrumbs ol li {    display: inline-block;  }
}/* About Section--------------------------------*/
#about {  padding: 20px 0;}
	#about .about-img {  overflow: hidden;}
	#about .about-img img {  margin-left: -15px;  max-width: 100%;}
	
@media (max-width: 768px) {  #about .about-img {    height: auto;  }  
#about .about-img img {    margin-left: 0;    padding-bottom: 30px;  }}
#about .content h2 {  color: #0c2e8a;  font-weight: 700;  font-size: 28px;  font-family: "Raleway", sans-serif;}
#about .content h3 {
    color: #000;
    font-weight: 600;
    font-size: 20px;
	height: 25px;
}
#about .content p {  line-height: 24px;}#about .content p:last-child {  margin-bottom: 0;}
#about .content i {  font-size: 17px;  padding-right: 4px;  color: #0755a7;}
#about .content ul {  list-style: none;  padding: 0;}
#about .content ul li {  padding-bottom: 10px;}

/* Services Section--------------------------------*/
#services {  padding: 20px 0;}
#services .box {
    padding: 40px;
    margin-bottom: 40px;
    /*box-shadow: rgb(112 174 229) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;*/
    background: #fff;
    transition: 0.4s;
}
#services .box:hover {  box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);  transform: translateY(-10px);  -webkit-transform: translateY(-10px);  -moz-transform: translateY(-10px);}
#services .box .icon {  float: left;}
#services .box .icon i {  color: #000;  font-size: 64px;  transition: 0.5s;  line-height: 0;  margin-top: 34px;}
#services .box .icon img {  color: #000;  font-size: 64px;  transition: 0.5s;  line-height: 0;}
#services .box .icon i:before {  background: #0755a7;  background-clip: border-box;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
#services .box .icon img:before {  background: #0755a7;  background-clip: border-box;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
#services .box h4 {  font-weight: 700;  margin-bottom: 15px;  font-size: 22px;  text-transform: uppercase;}
#services .box h4 a {  color: #444;}
#services .box p {  font-size: 14px;  margin-bottom: 0;  line-height: 24px;}
@media (max-width: 767px) {
	#services .box .box {    margin-bottom: 20px;  }  
	#services .box .icon {    float: none;    text-align: center;    padding-bottom: 15px;  }  
	#services .box h4, #services .box p {    margin-left: 0;    text-align: center;  }
}
/* Clients Section--------------------------------*/
#clients {  padding: 20px 0;}
#clients img {  max-width: 100%;  transition: 0.3s;  padding: 15px;}
#clients .owl-nav, #clients .owl-dots {  margin-top: 5px;  text-align: center;}
#clients .owl-dot {  display: inline-block;  margin: 0 5px;  width: 12px;  height: 12px;  border-radius: 50%;  background-color: #ddd;}
#clients .owl-dot.active {  background-color: #0755a7;}
/* Our Portfolio Section--------------------------------*/
#portfolio {  background: #fff;  padding: 20px 0;}
#portfolio #portfolio-flters {  padding: 0;  margin: 0 auto 25px auto;  list-style: none;  text-align: center;  border-radius: 50px;}
#portfolio #portfolio-flters li {  cursor: pointer;  display: inline-block;  padding: 10px 18px 12px 18px;  font-size: 14px;  font-weight: 500;  line-height: 1;  color: #444;  margin: 0 3px 10px 3px;  transition: all ease-in-out 0.3s;  background: #f7f7f7;  border-radius: 4px;}
#portfolio #portfolio-flters li:hover, #portfolio #portfolio-flters li.filter-active {  color: #fff;  background: #0755a7;}
#portfolio #portfolio-flters li:last-child {  margin-right: 0;}
#portfolio .portfolio-item {  margin-bottom: 30px;  overflow: hidden;}
#portfolio .portfolio-item img {  position: relative;  top: 0;  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);}
#portfolio .portfolio-item .portfolio-info {  opacity: 0;  position: absolute;  left: 15px;  right: 15px;  bottom: -50px;  z-index: 3;  transition: all ease-in-out 0.3s;  background: #0755a7;  padding: 15px 20px;}
#portfolio .portfolio-item .portfolio-info h4 {  font-size: 18px;  color: #fff;  font-weight: 600;}
#portfolio .portfolio-item .portfolio-info p {  color: #fff;  font-size: 14px;  margin-bottom: 0;}
#portfolio .portfolio-item .portfolio-info .preview-link, #portfolio .portfolio-item .portfolio-info .details-link {  position: absolute;  right: 50px;  font-size: 24px;  top: calc(50% - 18px);  color: rgba(255, 255, 255, 0.6);  transition: ease-in-out 0.3s;}
#portfolio .portfolio-item .portfolio-info .preview-link:hover, #portfolio .portfolio-item .portfolio-info .details-link:hover {  color: #fff;}
#portfolio .portfolio-item .portfolio-info .details-link {  right: 15px;}
#portfolio .portfolio-item:hover img {  top: -30px;}
#portfolio .portfolio-item:hover .portfolio-info {  opacity: 1;  bottom: 0;}
/*--------------------------------------------------------------# Portfolio Details--------------------------------------------------------------*/
.portfolio-details {  padding: 20px 0;}
.portfolio-details .portfolio-details-container {  position: relative;}
.portfolio-details .portfolio-details-carousel {  position: relative;  z-index: 1;}
.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {  margin-top: 5px;  text-align: left;}
.portfolio-details .portfolio-details-carousel .owl-dot {  display: inline-block;  margin: 0 10px 0 0;  width: 12px;  height: 12px;  border-radius: 50%;  background-color: #ddd !important;}
.portfolio-details .portfolio-details-carousel .owl-dot.active {  background-color: #0755a7 !important;}
.portfolio-details .portfolio-info {  padding: 30px;  position: absolute;  right: 0;  bottom: -70px;  background: #fff;  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);  z-index: 2;}
.portfolio-details .portfolio-info h3 {  font-size: 22px;  font-weight: 700;  margin-bottom: 20px;  padding-bottom: 20px;  border-bottom: 1px solid #eee;}
.portfolio-details .portfolio-info ul {  list-style: none;  padding: 0;  font-size: 15px;}
.portfolio-details .portfolio-info ul li + li {  margin-top: 10px;}
.portfolio-details .portfolio-description {  padding-top: 50px;}
.portfolio-details .portfolio-description h2 {  width: 50%;  font-size: 26px;  font-weight: 700;  margin-bottom: 20px;}
.portfolio-details .portfolio-description p {  padding: 0 0 0 0;}

@media (max-width: 768px) 
{  
	.portfolio-details .portfolio-description h2 {    width: 100%;  }  
	.portfolio-details .portfolio-info {    position: static;    margin-top: 30px;  }
}
/* Testimonials Section--------------------------------*/
#testimonials {  padding: 20px 0;}
#testimonials .testimonial-item {  box-sizing: content-box;  padding: 30px 30px 0 30px;  margin: 30px 15px;  text-align: center;  min-height: 350px;  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);}

@media (max-width: 767px) { 
 #testimonials .testimonial-item {    margin: 30px 10px;  }
 }
 #testimonials .testimonial-item .testimonial-img {  width: 90px;  border-radius: 50%;  border: 4px solid #fff;  margin: 0 auto;}
 #testimonials .testimonial-item h3 {  font-size: 18px;  font-weight: bold;  margin: 10px 0 5px 0;  color: #111;}
 #testimonials .testimonial-item h4 {  font-size: 14px;  color: #999;  margin: 0;}
 #testimonials .testimonial-item .quote-sign-left {  margin-top: -15px;  padding-right: 10px;  display: inline-block;  width: 37px;}
 #testimonials .testimonial-item .quote-sign-right {  margin-bottom: -15px;  padding-left: 10px;  display: inline-block;  max-width: 100%;  width: 37px;}
 #testimonials .testimonial-item p {      font-style: italic;    margin: 0 auto 15px auto;    text-align: center;}
 #testimonials .owl-nav, #testimonials .owl-dots {  margin-top: 5px;  text-align: center;}
 #testimonials .owl-dot {  display: inline-block;  margin: 0 5px;  width: 12px;  height: 12px;  border-radius: 50%;  background-color: #ddd;}
 #testimonials .owl-dot.active {  background-color: #0755a7;}
 /* Call To Action Section--------------------------------*/
 #call-to-action {  background: #081e5b;  background-size: cover;  padding: 20px 0;}
 #call-to-action .cta-title {  color: #fff;  font-size: 28px;  font-weight: 700;}
 #call-to-action .cta-text {  color: #fff;}
 @media (min-width: 769px) {  #call-to-action .cta-btn-container {    display: flex;    align-items: center;    justify-content: flex-end;  }}
 #call-to-action .cta-btn {  font-family: "Poppins", sans-serif;    text-transform: uppercase;    font-weight: 700;    font-size: 14px;    letter-spacing: 1px;    display: inline-block;    padding: 10px;    border-radius: 2px;    transition: 0.4s;    margin: 10px;    border-radius: 4px;    background: #d2e5ff;    color: #0755a7;    border: 2px solid #0755a7;}
 #call-to-action .cta-btn:hover {  background: #0755a7;  border: 3px solid #0755a7;}
 /* Our Team Section--------------------------------*/
 .team-card{    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;    padding: 5px;    background: #fff;}
 .team .member {  text-align: center;  background: #343a40;  position: relative;  overflow: hidden;  height: 300px;}.team .member img{    height: 100%;    width: 100%;filter: grayscale(70%);}
 .team .member .member-info {  opacity: 0;  position: absolute;  bottom: 0;  top: 0;  left: 0;  right: 0;  transition: 0.2s;}.team .member .member-info-content {  position: absolute;  left: 0;  right: 0;  bottom: 10px;  transition: bottom 0.4s;}.team .member .member-info-content h4 {  font-weight: 700;  margin-bottom: 2px;  font-size: 18px;  color: #fff;}
 .team .member .member-info-content span {  font-style: italic;  display: block;  font-size: 13px;  color: #fff;}
 .team .member .social {  position: absolute;  left: 0;  bottom: -38px;  right: 0;  height: 48px;  transition: bottom ease-in-out 0.4s;  text-align: center;}
 .team .member .social a {  transition: color 0.3s;  color: #fff;  margin: 0 10px;  display: inline-block;}
 .team .member .social a:hover {  color: #cda45e;}
 .team .member .social i {  font-size: 18px;  margin: 0 2px;}
 .team .member:hover .member-info {  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 212, 255, 0) 100%);  opacity: 1;  transition: 0.4s;}
 .team .member:hover .member-info-content {  bottom: 60px;  transition: bottom 0.4s;}
 .team .member:hover .social {  bottom: 0;  transition: bottom ease-in-out 0.4s;}
 
 /* Contact Section--------------------------------*/
 #contact { padding: 20px 0;}
 #contact .contact-info {  margin-bottom: 20px;}
 #contact .contact-info address, #contact .contact-info p {  margin-bottom: 0;  color: #000;}
 #contact .contact-info h3 {  font-size: 18px;  margin-bottom: 15px;  font-weight: bold;  text-transform: uppercase;  color: #999;}
 #contact .contact-info a {  color: #000;}
 #contact .contact-info a:hover {  color: #0755a7;}
 #contact .contact-address, #contact .contact-phone, #contact .contact-email {  margin-bottom: 20px;}
 @media (min-width: 768px) {
	 #contact .contact-address, #contact .contact-phone, #contact .contact-email {    padding: 10px 0; 
	 }
}
@media (min-width: 768px) {  #contact .contact-phone {    border-left: 1px solid #ddd;    border-right: 1px solid #ddd;  }}
#contact #google-map {  height: 290px;  margin-bottom: 20px;}
@media (max-width: 576px) {  
#contact #google-map {    margin-top: 20px;  }
}
#contact .php-email-form .validate {  display: none;  color: red;  margin: 0 0 15px 0;  font-weight: 400;  font-size: 13px;}
#contact .php-email-form .error-message {  display: none;  color: #fff;  background: #ed3c0d;  text-align: left;  padding: 15px;  font-weight: 600;}
#contact .php-email-form .error-message br + br {  margin-top: 25px;}
#contact .php-email-form .sent-message {  display: none;  color: #fff;  background: #18d26e;  text-align: center;  padding: 15px;  font-weight: 600;}
#contact .php-email-form .loading {  display: none;  background: #fff;  text-align: center;  padding: 15px;}
#contact .php-email-form .loading:before {  content: "";  display: inline-block;  border-radius: 50%;  width: 24px;  height: 24px;  margin: 0 10px -6px 0;  border: 3px solid #18d26e;  border-top-color: #eee;  -webkit-animation: animate-loading 1s linear infinite;  animation: animate-loading 1s linear infinite;}
#contact .php-email-form input, #contact .php-email-form textarea {  /*padding: 10px 14px; */ border-radius: 0;  box-shadow: none;  font-size: 15px;}
#contact .php-email-form input::focus, #contact .php-email-form textarea::focus {  background-color: #0755a7;}
#contact .php-email-form button[type="submit"] {  background: #0755a7;  border: 0;  border-radius: 3px;  padding: 10px 30px;  color: #fff;  transition: 0.4s;  cursor: pointer;}
#contact .php-email-form button[type="submit"]:hover {  background: #2dc899;}
@-webkit-keyframes animate-loading {  0% {    transform: rotate(0deg);  }  100% {    transform: rotate(360deg);  }}
@keyframes animate-loading {  0% {    transform: rotate(0deg);  }  100% {    transform: rotate(360deg);  }}/*--------------------------------------------------------------# Footer--------------------------------------------------------------*/
#footer {  font-size: 16px;  background-color: #fff;}
#footer .copyright {  text-align: center;  color: #0755a7;}
#footer .credits {  text-align: center;  font-size: 13px;  color: #555;}
#footer .credits a {  color: #0c2e8a;}
/*# Cta--------------------------------------------------------------*/
.cta {  background-image: url(../img/bg-cta.jpeg)}
.cta h3 {  font-size: 28px;  font-weight: 700;}
.cta h3 span {  color: #0755a7;}
.cta p {  padding: 0;  margin: 0;}
.cta .cta-btn {  font-family: "Poppins", sans-serif;    text-transform: uppercase;    font-weight: 700;    font-size: 14px;    letter-spacing: 1px;    display: inline-block;    padding: 10px;    border-radius: 2px;    transition: 0.4s;    margin: 10px;    border-radius: 4px;    background: #d2e5ff;    color: #0755a7;    border: 2px solid #0755a7;}
.cta .cta-btn:hover {  border: 2px solid #0755a7;  color: #0755a7;  background: #fff;}

@media (max-width: 1024px) {  .cta {    background-attachment: scroll;  }}
@media (min-width: 769px) {  .cta .cta-btn-container {    display: flex;    align-items: center;    justify-content: flex-end;  }}

/*--------------------------------------------------------------# Counter--------------------------------------------------------------*/
.counter{    
	/*color: #000;
	background: #0755a7;*/
	text-align: center;
	/*width: 200px;
	padding: 25px 30px 10px;*/
	/*margin: 15px auto;
	border-radius: 30px 0;*/
	/*box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;*/
	position: relative;
	/*z-index: 1;
	height: 200px;*/
}
.counter:before{    content: "";    background: #fff;   /* border-radius: 15px 0 30px 0;    box-shadow: inset 0 4px 8px rgba(0,0,0,0.15); */   position: absolute;    top: 12px;    left: 12px;    right: 12px;    bottom: 12px;    z-index: -1;}
.counter .counter-icon{    height: 45px;  transition: transform .2s;    color: #005858;text-align: left;}
.counter:hover .counter-icon{    -ms-transform: scale(1.1); /* IE 9 */  -webkit-transform: scale(1.1); /* Safari 3-8 */  transform: scale(1.1); }
.counter h3{    font-size: 17px;font-weight: 500;letter-spacing: 1px;margin: 0 0 20px;font-family: 'Teko', sans-serif;}
.counter .counter-value{    color: #fff;    background: #0755a7;    font-size: 33px;    font-weight: 600;    text-align: center;    line-height: 60px;    width: 90%;    height: 50px;    padding: 0 15px;    margin: 0 0 0 -20px;    display: block;}
.counter.pink:before{ background-color: #0755a7; }
/*.position{
	margin-top: 115px;
    margin-left: 135px;
}*/

@media screen and (max-width: 991px) {
	.ml-125{ margin-left: unset !important;}
	.info-box {
    margin-bottom: 20px;
    height: auto!important;
}
	.blog-grid {
    height: 385px!important;
}
	.tatva-service-section {
    height: auto !important;
}
  .item img {
    height: auto !important;
}
.box {
     width: 100%!important; 
    
}
.counter .counter-icon {
    height: 110px!important;
    
}
.we-offer-area .our-offer-items.less-carousel .equal-height {
    margin-bottom: unset !important;
}
.i-c {
    position: absolute;
    top: 105px !important;
    left: 87px!important;
}
.aheto-heading__desc.mb-5{
	 margin-bottom: unset !important;
}
.redefine {
    line-height: unset !important;
    margin-top: 9px;
}
.aheto-btn-container {
    text-align: center;
    margin-top: 35px;
}
#our-achievements .row{
	margin-left: -17px !important;
    margin-right: -17px !important;
}
.counter-box {
    padding: 20px 10px 28px;
    margin-bottom: 10px;
}
#achieve .row{
	margin-left: -17px !important;
    margin-right: -17px !important;
}
.nav-tabs {
    border-bottom: unset !important;
}
.footmb{
	display:none;
}
.p-3{
	padding: unset !important;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav {
    position: absolute !important;
    left: 10px!important;
    font-size: 23px!important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {
    position: absolute!important;
    right: -11px!important;
    font-size: 23px!important;
}
#social_side_links {
    position: fixed;
    top: 35%!important;
    right: 0;
    padding: 0;
    list-style: none;
    z-index: 99;
}
.pb-5, .py-5 {
    padding-bottom: 1rem!important;
}
.pt-5, .py-5 {
    padding-top: 1rem!important;
}
.add h2{
	font-size: 27px;
	font-weight: 500;
}
.h1, h1 {
    font-size: 2rem;
}
.h4, h4 {
    font-size: 1.3rem;
}
.label {
	margin-top:33px;
}
.card1{
	padding: unset !important;
	margin-bottom: unset !important;
}
.fast{
	margin-bottom: unset !important;
}
.carousel-inner .carousel-item  img{
	height: 260px!important;
}
.counter1 {
    height: 210px!important;
    width: 90%!important;
    
}
.pill{	
    height: 300px!important;
    padding: 24px!important;
}
.why-us{
	margin-top: unset !important;
}
.media-card{
	padding: unset !important;
}
#feature .box-item{
	margin-top: 10px!important;
}
.full{
	font-size: 40px!important;
    line-height: 53px!important;
}
.why-img{
	height: 245px!important;
	padding: 25px;
}
.about-section .image-column .image-block:nth-child(1) {
    margin-left: unset!important;
    height: 385px;
}
.about-section .image-column .image-block:nth-child(2) {
    margin-right: unset!important;
    height: 345px;
}
.about-section .text-column .inner {
    padding-left: unset!important;
}
.no-big{
	text-align: left!important;
    padding-top: 35px!important;
}
.man{
	float: unset!important;
	height: 295px!important;
}
.counter.abt{
	margin-bottom: unset!important;
	height: 200px;
	
}
.counter.abt img{
	height: 105px !important;
	
}
.counter.abt .mt-4{
	margin-top: 28px!important;
}
.counter.abt .in{
	position: relative;
    left: 1px;
    bottom: unset!important;
	top: -60px;
}
#about .counter.abt h3 {
    margin-left: 25px;
    font-size: 17px!important;
    line-height: 20px!important;
}
#about .counter.abt ul li {
    padding-bottom: 6px;
}
.c-round {
    
    height: 243px!important;
    width: 243px!important;
}
.map-section .position ul li {
    
    font-size: 16px!important;
    line-height: 16px!important;
   
    margin-bottom: 5px!important;
    text-align: left;
}
.site-heading {
    margin-bottom: 60px!important;
    margin-top: 30px!important;
}
.we-offer-area.text-center .item {
    padding: 42px 21px 42px!important;
}
.support {
    width: 90% !important;
    max-width: 100% !important;
    margin-left: 17px;
    margin-top: 20px !important;
}
.content .card-body{
	padding: 10px;
}
#myBtnContainer .btn{
	padding: 12px 8px;
}
.register-info-box {
    padding: 20px !important;
    text-align: center !important;
}
.white-panel{
	width: 100%!important;
}
.training{
	margin-top: 25px;
}
.training .section-header h2{
	padding-bottom: unset;
}
.training .blockabout-inner{
	padding: unset;
}
.register-info-box h3 {
    
	font-size: 22px;
}
.register-info-box p {
    text-align: left;
}
.white-panel{
	height: 100%!important;
	padding: 6px!important;
}
.part{
	margin-top: 25px;
}
.part .section-header h2{
	padding-bottom: unset;
}
.career{
	margin-top: 25px;
}
.career .section-header h2{
	padding-bottom: unset;
}

.as-wrap {
    padding: 15px;
}
.plan-card .mb-5{
	margin-bottom: 1rem!important;
}
  }
  
  
  
  @media (max-width: 575px){
.tatva-service-section {
    padding-bottom: 40px;
}

  }
  
  @media (max-width: 767px){
	  .tatva-service-section .inner-decription p {
    font-size: 15px;
    
}
.project-information-list>li:nth-child(2n) {
    border-left: 1px solid #eee;
}

.tatva-service-section {
    padding: 3.5rem 0 1.6rem;
  }
  .tatva-service-section .inner-decription {
    margin-bottom: 2rem;
}
.project-information-list {
    flex-wrap: wrap;
    border-bottom: none;
    margin: 0;
    align-items: flex-start;
}
.project-information-list>li {
    flex: 0 0 50%;
    max-width: 50%;
}
.project-information-list span {
    font-size: 36px !important;
}
.project-information-list p {
    font-size: 13px !important;
	padding: unset !important;
}
.project-information-list>li+li::before {
    height: 0.1rem;
    width: 100%;
}
}