/* common css strats here */

ul {list-style-type:none; padding:0px; margin: 0px;}

/* ul li {list-style-type:none; padding:0px;} */

/* a.customize{text-decoration:none;}/* for removing underline for anchor*/ 

a{text-decoration:none !important;}/* for removing underline for anchor*/

button:focus { outline: 0px !important; }

a:hover { text-decoration: none; }

textarea { resize: none;}

.w-100{width:100%;}

.h-100 {height:100%;}

/* for display */

.d-inline-flex{display:inline-flex ;}/* for display inline */

.d-flex{display:flex ;}/* for display inline */

/* for positions */

.pos-relative{position:relative;}

.pos-absolute{position:absolute;}

/* padding styles */

.p-0{padding:0px;}

.p-10p{padding:10px;}

.p-15p{padding:15px;}

.p-20p{padding:20px;}

.p-30p{padding:30px;}

.p-40p{padding:40px;}

.pt-15p{padding-top:15px;}

.pt-20p{padding-top:20px;}

.pt-40p{padding-top:40px;}

.pt-50p{padding-top:50px;}

.ptb-5p{padding-top:5px;padding-bottom:5px;}

.ptb-10p{padding-top:10px;padding-bottom:10px;}

.ptb-15p{padding-top:15px;padding-bottom:15px;}

.ptb-20p{padding-top:20px;padding-bottom:20px;}

.ptb-25p{padding-top:25px;padding-bottom:25px;}

.ptb-30p{padding-top:30px;padding-bottom:30px;}

.ptb-40p{padding-top:40px;padding-bottom:40px;}

.ptb-50p{padding-top:50px;padding-bottom:50px;}

.ptb-60p{padding-top:60px;padding-bottom:60px;}

.ptb-70p{padding-top:70px;padding-bottom:70px;}

.plr-10p{padding-left:10px;padding-right:10px;}

.plr-20p{padding-left:20px;padding-right:20px;}

.plr-30p{padding-left:30px;padding-right:30px;}

.pb-10p{padding-bottom:10px;}

.pb-15p{padding-bottom:15px;}

.pb-20p{padding-bottom:20px;}

.pb-30p{padding-bottom:30px;}

.pb-40p{padding-bottom:40px;}

.pb-60p{padding-bottom:60px;}

.pb-80p{padding-bottom:80px;}

.ptb-4060p{padding-top:40px;padding-bottom:60px;}

.pr-0p{padding-right:0px;}

.pl-0p{padding-left:0px;}

.pl-10p{padding-left:10px;}

.pl-20p{padding-left:20px;}

.pl-50p{padding-left:50px;}

.pr-50p{padding-right:50px;}

.pl-20p{padding-left:20px;}

/* margin styles */

.m-0{margin:0px;}

.m-15p{margin:15px;}

.m-lr-auto{margin:0px auto;}

.mt-5p{margin-top:5px;}

.mt-10p{margin-top:10px;}

.mt-15p{margin-top:15px;}

.mt-20p{margin-top:20px;}

.mt-25p{margin-top:25px;}

.mt-30p{margin-top:30px;}

.mt-40p{margin-top:40px;}

.mt-50p{margin-top:50px;}

.mt-60p{margin-top:60px;}

.mt-70p{margin-top:70px;}

.mt-80p{margin-top:80px;}

.mt-90p{margin-top:90px;}

.mt-100p{margin-top:100px;}

.mb-0p{margin-bottom:0px;}

.mb-5p{margin-bottom:5px;}

.mb-10p{margin-bottom:10px;}

.mb-15p{margin-bottom:15px;}

.mb-20p{margin-bottom:20px;}

.mb-25p{margin-bottom:25px;}

.mb-30p{margin-bottom:30px;}

.mb-40p{margin-bottom:40px;}

.mb-60p{margin-bottom:60px;}

.mb-70p{margin-bottom:70px;}

.mb-80p{margin-bottom:80px;}

.mtb-2040p{margin-top:20px;margin-bottom:40px;}

.mtb-10p{margin-top:10px;margin-bottom:10px;}

.mtb-15p{margin-top:15px;margin-bottom:15px;}

.mtb-20p{margin-top:20px;margin-bottom:20px;}

.mtb-30p{margin-top:30px;margin-bottom:30px;}

.mtb-40p{margin-top:40px;margin-bottom:40px;}

.mtb-50p{margin-top:50px;margin-bottom:50px;}

.mtb-60p{margin-top:60px;margin-bottom:60px;}

.mlr-10p{margin-left:10px;margin-right:10px;}

.mlr-20p{margin-left:20px;margin-right:20px;}

.ml-10p{margin-left:10px;}

.mr-5p{margin-right:5px;}

.mr-10p{margin-right:10px;}

.mr-50p {margin-right: 50px;}

.mr-40p {margin-right: 40px;}

.mr-30p {margin-right: 30px;}

.mr-20p {margin-right: 20px;}

/* for box shadow */


/* for border radius  */

.brad-0 {border-radius: 0;}

.brad-2 {border-radius: 2px;}

.brad-3 {border-radius: 3px;}

.brad-4 {border-radius: 4px;}

.brad-5 {border-radius: 5px;}

.brad-50 {border-radius: 50px;}

/* for borders  */

.br-0p {border: 0;}

/* for letter spacing  */

.ls-1p {letter-spacing: 1px;}

.ls-2p {letter-spacing: 2px;}

.ls-4p {letter-spacing: 4px;}

/* for text-patterns*/

.txt-up {text-transform: uppercase;}

.txt-cap {text-transform: capitalize;}

.txt-undline {text-decoration: underline; }

/* for backgorund colors */

.bg-white{background-color:white;}

.bg-black{background-color:#000000;}

.bg-trans {background: transparent;}

.bg-gray {background-color: #f4f4f4;}

.bg-blue { background-color:#042C71;}

/* for text-colors*/

.text-black{color:#000000;}

.text-white{color:#ffffff;}

.text-blue{color:#042C71;}

.text-color{color:#262626;}


/* for text-alignment*/

.align-items { align-items: center;}

.align-flex-end {align-items: flex-end;}

.justify-space {justify-content: space-between;}

.justify-center {justify-content: center;}

.justify-flex-end {justify-content: flex-end;}

.wh-space {white-space: pre-line;}

.obj-fit {object-fit: cover;}

/* for font-size */

.font11 {font-size: 11px;}

.font12 {font-size: 12px;}

.font13 {font-size: 13px;}

.font14 {font-size: 14px;}

.font15{font-size:15px;}

.font16{font-size:16px;}

.font17{font-size:17px;}

.font18{font-size:18px;}

.font20{font-size:20px;}

.font22{font-size:22px;}

.font23{font-size:23px;}

.font26{font-size:26px;}

.font30{font-size: 30px;}

.font44{font-size: 44px;}

.font40{font-size: 40px;}

.font50{font-size: 50px;}

.font52{font-size: 52px;}

/* for line-hieght */

.lh-16p {line-height: 16px;}

.lh-18p {line-height: 18px;}

.lh-20p {line-height: 20px;}

.lh-22p {line-height: 22px;}

.lh-23p {line-height: 23px;}

.lh-24p {line-height: 24px;}

.lh-25p {line-height: 25px;}

.lh-26p {line-height: 26px;}

.lh-27p {line-height: 27px;}

.lh-28p {line-height: 28px;}

.lh-33p {line-height: 33px;}

/* for font-weight */

.fw-600 {font-weight: 600;}

/* for font related css */

.fnt-tungsten-semibold{ font-family: 'Tungsten-SemiBold';}

.fnt-pop-light{font-family: 'Poppins-Light';}

.fnt-pop-medium{font-family: 'Poppins-Medium'; }

.fnt-pop-bold{font-family: 'Poppins-Bold';}

.fnt-robo-reg{ font-family: 'Roboto-Regular';}

.fnt-robo-med{font-family: 'Roboto-Medium';}


/* for text-alignment*/

.align-center {align-items:center;}

.text-center { text-align: center;}

.text-right { text-align: right;}

.text-left { text-align: left;}

.text-end { text-align: end;}

.text-justify { text-align: justify;}

.text-initial { text-align: initial;}


body {
	font-family: 'Roboto-Regular';
	color: #2d2d2d;
	font-size: 15px;
	line-height: 25px;
}
.container {
	max-width: 1170px !important;
	padding-left: 0;
    padding-right: 0;
}

/*----- navbar toggler  css -----*/

.navbar-toggler.x {
  border: none;
}
.navbar-toggler.x:focus {
  outline: none;
}
.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 10% 10%;
  -ms-transform-origin: 10% 10%;
  transform-origin: 10% 10%;
}
.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0);
}
.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 10% 90%;
  -ms-transform-origin: 10% 90%;
  transform-origin: 10% 90%;
}
.navbar-toggler.x .icon-bar {
  width: 22px;
  display: block;
  height: 2px;
  background-color: #000;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.navbar-toggler.x .icon-bar + .icon-bar {
  margin-top: 4px;
}
.navbar-toggler.x .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.navbar-toggler.x .icon-bar:nth-of-type(2) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar-toggler.x .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

/* ------------------------------------------------------------------------------------------------------------*/
		/* HOME PAGE STARTS HERE */
/* ------------------------------------------------------------------------------------------------------------*/

.common-section {
	padding-top:60px; 
	padding-bottom:60px;
}
.sub_title {
	font-size: 15px;
	color: #00a7e6;
}
.sec_title {
	font-size: 36px;
	line-height: 42px;
	color: #262626;
	font-family: 'DMSANS-BOLD';
}
.common_btn{
	border: 1px solid #202020;
	padding:11px 25px;
}
.common_btn:hover{
	border: 1px solid #042C71;
	background-color:#042C71;
	color:#fff;
}

.common_btn-1{
	border: 1px solid #202020;
	padding:11px 25px;
  margin-left: 80px;
 
  background-color: #f46c1c;
  color: white;

}
.common_btn-1:hover{
	border: 1px solid #042C71;
	background-color:#042C71;
	color:#fff;
}
.btn-margin{
  margin-bottom: 70px;
}



.bg-properties {
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
	
.form-control {
    height: 50px;
    border-radius: 0px;
   border: 1px solid #cccccc;
}

.form-control:focus {box-shadow: none;}
	
		/* header section starts here */

.header-sec {
    filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.15));
    position: fixed;
    /* top: 0; */
    z-index: 999;
    width: 100%;
}

.header-sec .navbar {padding:0rem 0rem !important;}

.header-sec .navbar-brand {padding: 0; border-right: 1px solid #e4e4e4;;}

.header-logo {
    padding-right: 55px;
    height: 86px;
    object-fit: cover;
    padding-top: 15px;
    padding-bottom: 15px;
}

.menu li {margin-left:12px;}

.menu a {font-size: 13px; line-height: 18px; 
color: #000000; text-transform: uppercase; font-family: 'Roboto-Regular';}

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0rem;
}
}

.menu a:hover {color: #042C71;}

.menu .nav-item.active a {color: #042C71;}

.dropdown-menu {
	margin:0px;
	min-width:250px;
	padding-bottom:0px !important;
	padding:20px;	
	border:0px; border-radius:0px 0px 4px 4px;
}

.dropdown-menu a {
    display: block;
    position: relative;
    padding: 15px 12px;
	border-bottom: 1px solid #e8e8e8 !important;
	color:#000000 !important;
}

.dropdown-menu a:last-child {border-bottom: 0px solid #e8e8e8;}

.dropdown-menu a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -15px;
    width: 10px;
    height: 2px;
    opacity: 0;
    background-color: #0092ff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.dropdown-toggle::after {vertical-align: 0.20em !important;}

.dropdown:hover .dropdown-menu {display: block;}

.dropdown-menu a:hover {background:transparent; color:#000000;}

.dropdown-menu a:hover:after {opacity: 1; left: -7px;}

		/* banner-sec css */

.banner-sec,.inner-banner {margin-top: 86px;}
		
.banner-theory {top: 28%; left: 7%;}

.banner-theory h1{
	font-size: 40px;
	line-height: 46px;
	filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.75));
	font-family: 'Poppins-Bold';
}

.banner-theory a {background-color: #042C71; padding: 12px 25px;}

.carousel-indicators {bottom: 25px;}

.carousel-indicators li {width: 9px; height: 9px; border-radius: 50%;}

	/* why choose us section css */
	
.choose-heading {
    background: #042C71;
    position: relative;
    padding: 20px 0px;
}

.choose-heading::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 90px solid transparent;
    border-right: 90px solid transparent;
    border-top: 30px solid #042C71;
    position: absolute;
    bottom: -29px;
    right: 0;
    left: 0;
    margin: 0px auto;
    z-index: -1;
}

.cloud_icon {width: 100%; height: 230px; object-fit: cover;}

.cloud_content {padding: 20px 20px 35px 20px; border: 1px solid #b5b5b5; border-top: 0;}

.clo-data {min-height:163px;}

	/*services section css */

.work {margin-top:20px;}

.takes-box {padding:20px 25px; border: 1px solid #f4cc6c; height:100%;}

.takes-box img {
	height:55px;
	margin-bottom: 10px;
}

.work:nth-child(2) .takes-box{border: 1px solid #c2cce0;}

.work:nth-child(3) .takes-box{border: 1px solid #f2b4b9;}

.work:nth-child(4) .takes-box{border: 1px solid #9ed4b8;}

.work:nth-child(5) .takes-box{border: 1px solid #ade0f0;}

.work:last-child .takes-box{border: 1px solid #ddc2f0;}


.takes-box:hover {border: 1px solid #ffb400;}

.work:nth-child(2) .takes-box:hover{border: 1px solid #6988c7;}

.work:nth-child(3) .takes-box:hover{border: 1px solid #f7808a;}

.work:nth-child(4) .takes-box:hover{border: 1px solid #4dc889;}

.work:nth-child(5) .takes-box:hover{border: 1px solid #4fcbf3;}

.work:last-child .takes-box:hover{border: 1px solid #bc77ec;}

	/* footer section css */

.footer-sec {background-image: url(../images/footer-bg.png); padding-top:37px;}

.copyright { background-color: #13306ba1;}


/* -----------------------------------------------------*/
		/* ABOUT PAGE STARTS HERE */
/* -----------------------------------------------------*/

.inner_banicon{height: 225px; object-fit: cover;}

.content-li li {
    margin-bottom: 1.4%;   
    padding-left: 20px;
    vertical-align: middle;
}

.content-li li:before {
    content: "\2713 ";
    border-radius: 50%;
    margin-right: 12px;
    background-color: #042C71;
    margin-left: -30px;
    display: inline-block;
    color: #fff;
    padding: 0px 5px;
    font-size: 10px;
    font-weight: 600;
    line-height: 17px;
    transform: translateY(-1px);
}


/*      kiran css start      */
label.error {
  display: block;
  margin: 3px 0;
  color: red;
}


/*.innee-con-head-posation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section_title2 {
	font-size: 38px;
	line-height: 40px;
	color: #fff;
	font-family: 'Poppins-SemiBold';
}*/


.innee-con-head-posation {
  position: absolute; top:86px; left:0; width:100%; z-index:0;}
  
  
.section_title2 {
padding-top:172px;
padding-bottom:85px;
	font-size: 38px;
	line-height: 40px;
	color: #fff;
	font-family: 'Poppins-Bold';
	 z-index:30;
}

.inner-ser-li li{/*border: 1px solid #bdc0f4;border-top: none;*/ font-size: 20px;}

.inner-ser-li a{color: #2f2f2f;} 
.inner-ser-li li:hover a{color: #5c61d7!important;} 
.inner-ser-li li.active a{color: #5c61d7;}

.our-ser-bg{background-color: #ffab06;}

.our-ser-head{color:#000; font-size:26px; font-family:Poppins-Bold; margin:0px; padding-bottom:15px;}


.service-border{border: 1px solid #dee1e7;}
.service-b-border{border-bottom: 1px solid #dee1e7;}

.it-consult-spec {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    height: 300px;
}
.content-li li {
    margin-bottom: 1.4%;   
    padding-left: 20px;
    vertical-align: middle;
}

.content-li li:before {
    content: "\2713 ";
    border-radius: 50%;
    margin-right: 12px;
    background-color: #042C71;
    margin-left: -30px;
    display: inline-block;
    color: #fff;
    padding: 0px 5px;
    font-size: 10px;
    font-weight: 600;
    line-height: 17px;
    transform: translateY(-1px);
}


/* 3.4.1 Projects Carousel  start  */

.project-carousel{
  margin-top: 2rem;
}

.owl-nav{
  position: absolute;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.owl-nav .disabled{
  color: #bcbcbc;
}

.owl-prev,
.owl-next{
  display: inline-block;
  font-size: 2.8rem;
  line-height: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.owl-prev:before{
  font-family:"Ionicons";
  content: "\f3d2";
}

.owl-next:before{
  font-family:"Ionicons";
  content: "\f3d3";
}

.owl-prev:hover,
.owl-next:hover{
  color: #e3431d;
}

.owl-dots{
  text-align: center;
  margin-top: 2.857rem;
}

.owl-dot{
  display: inline-block;
  vertical-align: top;
   margin:0 0.6rem;
}

.owl-dot span{
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #cccccc;
}

.owl-dot.active span{
  background-color: #e3431d;
}

.project-item{
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.project-item img{
  width:100%;
  height:250px;
}

.item-shadow{
  position: relative;
}

.item-shadow:before{
  content:'';
  position: absolute;
  z-index: 1;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%); 
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%);
}

.project-item .link-arrow{
  position: absolute;
  z-index: 2;
  color: #fff;
  left: 3rem;
  bottom: 2.3rem;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.project-hover{
  position: absolute;
  z-index: 2;
  left: 0;
  top:0;
  width: 100.1%;
  height: 100%;
  padding:25px 25px 25px 25px ;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.project-title{
  color: #fff ;
  margin-right:10px;
  font-size:23px;
  font-family:'Poppins-Medium'
}

.project-hover .project-title{
  position: absolute;
  bottom: 0.8rem;
}

.project-description{
  opacity: 0;
  margin-top:6%;
  line-height: 1.71;
  color:#fff;
  -webkit-transform: translateX(-1rem);
  -ms-transform: translateX(-1rem);
  -o-transform: translateX(-1rem);
  transform: translateY(-1rem);
}

.project-item:hover .project-hover{
  background-color:#18154ed1;
}
.project-item:hover .project-hover .project-title{
  position: relative;
  color: #fff;
  bottom:2rem;
  -webkit-transform: translateY(2rem);
  -ms-transform: translateY(2rem);
  -o-transform: translateY(2rem);
  transform: translateY(2rem);
  -webkit-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}

.project-item:hover .project-hover .project-description{
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateY(0);
  -webkit-transition: all 0.4s 0.2s ease;
  -o-transition: all 0.4s 0.2s ease;
  transition: all 0.4s 0.2s ease;
}

.project-item:hover .link-arrow{
  color: #000;
}



/* 3.4.1 Projects Carousel  end  */




/*  kk  */
@media only screen and (max-width:980px){

}


@media only screen and (max-width:800px){

.inner_banicon{height: 150px; object-fit: cover;}

.innee-con-head-posation {position: absolute; top:86px; left:0; width:100%; z-index:0;}
  
  
.section_title2 {
padding-top:140px;
padding-bottom:60px;
	font-size: 32px;
	line-height: 40px;
}

}
@media only screen and (max-width:480px){

.inner_banicon{height: 150px; object-fit: cover;}

.innee-con-head-posation {position: absolute; top:78px; left:0; width:100%; z-index:0;}
  
  
.section_title2 {
padding-top:145px;
padding-bottom:65px;
	font-size:24px;
	line-height: 30px;
}

}


@media only screen and (max-width:380px){
.rsp-ptb-25p {
  padding-top: 0px!important;
  padding-bottom: 25px;
}

}

/*    kk  kiran css end      */




/* lakshmi css 14-02-2022 */

/* -----------------------------------------------------*/
		/* CONTACT PAGE STARTS HERE */
/* -----------------------------------------------------*/

.con-but {padding: 10px 35px 8px 35px;}


/* ------------------------------------------------------------------------------------------------------------*/
		/* CAREER PAGE STARTS HERE */
/* ------------------------------------------------------------------------------------------------------------*/

.car-border-t {border-top: 1px solid #eaeaea;}

.car-border-b{border-bottom:1px solid #eaeaea;}

.job-b-bor {border-bottom: 1px solid #042C71; display:inline-block;}

.career-box {
    filter: drop-shadow(0px 8px 15px rgba(0,0,0,0.1));
    background: white;
    border-radius: 7px;
    /* padding-bottom: 10px; */
}

.apply-button {
    border-radius: 3px;
    background: #042C71;
    padding: 12px 60px;
	font-size:18px;
}

.read-more__link {
    padding: 0px 30px 10px 0px;
    display: block;
    margin-top: -36px;
    padding-bottom: 29px;
    text-align: right;
    color: #042C71;
    cursor: pointer;
}

/* ------------------------------------------------------------------------------------------------------------*/
		/* CLIENT SERVICES PAGE STARTS HERE */
/* ------------------------------------------------------------------------------------------------------------*/


.client-block {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    column-gap: 20px;
    row-gap: 20px;
}

/* ------------------------------------------------------------------------------------------------------------*/
		/*FAQ PAGE STARTS HERE */
/* ------------------------------------------------------------------------------------------------------------*/


.faq-box {
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 3px 0px rgb(156 154 156);
    -moz-box-shadow: 0px 0px 3px 0px rgba(156,154,156,1);
    box-shadow: 0px 0px 3px 0px rgb(156 154 156);
    padding: 15px;
    border-radius: 5px;
}
.faq-box:hover {
    border: 1px solid #042C71;
}


/* ------------------------------------------------------------------------------------------------------------*/
		/*SERVICE PROCESS PAGE STARTS HERE */
/* ------------------------------------------------------------------------------------------------------------*/


.timeline .event {position: relative;}

.timeline:before {
    content: "";
    height: 100%;
    width: 2px;	
    border: 1px solid #ebebeb;
    position: absolute;
    left: 50%;
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.timeline li:nth-child(odd).event:after {
    left: 109%;
	box-shadow: 0 0 0 4px #edf5d8;
    background: #042C71;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    content: "";
    top: 50%;
	position: absolute;
    display: block;
}

.step-block {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	column-gap:100px;
	row-gap: 40px;
}

.step-block li {
    border: 1px solid #d6d5d5;
    border-radius: 2px;
    padding: 25px;
}
.step-block p{
	margin:0px;
}

.step-block h3 {
    content: attr(data-date);
    font-weight: 600;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}