*{
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
body
{
padding: 0;
margin: 0;
font-family: 'Open Sans', sans-serif !important;
background-color:#fff !important;
overflow-x: hidden!important;
font-weight: normal;
line-height: 1.5;
}
a.navbar-brand span {
font-size: 12px;
display: block;
font-weight: normal;
font-family: sans-serif;
}
a.navbar-brand img {
  display: block;
  width: 91px;
  height: auto;
}
label, p {
font-weight: normal;
font-size: 18px;
}
h1, h2, h3, h4, h5, h6
{
font-weight: bold;
}
h1, h2, h3, h4, h5, h6, p, a {
margin: 0;
padding: 0;
text-decoration: none !important;
}
p
{
font-weight: normal;
}
ul, ol, li {
margin: 0;
padding: 0;
list-style: none;
}
a
{
text-decoration: none;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width:90.5%!important;
padding: 0 !important;
} 
/* header css start */
header {
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
}
.hide-desktop
{
  display: none !important;
}
nav.navbar.navbar-expand-lg.navbar-light.top-navbar {
width: 100%;
border-top: 1px solid #eee;
background-color: #fff;
position:relative;
padding:0;
}
li.nav-item {
position: relative;
margin-right: 0;
}
.header-leftbar img 
{
width: 93px;
margin: 0 11px 0 0;
}
header a.nav-link {
  color: #58595b!important;
  font-size: 18px;
  padding: 39px 25px !important;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
}
header a.reservations-btn {
  padding: 40px 0;
}
a.nav-link:hover
{
color:#039ca2 !important;
}
a.nav-link:hover::before
{
opacity:100;
}
a.nav-link.active::before
{
opacity:100;
}
@media all and (min-width: 992px) 
{
.navbar .has-megamenu
{
position:static!important;
}
.navbar .megamenu
{
left:0; right:0; 
width:100%; 
margin-top:0;  
}
}	
@media(max-width: 991px){
.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
overflow-y: auto;
max-height: 90vh;
margin-top:10px;
}
}
a.reservations-btn {
width: 288px;
padding-top: 0.5em;
padding-bottom: 0.4em;
background-color: #039ca2;
color: #fff;
text-align: center;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
position: absolute;
right: 0;
top: -1px;
font-size: 21px;
font-weight: 700;
padding: 18px 0 ;
text-transform: uppercase;
}
a.reservations-btn:hover
{
background-color:#002f33;
color:#fff;
}
.dropdown-menu.megamenu.show {
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 40px 90px;
  margin: 0px 0 0 0;
}
.dropdown-menu.megamenu li 
{
width: 20%;
float: left;
text-align: center;
}
.dropdown-menu.megamenu li a
{
display: block;
padding:15px;
color: #58595b;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.dropdown-menu.megamenu li a:hover
{
box-shadow:0px 12px 35px -1px #eee;
}
.dropdown-menu.megamenu li p
{
text-transform: uppercase;
font-weight: bold;
font-size: 25px;
}
.dropdown-menu.megamenu li p span
{
font-size: 16px;
font-weight: bold;
display: block;
}
.dropdown-menu.megamenu li img
{
width:100%;
margin:0 0 15px;
}
a.logo {
  width: 358px;
  display: block;
  text-align: center;
  font-size: 44px;
  position: relative;
  top: -2px;
  font-weight: 600;
  color: #039ca2;
  letter-spacing: 9.3px;
  padding: 5px 0;
  font-family: 'Medula One', cursive;
}
a.logo span {
  font-weight: lighter;
  font-family: 'Big Shoulders Stencil Text', cursive;
  font-size: 37px;
  color:#002f33;
}
a.logo:hover
{
  color: #58595b!important;
}
/* header css end */
video {
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
}
/* banner part css start */
.banner-container {
  width: 100%;
  float: left;
  position: relative;
  height: 78vh;
  overflow: hidden;
}
.banner-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.video-background {
  background: #000;
  position:absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground {
    width: 300%;
    left: -100%;
  }
}
@media all and (max-width: 600px) {
  .vid-info {
    width: 50%;
    padding: 0.5rem;
  }
  .vid-info h1 {
    margin-bottom: 0.2rem;
  }
}
@media all and (max-width: 500px) {
  .vid-info .acronym {
    display: none;
  }
}
.banner-content {
  height: 100%;
  text-align: center;
  padding: 14% 0;
  background-blend-mode: color;
  background-color: #0404048a;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.banner-content h1 {
  color: #fff;
  font-size: 50px;
  font-weight: 500;
  margin: 0 0 24px;
}
.reserve-btn {
  width: 200px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  color: #58595b;
  text-align: center;
  padding: 1.25rem 2.22222rem;
  font-size: 14px;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
.reserve-btn:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: calc(100% + 2px);
  height: 5px;
  background-color: #039ca2;
  transform: translateX(-50%) scaleX(.2);
  transition: transform .3s cubic-bezier(.5,0,.5,1);
}
.reserve-btn:hover:after {
  transform: translateX(-50%);
}
.reserve-btn:hover
{
  color: #58595b;
}
/* banner part css end */
/* Our story part css start */
.story-container {
  width: 100%;
  float: left;
  padding: 37px 90px 0;
  background-color: #fff;
  position: relative;
  margin: 0 0 50px;
}
.story-leftbar {
  border: 10px solid #039ca2;
  padding: 5% 16.5% calc(5% + 2.5rem) 5% !important;
}
section.story-container.cuisine-container {
  margin: 0 0 0 103px;
}
.cuisine-container .story-leftbar {
  padding: 5% 10.5% calc(5% + 2.5rem) 10% !important;
}
.legacy-block {
  background: url(../images/college-campus.jpg) center top no-repeat;
  padding: 40px !important;
  border: 10px solid #002f33;
  background-size: cover;
  background-color: #ffffffc2;
  background-blend-mode: color;
  padding-bottom: 90px!important;
  margin: 80px 0 0;
}
.col-lg-5.col-md-12.col-sm-12.col-xs-12.story-bottom-center.intro-ai {
  margin-top: -130px!important;
}
.legacy-block {
  color: #002f33;
  padding: 39px;
}
.legacy-block h2
{
  font-size: 34px;
  color: #002f33;
  font-weight: bold;
  line-height: 1.2;
}

.story-rightbar img {
  width:98%;
  position: relative;
  z-index:999;
}
.embracing-block h3 {
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.3;
}
.embracing-block {
  padding: 40px !important;
  border: 10px solid #002f33;
  background: url(../images/blockchain.jpg) center top no-repeat;
  background-size: cover;
  margin: -46px 0 0 0;
  height: 460px;
}
.embracing-block p {
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.5;
}
div#owl-carousel-1 .item h3 {
  font-weight: bold;
  text-align: left;
}
.slide-1 {
  padding: 40px !important;
  border: 10px solid #039ca2;
  background: url(../images/ai-bg.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
  background-blend-mode: color;
  background-color: #00000070;
  height: 660px;
}
ul.box-block li p {
  font-size: 16px;
}
.item 
{
  font-size: 16px;
  color: #fff;
  text-align: justify;
}
.story-bottom-leftbar p {
  font-size: 16px;
  color: #58595b;
  text-align: justify;
}

.story-rightbar {
  margin: 0 0 0 -118px!important;
}
.story-leftbar span {
  font-size: 13px;
  color: #58595b;
}
.story-leftbar h2 {
  font-size: 28px;
  color: #002f33;
}
.story-leftbar h2 spam {
  font-family: 'Medula One', cursive;
  font-size: 38px;
  color: #039ca2;
}
.story-leftbar h2 spam span {
  font-weight: lighter;
  font-family: 'Big Shoulders Stencil Text', cursive;
  font-size: 31px;
  color: #002f33;
}


.story-leftbar h3 {
  font-size: 28px;
  color: #002f33;
  font-weight: bold;
}
.story-leftbar p {
  font-size: 20px;
  color: #58595b;
  text-align: justify;
}
.story-container-bottom {
  width: 100%;
  float: left;
  margin: -43px 0 0 0;
  z-index: 9999;
  position: relative;
  padding: 0 0 0 80px;
}
.learners {
  position: relative;
  left: 50px;
  top: 34px;
}
.legacy-block p {
  font-size: 17px;
  line-height: 1.55;
  text-align: justify;
}
.story-bottom-leftbar img {
  width: 100%;
}
.story-bottom-center img
{
  width:100%;
}
.story-bottom-rightbar {
  border: 7px solid #002f33;
  box-shadow: inset 0 0 0 7px;
  color: #039ca2;
  width: 100%;
  padding: 4rem 1rem;
  text-align: center;
  margin: 80px 0 0 0;
}
.story-bottom-rightbar p
{
  font-size: 20px;
  color: #58595b;
}
.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: -33px !important;
  z-index: 9999;
  position: relative;
}
section.story-container.cuisine-container .col-lg-5.col-md-5.col-sm-5.col-xs-12.story-rightbar {
  margin-left: -11px !important;
}
section.story-container.cuisine-container .col-lg-7.col-md-7.col-sm-7.col-xs-12.story-leftbar {
  border: 10px solid #ffcc00;
  padding: 5% 5% calc(5% + 2.5rem) 11.5%;
}
.story-bottom-center {
  margin: -47px 0 0 0!important;
}



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #002f33 !important;
}
.owl-theme .owl-dots .owl-dot span:hover:after {
  transform: scale(1);
  transition: all .3s cubic-bezier(.25,.25,.75,.75);
}
.cuisine-container .story-container-bottom {
  padding:40px 230px 0 0;
}
.cuisine-container .story-bottom-rightbar {
  margin:103px 0 0 -107px;
}
.story-bottom-block {
  width: 210px;
  height: 195px;
  font-size: 28px;
  text-align: center;
  text-transform: uppercase;
  background-color:#002f33ab;
  font-weight: bold;
  color: #fff;
  padding: 27px 0;
  position: absolute;
  top: 75px;
  right: 129px;
}
.event-container .col-lg-7.col-md-7.col-sm-7.col-xs-12.story-leftbar {
  border: 10px solid #e4e4e4;
  padding: 5% 16.5% calc(5% + 2.5rem) 5%;
}
.col-lg-7.col-md-7.col-sm-7.col-xs-12.story-leftbar.charity-rightbar {
  border: 10px solid #00a52d !important;
  padding: 5% 16.5% calc(5% + 2.5rem) 5%;
}
/* Our story part css end */
/* footer part css start */
footer {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0 0 30px;
}
.footer-social
{
  width:100%;
  float: left;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e4e4e4;
}
.footer-social a {
  margin: 0 15px;
  color: #58595b;
  font-size: 31px;
  font-weight: 500;
  transition: 0.3s;
}
.footer-social a:hover
{
  color: #039ca2 !important;
}
.footer-bottom li {
  display: inline-block;
}
.footer-bottom ul {
  padding:0;
}
.footer-social a:hover {
  color: #58595b;
}
.footer-bottom
{
  width:100%;
  float: left;
}
.footer-bottom li a {
  color: #58595b;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 0 21px;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
  text-transform: uppercase;
}
.footer-bottom li a:hover
{
  color:#002f33;
}

ul.footer-link li a {
  padding: 0 1rem;
  position: relative;
  font-size: 13px;
  font-weight: normal;
}
ul.footer-link li
{
  position: relative;
}
ul.footer-link li:first-child::after
{
  display: none;
}
ul.footer-link li:after {
  content: "";
  width: 1px;
  height: 11px;
  background-color: #58595b;
  top: 8px;
  left: 0;
  position: absolute;
}
ul.footer-link {
  margin-top: 30px;
}
/* footer part css end */

.banner-content-inner
{
  height: 99.4%;
  text-align: center;
  padding: 14% 0;
  background: url(../images/umbrella.jpg) center top no-repeat;
  background-size: cover;
  background-blend-mode: color;
  background-color: #040404b8;
  width: 100%;
}

.banner-content-inner h1 {
  color: #fff;
  font-size: 86px;
  font-weight: 500;
  margin: 0 0 24px;
}

.contact-leftbar 
{
  background-color: #ffcc00;
  border: 10px solid #ffcc00!important;
}
.contact-leftbar h2{
  color: #58595b !important;
}
.contact-container {
  width: 100%;
  display: inline-block;
  padding: 0 84px 0 90px;
  margin: 40px 0 60px 0;
}

.contact-inner {
  width: 100%;
  display: inline-block;
  padding: 5%;
  border-width: 10px;
  box-shadow: inset 0 0 0 10px #003034;
  border: 7px solid #039ca2;
}

.contact-inner span {
  font-size: 13px;
  color: #58595b;
}
.contact-inner h3 {
  font-size: 28px;
  color: #58595b;
  font-weight: bold;
  padding:0 0 90px;
}
textarea.form-control.textarea-input.rounded-0 {
  margin: 0 0 26px;
}
.story-rightbar iframe {
  width: 119%;
}
input.form-control.input-field {
  border-radius: 0;
  height: 55px;
  margin: 0 0 21px;
}
.contact-form label {
  margin: 0 0 9px;
  font-size: 14px;
  color: #999;
}

button.btn.btn-submit {
  width: 200px;
  background-color: #039ca2;
  border: none;
  color: #fff;
  text-align: center;
  padding: 1.25rem 2.22222rem;
  font-size: 14px;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  margin: auto;
  border-radius: 0;
}
button.btn.btn-submit:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: calc(100% + 2px);
  height: 5px;
  background-color: #002f33;
  transform: translateX(-50%) scaleX(.2);
  transition: transform .3s cubic-bezier(.5,0,.5,1);
}
button.btn.btn-submit:hover:after {
  transform: translateX(-50%);
}
.reservations-rightbar {
  width: 119%;
  position: relative;
  left: -130px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  box-shadow: 0 3px 6px rgba(0,0,0,.16);
  padding: 6rem 7.6rem 7rem;
  top: 40px;
}
.reservations-rightbar h2 {
  font-size: 28px;
  text-align: center;
  color: #58595b;
}
.reservations-rightbar spam {
  font-size: 15px;
  text-align: center;
  color: #000;
  font-weight: lighter;
  margin: 0 0 11px;
  display: block;
}
.reservations-rightbar span {
  font-size: 15px;
  text-align: center;
  color: #000;
  font-weight: lighter;
  display: block;
  margin: 30px 0 30px;
}
.calendar
{
  width:100%;
  display: inline-block;
  background-color: #eee;
}
.weekdays
{
  margin: 10px 0 00 ;
  padding: 5px 0;
}
.weekdays li {
  display: inline-block;
  width: 13.2%;
  color: #000;
  text-align: center;
  font-size: 12px;
}
.calendar-block {
  padding: 6px 0 0 0;
  width: 100%;
  display: inline-block;
}
.days {
  padding: 5px 0;
  margin: 0;
  text-align: left;
}
.days li {
  list-style-type: none;
    display: inline-block;
    width: 13.2%;
    text-align: center;
    margin-bottom: 19px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    position: relative;
}
.calendar-block strong {
  font-size: 20px;
  font-weight: normal;
  color: #000;
}
div#owl-carousel-1 .owl-nav {
  position: absolute;
  top: -7px;
  width: 100%;
}
div#owl-carousel-1 button.owl-prev {
  left: -80px;
  position: relative;
}
div#owl-carousel-1 button.owl-next {
  position: relative;
  right: -83px;
}
.location-block
{
  width:100%;
  float: left;
  position: relative;
}
.location-heading {
  width: 100%;
  float: left;
  border-top: 1px solid #fff;
  position: absolute;
  bottom: 0;
  color: #fff;
  text-align: center;
  padding: 9px 0 7px;
}
.location-heading h3
{
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
}

.overlay-bottom {
  top: 50%;
  height: 50%;
  background: linear-gradient(1turn,rgba(0,0,0,.71),rgba(0,0,0,.36) 48%,transparent);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.location-block img
{
  width:100%;
  float: left;
}
section.location-container 
{
  width: 100%;
  float: left;
  padding: 60px 0;
}
.venues-block
{
  text-align: center;
  width:100%;
  display: table;
  height:100%;
  background-color: #FFCC00;
  color:#58595b;
}
.location-heading span
{
  text-transform: uppercase;
  font-size: 13px;
}
.venues-block spam
{
  font-size: 13px;
}
.venues-block h3
{
  font-size: 37px;
  font-weight: bold;
}
.venues-block span {
  display: table-cell;
  vertical-align: middle;
}
.guests-block .item {
  font-size: 17px;
  color: #000;
  margin: 8px 0 10px;
}
div#owl-carousel-2 .owl-nav {
  position: absolute;
  top: -7px;
  width: 100%;
}
.guests-block {
  width: 160px;
  margin: 5px auto 12px;
}
div#owl-carousel-2 button.owl-prev {
  left: -80px;
  position: relative;
}
div#owl-carousel-2 button.owl-next {
  position: relative;
  right: -83px;
}

div#owl-carousel-3 .owl-nav {
  position: absolute;
  top: -7px;
  width: 100%;
}
.guests-block {
  width: 160px;
  margin: auto;
}
div#owl-carousel-3 button.owl-prev {
  left: -80px;
  position: relative;
}
div#owl-carousel-3 button.owl-next {
  position: relative;
  right: -83px;
}
.button-search {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 3px;
  font-family: inherit;
  height: 42px;
  width: 100%;
  color: rgb(255, 255, 255);
  font-size: 16px;
  letter-spacing: 0.3px;
  background-color: rgb(245, 130, 32);
  cursor: pointer;
}
.owl-nav span {
  font-size: 30px;
  margin: 0 !important;
}
.reservations-leftbar
{
  padding:5% 16.5% calc(5% + 2.5rem) 5%;
  background-color: #ffcc00;
    border: 10px solid #ffcc00!important;
    height:80%;
}
.reservations-leftbar h2 {
  font-size: 37px;
  color: #58595b;
}

.reservations-rightbar .footer-social {
  border-bottom: none;
  margin: 39px 0 0 0;
  display: inline-block;
  padding: 0;
}
.reservations-rightbar .footer-social a {
  margin: 0 15px;
  color: #58595b;
  font-size: 21px;
  font-weight: 500;
}
.search-container {
  width: 1137px;
  left: 0;
  right: 0;
  margin: auto;
}
.results-display h3 {
  text-align: left;
  font-size: 16px;
  display:block;
  padding: 0px 3.2345%;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 400;
  color: rgb(10, 10, 10);
}
.results-display {
  width: 100%;
  padding: 20px 4%;
  background-color: rgb(255, 255, 255);
  display: inline-block;
}
.results-display ul 
{
  padding: 0;
}
.results-display li {
  border-radius: 3px;
  width: 100%;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.3px;
  background-color: rgb(245, 130, 32);
  width: 48%;
  float: left;
  margin: 0 1% 15px;
}
.results-display li a {
  display: block;
  padding: 12px;
}
.results-display li span
{
  margin: 0;
  color:#fff;
}
.results-display li spam
{
  margin: 0;
  color:#fff;
  font-size: 13px;
}
.accordion-container {
  width: 100%;
  display: inline-block;
  padding: 7px 39px 19px;
}
.accordion-button  {
  width: 100%;
  height: 48px;
  line-height: 36px;
  padding: 7px 3.2345%;
  font-size: 15px;
  font-family: inherit;
  border: none;
  outline: none;
  background-color: rgba(227, 232, 236, 0.8) !important;
}
.accordion-button:focus
{
  box-shadow:none !important;
}
.accordion-button:not(.collapsed) {
  color: #000000!important;
}
.accordion-body .results-display {
  padding: 0;
}
.accordion-body .results-display li {
  width: 18%;
  height: 70px;
}
li.time-slot {
  opacity: 0.3;
}

.search-form-block {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.39) 0px 0px 12px -2px;
margin:0 50px 26px;
background-color: #f6f6f6;
text-align: left;
}
.group-form {
  width: 100%;
  display: inline-block;
  border-bottom: 3px solid #FFF;
  position: relative;
}
label.form-label {
  font-size: 14px;
  margin: 0 0 0 12px;
}
input.form-control.form-input 
{
  background-color: #f6f6f6;
  border: none;
  font-size: 14px;
  height: 51px;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow:none !important;
}
.group-form span {
  font-size: 14px;
  margin: 0;
  text-align: left;
  padding: 18px 18px;
}
.tag-add-button {
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  font-family: inherit;
  background-color: transparent;
  display: inline-block;
  float: right;
  font-size: 14px;
  padding: 3px 7px;
  height: 25px;
  margin-top: -2px;
  color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
  text-align: center;
  line-height: 1em;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 23px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
button.reservationnotes {
  border: none;
  font-size: 14px;
  background-color: transparent;
  color: #3a3a3afa;
  display: block;
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  padding: 15px 17px;
  text-align: left;
}

button.btn.save-btn {
  padding: 0;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  float:right;
}
button.btn.save-btn.cancle-btn {
  float: left;
}
.calendar p
{
  font-size: 12px;
}
.calendar p a
{
  color:#f58220;
}
.search-form-block .form-check {
  font-size: 18px;
  margin: -12px 0 0 17px;
  position: relative;
  top:0;
  padding: 12px 27px;
}
.search-form-block label.form-check-label {
  font-size: 14px;
}
.modal-footer h3 {
  font-size: 14px;
  color: #fff;
  padding: 7px 4px;
}
.modal-body p {
  font-size: 13px;
}
a.button-search
{
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 3px;
  font-family: inherit;
  height: 42px;
  width: 100%;
  color: rgb(255, 255, 255);
  font-size: 16px;
  letter-spacing: 0.3px;
  background-color: rgb(245, 130, 32);
  cursor: pointer;
  display: block;
  padding: 9px 0 0;
}
.weare-container
{
  width:100%;
  float: left;
  text-align: center;
  padding:100px 0 50px;
}
.weare-container span {
  font-size: 13px;
  color: #58595b;
}
.weare-container h2 {
  font-size: 37px;
  color: #f06e07;
  font-weight: bold;
  margin: 0 0 19px;
}
.weare-container p {
  font-size: 21px;
  color: #58595b;
  padding: 0 0 30px;
}
.careers-container
{
  width:100%;
  display: inline-block;
  padding: 6% 0;
  background: url(../images/careers-banner.jpg) center top no-repeat;
  background-size: cover;
  background-blend-mode: color;
  background-color: #040404b8;
}
.careers-container span {
  font-size: 13px;
  color: #fff;
}
.careers-container h1 {
  font-size: 37px;
  color: #fff;
  font-weight: bold;
  margin: 0 0 19px;
}
.careers-container p {
  font-size: 21px;
  color: #fff;
  padding: 0 0 53px;
}
.our-mission-container {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin: 0 0 60px;
}
.our-mission-center-block
{
    border: 7px solid #e4e4e4;
    box-shadow: inset 0 0 0 7px;
    color: #58595b;
    width: 853px;
    padding: 4rem 1rem;
    text-align: center;
    margin:auto;
}
.our-mission-center-block p
{
  font-size: 28px;
  padding: 0;
  margin: 0;
}
.opportunities spam 
{
  color: #f06e07;
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin: 50px 0 13px;
}
.opportunities ul
{
  padding:0;
}
.opportunities li {
  font-size: 16px;
  color: #58595b;
  list-style: inside;
  margin: 0 0 5px;
}
.apply-job-block {
  padding: 4rem 3rem;
  border: 7px solid red;
  color: #f06e07;
}
.apply-job-block span {
  font-size: 13px;
  color: #58595b;
  text-align: left;
  display: block;
}
.apply-job-block h3 {
  font-size: 37px;
  color: #58595b;
  font-weight: bold;
  text-align: left;
  margin: 0 0 18px;
}
.apply-job-block p {
  font-size: 16px;
  color: #58595b;
  text-align: justify;
  margin: 0 0 39px;
}
.box-block {
  padding: 0;
  width: 100%;
  float: left;
}
.box-block li {
  width: 46%;
  display: table;
  box-shadow: 1px 2px 11px #eee;
  padding: 30px;
  margin: 0 12px 9px 0;
  float: left;
  height: 195px;
  text-align: center;
}
.box-block li span {
  display: table-cell;
  vertical-align: middle;
}
.box-block li a
{
  display: block;
}
.box-block li a p
{
  text-align: center;
}
.box-block li a img {
  width: 19%!important;
}
.review-bg h3 {
  text-transform: uppercase;
  font-weight: bold;
}
.story-rightbar.partners 
{
  background: none;
  padding: 0 !important;
}
.partners-list {
  text-align: center;
  display: table;
  height: 100%;
  width: 100%;
}
.partners-list span {
  display: table-cell;
  vertical-align: middle;
}
.partners-list img {
  width: 60% !important;
}
.partners h3 {
  font-size: 37px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
.story-bottom-rightbar a {
  color: #002f33;
}
.story-bottom-rightbar a:hover
{
  color:#039ca2;
}
.review-bg {
  background-image: url(../images/review-bg.png);
  background-color: #039ca2;
  color: #fff;
  padding: 30px;
}
.review p {
  color: #fff;
  text-align: justify;
  font-size: 17px;
  margin: 8px 0 0;
}
span.avatar.avatar-sm img {
  width: 100%;
  height: 100%;
}

span.avatar.avatar-sm {
  width: 113px;
  height: 62px;
  display: inline-block;
  background-color: #eee;
}
.review-bg .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 20px!important;
}


.flip {
  perspective: 1000px;
  position: relative;
  height: 560px;
}
.flip img {
  width: 100%;
}
.flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-front::after {
  content: '';
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 25%;
  height: 6px;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #002045;
  border-radius: 3px;
  -webkit-transition: width .35s;
  transition: width .35s;
}
.flip-front::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 12222;
  opacity: 1;
  -webkit-transition: opacity .35s;
  transition: opacity .35s;
  background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 19%, black 97%);
  bottom: 0;
}

.flip-back
{
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: table;
  top: 0;
  z-index: 999999;
}
.flip-back h3
{
  color: #fff !important;
}
.flip:hover .flip-inner {
  transform: rotateY(180deg);
}
.flip-back {
  background-color: #002045;
  color: white;
  transform: rotateY(180deg);
  padding:15px;
}
.flip-back span {
  display: table-cell;
  vertical-align: middle;
}
.flip-back span a
{
  color:#fff;
}
body .flip-back  p
{
  text-align: justify;
  color:#fff !important;
}

.flip-front h3 {
  color: #fff!important;
  position: absolute;
  bottom: 32px;
  z-index: 99;
  text-align: center;
  left: 0;
  right: 0;
  font-size: 24px;
  padding: 0 1%;
  z-index: 999999;
  font-weight: normal!important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent !important;
  color: #333 !important;
  text-decoration: none;
}
.partners-block {
  border: 10px solid #002f33;
  padding: 20px 30px;
  background: url(../images/review-bg.png) center top no-repeat;
  background-color: #039ca2;
  color: #fff;
  background-size: cover;
  margin: 0 0 0 0;
  position: relative;
  z-index: 10;
}
.partners-block h3{
  text-transform: uppercase;
  font-weight: bold;
}
section.story-container.cuisine-container .story-container-bottom {
  margin: -80px 0 0 0;
}
.learners h3 {
  color: #002f33;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 16px;
}
.ai-block 
{
  display: table;
}
.ai-block span {
  display: table-cell;
  vertical-align: middle;
}
.slide-1 p {
  font-size: 17px;
  line-height: 1.5;
}
.slide-1 h3
{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
}
.slide-1 .blockchain-list li {
  font-size: 17px;
}
ul.blockchain-list li {
  color: #fff;
  list-style: outside;
  margin: 0 0 5px;
  font-size: 18px;
}
ul.blockchain-list {
  padding: 0 0 0 20px;
}
.embracing-block a.reserve-btn {
  margin: 117px 0 0 0;
}
.slide-1 a.reserve-btn {
  margin: 338px 0 0 0;
}
.flot {
  position: fixed;
  left: 30px;
  top: 62%;
  z-index: 99999;
  background-color: #039ca2;
  color: #fff;
  border-color: #039ca2;
}
.flot:hover
{
  color:#fff;
  background-color: #002f33;
  border-color: #002f33;
}
.footer-left
{
  text-align: left;
}
.footer-left spam
{
  font-size: 15px;
  display: block;
  margin:0 0 7px;
}
.footer-left p {
  font-size: 15px;
  padding-left: 22px;
  position: relative;
  margin: 0 0 7px;
}
.footer-left p a
{
  color:#212529;
}
.footer-left a.logo {
  text-align: left;
  margin: 0 0 5px -13px;
}
.footer-left a.logo img {
  width: 91px;
  max-width: 100%;
  height: auto;
  display: block;
}
.footer-left p .fa {
  position: absolute;
  color: #039ca2;
  top: 3px;
  left: 0;
}
.footer-right {
  text-align: left;
}
.footer-right h6 {
  color: #58595b;
  font-weight: bold;
  margin: 0px 0 18px 0;
  color: #039ca2;
  font-size: 19px;
}

video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.privacy-container {
  width: 100%;
  display: inline-block;
  padding: 63px 0;
}
.privacy-container h4 {
  font-size: 37px;
  color: #002f33;
  font-weight: bold;
  margin: 0 0 24px;
}

.privacy-container h5 {
  font-size: 24px;
  color: #002f33;
  font-weight: bold;
  margin: 24px 0 12px;
}

.privacy-container p {
  font-size: 20px;
  color: #58595b;
  text-align: justify;
  margin: 0 0 25px;
}
.privacy-container li {
  list-style: outside;
  margin: 0 0 7px 32px;
  font-size: 20px;
  color: #58595b;
}
.privacy-container li a
{
	color: #00728f !important;
}
.privacy-container p a {
  color: #00728f !important;
}
.service-card-area img {
  width: 100%;
}

.privacy-container {
  width: 100%;
  display: inline-block;
  padding: 63px 0;
}
.service-card-area {
  background-color: #f9f9f9;
  padding: 6%;
  min-height: 450px;
  margin: 0 0 24px;
}
section.about-container {
  width: 100%;
  float: left;
  padding: 60px 0;
}
section.about-container h2 {
  font-size: 37px;
  color: #002f33;
  font-weight: bold;
  margin: 0 0 24px;
}
section.about-container h3 {
  font-size: 32px;
  color: #002f33;
  font-weight: bold;
  margin: 0 0 24px;
}
section.about-container p
{
  font-size: 20px;
  color: #58595b;
  text-align: justify;
}

.privacy-container h3 {
  font-size: 37px;
  color: #002f33;
  font-weight: bold;
  margin: 0 0 24px;
}

button.accordion-button {
  font-size: 28px;
  color: #002f33;
  font-weight: bold;
  padding: 36px 26px;
}
.accordion-body h4
{
  font-size: 28px;
  color: #002f33;
  font-weight: bold;
}
.accordion-body h5
{
  font-size: 22px;
  color: #002f33;
  font-weight: bold;
}
.accordion-body ul {
  padding: 0;
}

ul.list-style-alpha li {
  list-style: lower-alpha !important;
}
ul.list-style-none li
{
  list-style: none !important;
  margin-left: 0;
}
span.checkbox-area {
  width: 17px;
  height: 17px;
  border: 1px solid #000;
  display: inline-block;
}
ul.decimal-style li {
  list-style: number;
}
.creating-course {
    padding: 0;
    display: inline-block;
    width: 100%;
}
.creating-course li {
    width: 100%;
    float: left;
    padding: 57px 0;
	background-color: #eee;
}
.creating-course-leftbar {
    height: 331px;
    display: table;
    float: left;
    width: 50%;
    padding: 0 20px 0 0;
}
.creating-course-rightbar {
    float: right;
    width: 50%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 12px 0px;
}
.creating-course-rightbar img {
    width: 100%;
}
.creating-course li:nth-child(2n) .creating-course-leftbar {
    float: right;
    text-align: right;
}
.creating-course li:nth-child(2n) .creating-course-rightbar {
    float: left;
}
.creating-course li:nth-child(2n) {
    background-color: #fff;
}
.creating-course-leftbar h3 {
    font-size: 28px;
    font-weight: bold;
    color: #002f35;
    text-transform: uppercase;
    line-height: 58px;
    margin: 0 0 35px;
    vertical-align: middle;
    height: 100%;
    display: table-cell;
}
.where-to-study .card {
    border-radius: 0;
    padding: 16px;
    margin: 0 0 29px;
	    height: auto;
}
section.where-to-study {
      width: 100%;
    display: inline-block;
    padding: 80px 0 50px;
    text-align: center;
}
section.where-to-study h3 {
    font-size: 28px;
    font-weight: bold;
    color: #002f33;
    text-transform: capitalize;
    line-height: 58px;
    margin: 0 0 35px;
    height: 100%;
}

.feature-large-images-wrapper h3 {
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 58px;
    margin: 0 0 35px;
    height: 100%;
	color: #002f33;
}

.feature-large-images-wrapper {
        padding: 46px !important;
    }

.card.shaping-education-block {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
	padding:30px;
}

.creating-course ul {
    padding: 0;
}
.academy-pills .nav-pills {
    background-color: #f5f5f5;
}
.academy-pills .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #002f33 !important;
    border-radius: 0;
}
.academy-pills .nav-pills .nav-link {
color: #000000;
    margin-right: 0;
    border: 0px !important;
    text-align: left;
}
.tab-content h3 {
    text-align: center;
    font-weight: 600;
}
.circle-features {
    width: 190px;
    height: 190px;
    line-height: 190px;
    text-align: center;
    border-color: #FF0000;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px!important;
}
.our-hubs .item a {
    text-align: center;
    color: #212529;
    display: block;
}
.our-hubs .item {
    text-align: center;
}
.our-hubs .item .img-fluid {
    max-width: 64%;
    height: auto;
    margin: auto;
}
.country {
    width: 100%;
    float: left;
    background-color: #039ca2;
    color: #fff;
    padding: 11px 0;
    font-size: 18px;
}
.feature-large-images-wrapper {
    background-color: #eee;
    padding: 100px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 0 32px;
}
.shaping-education-block h4 {
    color: #002f33;
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 13px;
}
.shaping-education-block p
{
    font-size: 20px;
    color: #58595b;
    text-align: justify;
}
.card.shaping-education-block a.reserve-btn {
    margin: auto;
}
.gray-bg {
  background-color: #f5f5f5;
}
.section-space--pt_100 { padding-top: 100px; }
.section-space--pb_100 { padding-bottom: 100px; }
.section-space--mb_30 { margin-bottom: 30px; }
.client-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
}
.client-modal-content {
  position: relative;
  background: #fff;
  max-width: 90%;
  max-height: 90vh;
  overflow: auto;
  padding: 20px;
}
.client-modal-content img {
  width: 100%;
  height: auto;
}
.client-modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: transparent;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #333;
  line-height: 1;
}
.academy-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
}
.academy-modal-content {
  background: #fff;
  max-width: 800px;
  width: 100%;
  max-height: 90vh;
  overflow: auto;
  border-radius: 0.25rem;
}
.academy-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #dee2e6;
}
.academy-modal-header .modal-title {
  margin: 0;
  font-size: 1.25rem;
}
.academy-modal-close {
  background: transparent;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: #333;
  line-height: 1;
}
.academy-modal-content .modal-body {
  padding: 1rem;
}
.academy-modal-footer {
  padding: 1rem;
  border-top: 1px solid #dee2e6;
}
.main-section-outer {
  padding: 40px 0;
}
.main-section-outer p {
  font-size: 18px;
  color: #212529;
  margin-bottom: 1rem;
}
ul.theme-list li {
    color: #004040 !important;
}
ul.theme-list li a {
    color: #004040 !important;
}
ul.theme-list {
    margin: 0;
    padding: 0 0 0 0;
    color: #002f33;
}
body .font-subtitle {
    font-size: 22px;
    color: #004040;
    text-align: left;
}
.modal-img {
    width: 150px !important;
    height: 150px;
    float: left;
    margin-right: 2%;
}
.modal-body p {
    font-size: 18px;
    text-align: justify;
    color: #212529;
}
.tab-pane img.img-responsive.rounded-circle {
    margin-bottom: 25px;
    width: 200px;
}
.modal-body img.img-responsive.rounded-circle.modal-img {
    margin-bottom: 0;
}
.academics-rightbar {
    display: table;
}
.academics-rightbar span {
    display: table-cell;
    vertical-align: middle;
}
.post-slide1 .post-content {
    background: #008080 !important;
    padding: 8px 30px 40px;
    min-height: 180px;
    text-align: center;
}
div#owl-carousel-2 button.owl-dot {
    top: 37px !important;
    position: relative;
}
div#owl-carousel-1 button.owl-dot {
    top: 37px !important;
    position: relative;
}
.post-slide1 .post-title a:hover {
    font-size: 15px;
    font-weight: bold;
    color: #fff !important;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    padding-top: 60px;
}
section.privacy-container.features h3 {
    text-align: center;
}
.features ul {
    padding: 0;
}
.features ul li {
    list-style: none;
}
.trainer li .fa {
    color: #0b9fa5;
    margin: 0 7px 0 0;
}
.trainer strong {
    color: #23a9ae;
    margin: 20px 0 10px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 0.4px;
    line-height: 27px;
    display: block;
}
.trainer-block {
    padding: 30px;
    box-shadow: 2px 5px 10px #d7d5d5;
    text-align: center;
    margin: 0 0 15px;
}
.trainer-block strong {
    display: block;
    background-color: #25aaaf;
    color: #fff!important;
    text-transform: uppercase;
    padding: 17px;
    margin: 12px 0 0;
    font-size: 16px!important;
}
.trainer-block img {
    width: 100%;
}
.trainer h4 {
    color: #003034;
    margin: 0 0 10px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}
.trainer p {
    text-align: center;
    font-size: 20px;
    margin: 0 0 17px;
}
.trainer h3 {
    color: #003034;
    margin: 0 0 10px;
    text-transform: uppercase;
    text-align: center;
}
.trainer h5 {
    color: #003034;
    margin: 0 0 10px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.4px;
    line-height: 27px;
}
.trainer span {
    color: #003034;
    margin: 20px 0 10px;
    text-transform: capitalize;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 0.4px;
    line-height: 27px;
    display: block;
}
.trainer spam {
    color: #23a9ae;
    margin: 20px 0 10px;
    text-align: center;
    font-size: 19px;
    letter-spacing: 0.4px;
    line-height: 27px;
    display: block;
}
.trainer spam a {
    color: #000;
    text-decoration: underline;
}
.trainer .spam {
    color: #23a9ae;
    margin: 20px 0 10px;
    text-align: center;
    font-size: 19px;
    letter-spacing: 0.4px;
    line-height: 27px;
    display: block;
}
.trainer .spam a {
    color: #000;
    text-decoration: underline;
}
.main-section {
    margin: 3% 0 31px;
}
.details-w3lsagile {
    padding: 6em 0;
    background: url(../images/augmentedgame.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.agile_inner_info {
    margin-top: 3em;
}
.details-grid1-w3lsagile, .details-grid2-w3lsagile, .details-grid3-w3lsagile {
    background-color: #FFF;
    padding: 15px;
    text-align: center;
    min-height: 390px;
}
.agile_services_grid figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.hover06 figure img {
    -ms-transform: rotate(15deg) scale(1.4);
    -o-transform: rotate(15deg) scale(1.4);
    -moz-transform: rotate(15deg) scale(1.4);
    -webkit-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
}
h3.agile_heading.find {
    text-align: center;
    color: #fff;
}
p.sub_cap.des {
    color: #fff;
    text-align: center;
}
.details-grid1-w3lsagile, .details-grid2-w3lsagile, .details-grid3-w3lsagile {
    background-color: #FFF;
    padding: 15px;
    text-align: center;
    min-height: 390px;
}
.hover06.column {
    height: 233px;
    overflow: hidden;
    margin: 0 0 21px;
}
h2.agile_heading, h3.agile_heading {
    color: #002f33;
    font-size: 28px;
    text-align: center;
    margin: 36px 0 0;
    font-weight: bold;
}
h1.font-title {
    font-size: 28px;
    color: #002f33;
    font-weight: bold;
    margin: 48px 0 9px;
    text-transform: uppercase;
}
.align-center {
    text-align: center;
}
.featured_services {
    padding: 0 0 20px;
    text-align: center;
}
.projects_img img {
    margin: 0 auto;
}
.details-grid-info-w3lsagile.slide_agile_te_info {
    padding: 1em;
    background: #f3f4f5;
}
.serviceBox {
    text-align: center;
    margin: 0 -15px;
}
.serviceBox img {
    width: 100%;
    height: 200px;
}
.serviceBox .service-icon {
    display: block;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
}
.serviceBox .service-content {
    position: relative;
    background: #004040;
    color: #fff;
    padding: 50px 30px 30px;
    min-height: 405px;
}
.serviceBox.middle .service-content {
    padding: 30px 30px 50px;
}
.serviceBox.middle .service-icon {
    bottom: -35px;
    top: auto;
}
.serviceBox h3.title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
}
.serviceBox .description {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 20px;
    color: #fff;
}
h2.agile_heading, h3.agile_heading {
    color: #002f33;
    font-size: 28px;
    font-weight: bold;
        text-transform: uppercase;
}
.agile_inner_info {
    margin-top: 3em;
}
.pricing {
    position: relative;
    margin-bottom: 15px;
    border: 3px solid #eee;
}
.pricing-head h3 {
    color: #fafafa;
    padding: 12px 0;
    font-size: 24px;
    background: #004040;
    border-bottom: solid 1px #004040;
}
.pricing-head h4 {
    color: #bac39f;
    padding: 5px 0;
    font-size: 54px;
    font-weight: 400;
    background: #fbfef2;
    border-bottom: solid 1px #f5f9e7;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.pricing-content li {
    color: #888;
    font-size: 12px;
    padding: 7px 15px;
    border-bottom: solid 1px #f5f9e7;
}
.pricing-active {
    border: 3px solid #122046;
    margin-top: -10px;
    box-shadow: 7px 7px rgba(54, 215, 172, 0.2);
}
.price-active, .pricing:hover {
    z-index: 9;
}

.pricing:hover {
    border: 3px solid #004040;
}
.pricing-head {
    text-align: center;
}
.pricing-head h4 i {
    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative;
}
.pricing-head h4 span {
    top: -10px;
    font-size: 14px;
    font-style: normal;
    position: relative;
}
.pricing-head-active h4 {
    color: #122046;
}
.pricing-head h3 span, .pricing-head h4 span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-style: italic;
}
.pricing.hover-effect a.reserve-btn {
    margin: 0 auto 23px;
}
.pricing-footer {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 0 20px 19px;
}
.serviceBox .service-icon i {
    font-size: 30px;
    line-height: 70px;
    color: #111E47;
    transform: rotate(-45deg);
}
.main-section-outer 
{
    width: 100%;
    display: inline-block;
    padding: 3% 0;
}
.main-section-outer p {
    font-size: 19px;
    text-align: justify;
}
.road-ahead-section {
    background: #008080;
    background: linear-gradient(to left, #eff7f7, #f7fbfb);
    padding: 5% 0;
}
.font-title {
    font-size: 24px;
    color: #004040;
}
img.road-ahead-info-1 {
    margin-top: 7%;
}
.img-responsive {
    width: 100%;
}
.road-ahead-section-reverse {
    background: #fff;
    /* background: linear-gradient(to left, #fff, #fff); */
    padding: 5% 0;
}
.col-md-6.story-rightbar-automation {
    display: table;
    margin: 0 -90px 0 -16px;
    z-index: 999;
}
.col-md-6.story-rightbar-automation span {
    display: table-cell;
    vertical-align: middle;
}
.col-md-6.story-leftbar.automation-rightbar {
    padding: 5% 6.5% calc(5% + 2.5rem) 7% !important;
}
.col-md-6.story-leftbar.automation-rightbar.cashless {
    padding: 10% 9.5% calc(8% + 2.5rem) 7% !important;
}
.col-md-6.story-rightbar-automation span {
    display: table-cell;
    vertical-align: middle;
}

.col-md-6.story-rightbar-native {
    margin: 0 0 0 -89px!important;
		display:table;
}
.col-md-6.story-rightbar-native span {
    display: table-cell;
    vertical-align: middle;
}
.col-md-6.story-leftbar.automation-rightbar.intuitive {
    padding: 8% 8.5% calc(9% + 2.5rem) 7% !important;
}
.center-div
{
  margin: 0 auto;
  max-width: 700px;
  height: 100px;
  background-color: #ccc;
  border-radius: 3px;
}
.ceo-page {
  padding: 3rem 1rem;
}
.ceo-page .center-div {
  height: auto;
  background-color: transparent;
}
.center-div img {
  width: 100%;
  height: auto;
}

/* Blog */
.section-title {
  font-size: 28px;
  color: #002f33;
  margin-bottom: 1.5rem;
  width: 100%;
}
.blog-fallback {
  text-align: center;
  padding: 2rem;
}
.blog-fallback .reserve-btn {
  display: inline-block;
  margin-top: 1rem;
}
.blog-list {
  margin-top: 1rem;
}
.blog-card-wrapper {
  margin-bottom: 2rem;
}
.blog-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.blog-card-image {
  width: 100%;
  aspect-ratio: 16/10;
  overflow: hidden;
  background: #f5f5f5;
}
.blog-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-card-body {
  padding: 1.25rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.blog-card-date {
  font-size: 0.875rem;
  color: #666;
  margin-bottom: 0.5rem;
}
.blog-card-title {
  font-size: 1.15rem;
  margin: 0 0 0.75rem;
  line-height: 1.35;
}
.blog-card-title a {
  color: #002f33;
  text-decoration: none;
}
.blog-card-title a:hover {
  color: #039ca2;
}
.blog-card-excerpt {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.5;
  margin-bottom: 1rem;
  flex: 1;
}
.blog-card-excerpt p {
  margin: 0 0 0.5rem;
}
.blog-card-link {
  font-size: 0.9rem;
  color: #039ca2;
  font-weight: 600;
  text-decoration: none;
}
.blog-card-link:hover {
  text-decoration: underline;
}
.blog-post-page .blog-post-meta {
  font-size: 0.95rem;
  color: #666;
  margin-bottom: 1rem;
}
.blog-post-author {
  font-style: italic;
}
.blog-post-featured-image {
  margin-bottom: 1.5rem;
  border-radius: 4px;
  overflow: hidden;
}
.blog-post-content {
  font-size: 1rem;
  line-height: 1.7;
  color: #333;
}
.blog-post-content img {
  max-width: 100%;
  height: auto;
}
.blog-post-content p {
  margin-bottom: 1rem;
}
.blog-post-content h2,
.blog-post-content h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  color: #002f33;
}
.blog-post-back {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #eee;
}
.blog-post-back a {
  color: #039ca2;
  text-decoration: none;
}
.blog-post-back a:hover {
  text-decoration: underline;
}