@charset "UTF-8";
/* CSS Document */
html {scroll-behavior: smooth;}
body {
	font-family: 'Montserrat',Helvetica, Arial;
}
a {text-decoration: none;color: rgb(26,41,85);}
a:hover {color:#cc0000;}
h1, h2, h3, h4, h5 {font-family: 'Barlow Condensed', Helvetica, Arial;
text-transform: uppercase;}

.h1 {font-size: 4em;}
.h2 {font-size: 2.5em;}

@media (max-width: 50em) {
	.h1 {font-size: 2.25em;}
.h2 {font-size: 1.5em;}
	p {font-size:1em;}
  .p-5 {
    padding: 1.5rem !important;
}
  .mib {
    margin-top:20px;
  }
  .box {
    min-height: 300px!important;
  }
}

.btn {font-family: 'Barlow Condensed', Helvetica, Arial;
}
.btn:hover {background:rgb(26,41,85); }

.btn-primary {border-radius: 60px;background: #cc0000;border:none;}

.bgsilver {background: #ededed;}
.bgpattern1 {
	background: url('../images/wave3transb.webp') center center repeat-x;
	color:#ffffff;
}

i {padding:0 0.5em;}

.color1 {color: rgb(26,41,85)}
a.white {color: #ffffff;}
.logo {max-width: 300px;}
.mib {max-width: 100px;}

.lowercase {text-transform: lowercase;}

.box {padding:1em;display:block;overflow: hidden; position: relative;box-shadow: 0px 5px 10px rgba(0,0,0,0.25); background:#ffffff;border-radius: 10px;min-height:600px; max-height:600px;}

.box img {border-radius: 10px;width:100%;}

@media (min-width: 768px) and (max-width: 990px) {
  .box {min-height: 500px; max-height: 500px;}
}

ul.list {list-style: none;margin:0;padding:0;font-size:0.75em}
ul.list li{list-style: none;margin:0;padding:0;border-bottom:1px solid #ededed;padding-top:0.5em;padding-bottom: 0.5em;display: block;}
ul.list li span{float:right;font-weight: 600;}

@media (max-width: 40em) {
	ul.list {font-size:0.55em}
}

/******* CAROUSEL *****/
/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
	
}
.carousel:before {display:block;position: absolute; background: url('../images/bot-wave.webp') no-repeat bottom center;background-size:contain;content:'';width:100%;height:100%;top:0;left:0;z-index:1;}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 5rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item:before {display:block;content:'';width:100%;height:100%;top:0;left:0;position: absolute; background:rgba(26,41,85,0.75);}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 60em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
	
	.carousel-item {
  height: 42rem;
}
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


.main-logo {
  max-width:120px;
}