@font-face {
  font-family: "OpenSans";
  src:url("../fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-SemiBold";
  src:url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-Bold";
  src:url("../fonts/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-Light";
  src:url("../fonts/OpenSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-ExtraBold";
  src:url("../fonts/OpenSans-ExtraBold.ttf") format("truetype");
}

body{font-family: 'OpenSans';background-color:#f5f8ff; color:#48494d; font-size:16px;}
.mainContainer{margin-top: 150px!important; margin-bottom: 80px!important;}
footer {background-color: #fff;padding:10px 0; position: fixed; bottom: 0px; width: 100%;}
footer a {color:#919499;font-family: 'OpenSans-SemiBold'; font-size:14px}
.fontSemiBold {font-family: 'OpenSans-SemiBold'}
.fontExBold {font-family: 'OpenSans-ExtraBold'}
.secTitle{font-size:18px; font-family: 'OpenSans-Bold'; color: #48494D; text-transform: uppercase;}
.secTitleVar2{font-size:26px; font-family: 'OpenSans-Bold'; color: #4B568A; text-transform: uppercase; position: relative; /*margin: 20px 50px !important;*/}
/*.secTitleVar2::before{content: url(../img/Title-lft.svg); left: -50px; position: absolute;}*/
/*.secTitleVar2::after{content: url(../img/Title-Rit.svg); right: -50px; position: absolute;}*/
.blueTitle{font-size:16px; font-family: 'OpenSans-SemiBold';color:#4b568a}
nav {background-color:rgba(255, 254, 254, 0.5); margin-top:20px; width:75%; position:fixed !important; top:0; z-index:1; -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px); border-radius:0px 45px 45px 0px;}
nav li.nav-item {padding: 5px 25px;font-family: 'OpenSans-SemiBold'; font-size:14px; color: #919499;}
nav li.nav-item>.nav-link:hover {font-family: 'OpenSans-Bold';}
.navbar-light .navbar-nav .active>.nav-link {color:#4b568a; font-family: 'OpenSans-Bold'; }
.logo {width:290px; height:auto}
.cvDownload{position: absolute;right: -58px;width: auto;height: 125px;top: -17px;}
.workExp {font-size:14px; margin-bottom:30px}
.workExp2 {font-size:14px; margin-bottom:10px}
.workExpVar2 {font-size:16px; margin-bottom:30px}
.workExpVar3 {font-size:21px; margin-bottom:10px}
.workExp p, .workExpVar2 p, .workExp2 p {margin-bottom: 5px;}
.btn-primary {background-color:#4b568a; border-radius:8px; padding:5px 25px; color:#fff;  border:5px solid #4b568a;font-family: 'OpenSans-SemiBold';}
.btn-primary:hover{background-color:#4b568a;border:5px solid #4b568a}
.btn-secondary {background-color:#f5f8ff; border-radius:8px; padding:5px 25px; color:#363e66; border:5px solid #fff;font-family: 'OpenSans-SemiBold';}
.btn-secondary:hover {background-color:#363e66;border:5px solid #fff; color:#f5f8ff;}
.push-pad-lft{padding-left: 1.0rem!important;}
.border-bottom {border-bottom-color:#4B568A !important;}
.quoTxt{font-family: 'OpenSans-Light'; font-size: 58px; color: #4b568a;}
table.roundedCorners {border: 1px solid #4B568A !important; border-radius: 13px !important; border-spacing: 0 !important; border-collapse: unset !important;}
table.roundedCorners thead tr th {border-bottom: 1px solid #919499; border-top: 0px; background-color: #EBF1FF;}
th.lftCorn {border-radius: 13px 0 0 0;}
th.ritCorn {border-radius: 0 13px 0 0;}
table.roundedCorners thead th {border-top: 0px; border-bottom: 0px; border-right: 1px solid #4B568A;}
table.roundedCorners thead th:last-child {border-right: 0px;}
table.roundedCorners tbody tr {border-radius: 8px;}
table.roundedCorners tbody tr td {border-right: 1px solid #919499; border-bottom: 1px solid #919499; background-color: #fff;}
table.roundedCorners tbody tr td.lft-td {border-bottom: 0px; border-radius:0px 0px 0px 13px;}
table.roundedCorners tbody tr td.rit-td {border-bottom: 0px; border-radius:0px 0px 13px 0px;}
table.roundedCorners tbody tr td:last-child {border-right: 0px;}
table.roundedCorners tbody tr:last-child {border-bottom: 0px;}
.rpRit {padding-right: 0px !important;} .rpLft{padding-left: 0px !important;}
.carousel-indicators {bottom: -30px !important;}
.carousel-indicators button { width:50px !important; height: 6px !important; cursor: pointer !important; margin: 0px 10px; background-color: #fff !important; border:1px solid #4B568A !important; }
.carousel-indicators button.active{background-color:#363E66 !important; border: 0px !important;}
.floater{position: relative;}
.floatSlides{position: absolute; top: 44px; left: 65px; width:85.1%}
button.floaterBtn {width: 150px !important; height: 100px !important; top: 460px !important; border: 0px; background-color: rgba(1, 1, 1, 0.5) !important;}
button.floaterBtn span{width: 40px; height: 40px; color: #fff;}
button.carousel-control-prev{border-radius: 0px 16px 0px 0px;}
button.carousel-control-next{border-radius: 16px 0px 0px 0px;}
p.comeSoon{background-color: #4B568A; padding: 6px 15px; color: #fff; font-weight: bold; border-radius: 8px;}
.posRel{position: relative;}
.floatTitle {position: absolute; top: 806px; left: 50px; text-align: center;}
.floatTitle > span { display: block; position: absolute; right: -744px; top: 0px;}
.posRel.BCS { text-align: center; }
.posRel.BCS > .floatTitle {position: absolute; top: 745px; left: 50px; text-align: center;}
.posRel.BCS > .floatTitle > span { display: block; position: absolute; right: -695px; top: 0px;}
.pb-8{padding-bottom: 80px;}
.taskflow{width: 100%; text-align: center;}
.visual {margin-left:20px} .visual > img {margin: 0px 30px 0px 50px;}
.bsctable {margin-left: 30px;}
.containerSplit{border-radius: 30px; padding: 30px 40px; margin-bottom: 50px; background: rgb(235,241,255);
background: linear-gradient(-45deg, rgba(235,241,255,1) 0%, rgba(245,248,255,1) 20%, rgba(244,248,255,1) 80%, rgba(235,241,255,1) 100%);}

@media only screen and (max-width:767px){
	.mainContainer {margin-top:150px !important; margin-bottom:150px !important}
	.mTxtleft {text-align:left !important; margin-top:15px}
	.quoTxt {font-size:30px}
}