body{color:#5D5D5D; }
 h1, h2, h3, p {font-family:Rubik }
h2{font-size:38px;}
.sec-2{padding:15px}
.sec3-cont{padding:40px 150px}
a.sec3-link{color:red}
.sec3-cont h2{text-align:center; padding:40px 0; font-size:40px; color:#537CBB; font-weight:400}
.sec3-cont h3{font-size:30px; color:#537CBB; padding:10px 0; font-weight:400}
/*.sec-cont-grp{padding:20% 3%}*/
.slider-bnr{background:#537CBB; padding:50px 0;}

.sec4-cont{ padding:3% 4%; background:#65757c; background-image:url('../png/images-93.png'); position: relative;background-size: cover;} 
.sec4-cont h2{padding: 20px 0;
    font-weight: 400;
    font-size: 40px;
    color: #072047;
    text-align: left;
    line-height: 46px;}
  .sec4-cont p{color:#5D5D5D; text-align:left; font-size:18px;padding-bottom: 22px; }
  .box-shadow{-moz-box-shadow: 0 0 3px 3px #eee;
-webkit-box-shadow: 0 0 3px 3px #eee;
box-shadow: 0 0 3px 3px #eee;
padding:40px;
margin:30px 10px 80px 10px;
flex: 1;
height:250px;
 }
 .wht-box{width:99%;
    height:auto;
    background:#FFF;
    padding:7px 30px;
	
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #ccc;
  -webkit-box-shadow: 0 15px 10px #ccc;
  -moz-box-shadow: 0 15px 10px #ccc;
  box-shadow: 0 15px 10px #ccc;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.sec5-cont{display: flex; width: 100%;}
.sec5-cont h2{text-align:center; padding:40px 0; font-size:40px; color:#537CBB; font-weight:400}
.sec5-cont h4{text-align:left; padding:0; font-size:79px; color:#537CBB}
.sec5-cont p{font-size:20px}
.sec5-cont .linkedin{color:#bfbfbf}
.sec6-cont{ text-align:center;padding:50px 0 40px 0;}
.sec6-cont-p p{text-align:center; padding-top:70px; padding-bottom: 19px; font-size:24px;  color:#5D5D5D; font-style:[NunitoSans];
  }
  .do-know{border:1px solid #ccc; padding:20px 40px ; margin:20px 60px 0 60px;-moz-box-shadow: 0 0 3px 3px #eee;
-webkit-box-shadow: 0 0 3px 3px #eee;
box-shadow: 0 0 3px 3px #eee;
padding:40px;
  margin:30px 10px 80px 10px;}
.cntr-img{display:flex; align-items: center; }
  .do-know span{ color:#FA7D01;}
  .do-know p{text-align:left; font-size:23px;}
  .button {
  background-color: #FA7D01;
  border: none;
  color: white;
  padding: 22px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 0px;
}
.button-msgbox {
  background-color: #FA7D01;
  border: none;
  color: white;
  padding: 12px 50px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
}

.button-bnr {
     border: none;
    color: white;
    padding: 10px 21px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 4px 3px;
    cursor: pointer;
    border-radius: 0px;
	font-weight:200;
	transform: scale(1,1.03);
}
.btn-1{background-color:#565BA7}
.btn-2{background-color:#537CBB}
.btn-3{background-color:#4AAED4}
.scroll-top-btn {
  width:40px;
  height:40px;
  position: fixed;
  bottom: 52px;
  right: 80px;
  z-index: 99;
  display: none;
  text-align: center;
  animation-name: scrollTopAnim;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  background:#FA7D01;
  border:none;
}
.scroll-top-btn span:before {
  font-size: 27px;
}
.scroll-top-top:after {
 
  opacity: 1;
  
}
html {
  scroll-behavior: smooth;
}
span.fa{color:#fff;}
.col-container1 {
    display: table;
    width: 100%;
}
.slider-bnr h2{padding:10px 0 50px 0; text-align:center; color:#fff; font-size:40px; font-weight:400}
.section-2-cont{padding:50px 0px; }
.section-2-cont img{float:right}
.section-2-content{padding:20px; font-size:20px}
	p{font-size:18px; color:#5D5D5D; font-weight:300 }
.bnr-back{ color:#fff;background:#192944; background-image:url('../png/images-94.png'); position: relative; text-align:left; background-size: cover; }
.bnr-cont{ color:#fff; padding:100px 40px 100px 40px; opacity:0.90}

.bnr-back h2{font-size:40px; font-weight:300}
.bnr-back p{font-size:30px; font-weight:100; padding:25px 0; line-height:40px; color: #fff;transform: scale(1,1.02);}
.img-bnr-btm{float:right;  bottom:0px; margin-right:-80px; margin-top:100px;}
.sec-cont-grp{  /*display: flex; */   align-items: center; text-align:center}
h2, h3, h1{text-align:center; color:#537CBB}
.bnr-back h1{font-size:55px; font-weight:400;text-align:left; color:#fff; line-height:68px;  transform: scale(1,1.02); }
.bnr-back h1 strong{font-size:50px; font-weight:600}
.bg-off{background:#F7F7F7; padding:50px 0}
.bg-wht{background:#FFFFFF; padding:50px 0 0}
.differentiator-design{ padding:10px 20px; text-align:center}
.brdr-dark{border-bottom:7px solid #565BA7} 
.brdr-mid{border-bottom:7px solid #537CBB}
.brdr-light{border-bottom:7px solid #4AAED4}
.differentiator-design h3{font-size:24px;}
 
.differentiator-design p{font-size:16px;}
.box-shadow-dif{background:#fff;
-moz-box-shadow: 0 0 3px 3px #eee;
-webkit-box-shadow: 0 0 3px 3px #eee;
box-shadow: 0 0 3px 3px #eee;
padding:21px;
margin:30px 10px 30px 10px;
flex: 1;
height:290px;
 } 
 .box-shadow-dif p{text-align:center}
 .box-shadow-dif h3{padding:2px 0 4px 0}
.tab {
  overflow: hidden;
  border: 15px solid #fff;
  border-bottom:none;
  background-color: #565BA7;
  color:#fff;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  /*float: right;*/
  border: none;
  outline: none;
  cursor: pointer;
  padding: 20px 90.6px;
  transition: 0.3s;
  font-size: 24px;
  /*border-right:1px solid #fff;*/
  text-align:center;
}


/* Change background color of buttons on hover */

/*.tab button.lf-mrgn:hover{background-color: #072047; margin-left:-25px;}
.tab button.rgt-mrgn:hover{background-color: #072047; margin-right:-25px}*/
.tab button:hover {
  background-color: #072047;
}

/* Create an active/current tablink class */

/*.tab button.lf-mrgn.active{background-color: #072047; margin-left:-25px}
.tab button.rgt-mrgn.active{background-color: #072047; margin-right:-25px}*/
.tab button.active {
  background-color: #072047; 
}
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 40px;
  background-color: #F7F7F7;
  border: 15px solid #fff;
  border-top: none;
  
}
.tabcontent {text-align:left}
.tabcontent p{font-size:18px}
.box-shadow-data{
	-moz-box-shadow: 0 0 3px 3px #eee;
-webkit-box-shadow: 0 0 3px 3px #eee;
box-shadow: 0 0 3px 3px #eee;
margin:30px 10px;
padding-top:15px;
flex: 1;
height:190px;}
.data-stream h2, p{text-align:left}
.data-stream h2{padding-bottom:10px}
.vertical-tab{padding:10px 20px; background:#fff; height:495px}
/* Style the tab */
.tab-vertical {
  float: left;
  width: 100%;
  height: auto;
}

/* Style the buttons inside the tab */
.tab-vertical button {
  display: block;
  background-color: #fff;
  /*color: black;*/
  padding: 0px 23px;
  width: 100%;
  height:83px;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 23px;
  line-height:29px;
  margin:10px 0;
  border:1px solid #eee;
  -moz-box-shadow: 0 0 3px 3px #eee;
-webkit-box-shadow: 0 0 3px 3px #eee;
box-shadow: 0 0 3px 3px #eee;
  border-bottom:4px solid #537CBB;
}

/* Change background color of buttons on hover */
.tab-vertical button:hover {
  background-color: #537CBB; color:#fff;
}

/* Create an active/current "tab button" class */
.tab-vertical button.active {
  background-color: #537CBB; color:#fff;
}


/* Style the tab content */
.tabcontent-vertical {
  float: left;
  padding: 0px 12px;
  border: 0px solid #ccc;
  width: 100%;
  border-left: none;
  
}
.tabcontent-vertical p{padding:25px 0}
.bg-dark{background:#072047; text-align:center; color:#fff; padding:50px 0}
.bg-dark p{text-align:center; padding:3px 0;     color: #fff; font-size: 20px;}
.bg-dark h2{color:#fff; font-size: 34px;}
.tabcontent-vertical h3, p{text-align:left;}
.brdr-div{ padding:30px 0 20px 0;
border:1px solid #eee;
  -moz-box-shadow: 0 0 3px 3px #eee;
-webkit-box-shadow: 0 0 3px 3px #eee;
box-shadow: 0 0 3px 3px #eee;}
.sec-left h3{text-align:left; padding:23px 0 15px 0}
.div-block{padding:20px 30px;}
.div-block .img-circle{border-radius: 50%; background-color:#537CBB; padding:15px 10px 15px 10px; width:110px; height:110px; }
.div-block h3{ font-size:22px;}
.div-block p{font-size:16px}
.msg-sec{background:#1870B1; padding:20px 50px; margin:0 10%}
.msg-sec h2{color:#fff; padding:40px 0}

.msg-sec input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}
.msg-sec button{margin:40px 0}
.srvc-h h4{font-size:24px; color:#5D5D5D; text-align:center; padding:10px 0}
.box-shadow-data h4{color:#537CBB; padding:10px 8px; font-size:20px; line-height: 23px; margin-bottom:0}
h2.l-algn{text-align:left}
.l-div-txt p{font-size:21px; font-weight:400}
.l-div-txt p span{color:#537CBB}
.r-div-txt p{font-size:16px}
h3.diff1{color:#565BA7}
h3.diff2{color:#537CBB}
h3.diff3{color:#4AAED4}
.bg-dark p.span{padding:8px 0 30px 0}

.img-desk{display:block}
.img-change{display:none}
.box-shadow-data:hover {-moz-box-shadow: 0 0 3px 3px #537CBB;
-webkit-box-shadow: 0 0 3px 3px #537CBB;
box-shadow: 0 0 3px 3px #537CBB;
margin:30px 10px;
padding-top:15px;
flex: 1;
height:190px;
background:#537CBB; color:#fff}
.box-shadow-data:hover .img-change{display:block}
.box-shadow-data:hover .img-desk{display:none}
.box-shadow-data:hover h4{color:#fff}



/*select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
}*/
/*p{font-family: 'Rubik', sans-serif;}*/

/*mobile view*/


@media only screen and (max-width: 768px) {
	/*#view-screen{display:none}*/
.bnr-back{ background-image:none;  }
.sec4-cont{background-image:none;}
.section-2-cont img{width:100%; padding:20px; display:block}	
.img-flt{float:left}
div.rev1   {order: 1;}
div.rev2  {order: 2;}
.sec3-cont{padding:40px 70px}
.img-bnr-btm{float:right;  bottom:0px; margin-right:0px; margin-top:10px;}
.box-shadow{margin:30px 10px 20px 10px;}
/*img{width:99%}
.tab-vertical button, .tabcontent-vertical{width:100%}*/
.vertical-tab{height:auto;}
.tab button {
  
  padding: 20px 41px;
  font-size: 22px;
  width:100%;
}
.box-shadow-dif{height:300px; padding:18px;}
.cntr-img{display:block; align-items: center; }
h2, .sec5-cont h2, .sec4-cont h2{font-size:30px; line-height:35px}
.bnr-back h1{font-size:40px; line-height:43px}
.tab, .tabcontent {
  border: none;
  
}

.sec6-cont {
    text-align: center;
padding: 10px 0;}
.tabcontent{padding: 40px 20px;}
.brdr-div img{padding:11px 0 }
.tabcontent-vertical h3, p {
    text-align: left;
    padding: 5px 0;
}
.msg-sec{ margin:0 1%; padding:15px 12px;}
.msg-sec h2{color:#fff; padding:20px 0}
.msg-sec button {
    margin: 23px 0;
}
.bg-dark p {
    text-align: center;
    padding: 12px 0;
}
.sec5-cont h2{ padding:16px 0; }
.bnr-cont {
    color: #fff;
padding: 17px 0;}
.wht-box {padding: 7px 12px;}
.do-know{padding: 21px;
    margin: 30px 10px 39px 10px;}
	.differentiator-design h3 {
    font-size: 22px;
}

}


 /*.frame{display: flex;
    align-items: center;
  }*/