body {
    background-image: url(/img/bgb.jpg);
    background-repeat: repeat-x;
    background-position: center top;
}



.section {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    text-shadow: 2px 4px 30px #fff;
    padding: 2rem;
}

h5{
    line-height: 2rem;
    font-weight: 400 !important;
    color: #333;
    text-align: justify;
}


#content-spacer h3 {
    color: #6034bf;
    font-weight: 700;
}

@media screen and (max-width: 30em) {

}



.textjustify{
    text-align: justify !important;
}

/*learn-more*/
.img-responsive {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .carousel-indicators {
    bottom: -2.5em;
  }
  
  .carousel-indicators .active {
    background-color: #3F4391;
  }
  
  .carousel-indicators li {
    height: 0.3125em;
    background-color: #999999;
  }
  
  .section-gap {
    padding: 3.75em 0;
  }
  
  .section-title {
    padding-bottom: 1.875em;
  }
  
  .section-title h2 {
    margin-bottom: 1.25em;
  }
  
  .section-title p {
    font-size: 1em;
    margin-bottom: 0;
  }
  
  @media (max-width: 61.9988em) {
    .section-title p br {
      display: none;
    }
  }
  
  .alert-msg {
    color: #008000;
  }
  
  .p1-gradient-bg,
  .primary-btn,
  .single-product:hover .details .primary-btn,
  .about-video-right .overlay-bg,
  .blog-area .detais .tags li {
    background-image: -moz-linear-gradient(0deg, #828fff 0%, #d496ff 100%);
    background-image: -webkit-linear-gradient(0deg, #828fff 0%, #d496ff 100%);
    background-image: -ms-linear-gradient(0deg, #828fff 0%, #d496ff 100%);
  }
  
  .p1-gradient-color {
    background: -moz-linear-gradient(0deg, #828fff 0%, #d496ff 100%);
    background: -webkit-linear-gradient(0deg, #828fff 0%, #d496ff 100%);
    background: -ms-linear-gradient(0deg, #828fff 0%, #d496ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .primary-btn {
    line-height: 2.625em;
    padding-left: 1.875em;
    padding-right: 1.875em;
    border-radius: 1.5625em;
    border: 0.0625em solid transparent;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    position: relative;
  }
  
  .primary-btn:focus {
    outline: none;
  }
  
  .primary-btn span {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    right: 1.875em;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  
  .primary-btn:hover {
    background: transparent;
    color: #8a90ff;
    border-color: #8a90ff;
  }
  
  .primary-btn.white {
    border: 0.0625em solid #fff;
    color: #fff;
  }
  
  .primary-btn.white span {
    color: #fff;
  }
  
  .primary-btn.white:hover {
    background: #fff;
    color: #8a90ff;
  }
  
  .primary-btn.white:hover span {
    color: #8a90ff;
  }
  
  .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  
  .banner-area {
    background-color: #003656;
    text-align: center;
  }
  
  .banner-container img {
    max-width: 100%;
    height: auto;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  
  .header-btn {
    background: #fff;
    border-radius: 0;
    color: #222 !important;
    padding-left: 1.875em;
    padding-right: 1.875em;
    border: 0.0625em solid transparent;
    color: #fff;
  }
  
  .header-btn:hover {
    border: 0.0625em solid #fff;
    background: transparent;
    color: #fff !important;
  }
  
  .single-product {
    text-align: center;
    border-radius: 0.625em;
    background-color: white;
    /*box-shadow: 0px 10px 30px 0px rgba(212, 150, 255, 0.2);*/
  }
  
  .single-product .thumb {
    padding: 1.25em 1.25em 0 1.25em;
    /*border-bottom: 1px solid #eee;*/
  }
  
  .single-product .details {
    padding: 1.25em;
    /*background-color: #f9f9ff;*/
  }
  
  
  
  .single-product .details p:first-child {
    color: #2d2d87 !important;
    font-size: 1.125em;
  }
  
  .single-product .details p {
    text-align: left;
    color: #333;
    text-align: center;
  }
  
  .home-about-left img {
    width: 100%;
  }
  
  .home-about-right {
    padding-right: 20%;
    padding-left: 4%;
  }
  
  @media (max-width: 85.375em) {
    .home-about-right {
      padding-left: 0.9375em;
      padding-right: 0.9375em;
    }
  }
  
  .home-about-right h1 {
    padding: 1.25em 0;
  }
  
  @media (max-width: 25.8125em) {
    .home-about-right h1 br {
      display: none;
    }
  }
  
  .home-about-right h5 {
    margin-bottom: 1.25em;
    font-weight: 300;
  }
  
  .home-about-right .primary-btn {
    border-radius: 0;
  }
  
  @media (max-width: 60em) {
    .home-about-right {
      margin-top: 3.125em;
    }
  }
  
  .about-video-left h6 {
    color: #8a90ff;
    font-weight: 300;
    letter-spacing: 0.125em;
    font-size: 0.75em;
  }
  
  .about-video-left h1 {
    padding: 1.25em 0;
  }
  
  @media (max-width: 25.8125em) {
    .about-video-left h1 br {
      display: none;
    }
  }
  
  .about-video-left p span {
    font-weight: 600;
    color: #222;
  }
  
  .about-video-left .primary-btn {
    border-radius: 0;
  }
  
  .about-video-right {
    background: url(../images/video-bg.jpg) no-repeat center;
    background-size: cover;
    height: 20.625em;
  }
  
  .about-video-right .overlay-bg {
    opacity: .8;
  }
  
  .about-video-right .play-btn {
    z-index: 2;
  }
  
  @media (max-width: 60em) {
    .about-video-right {
      margin-top: 6.25em;
    }
  }
  
  .event-area {
    background-color: #f8f8f8;
  
  }
  
  .event-area img {
    width: 100%;
  }
  
  .event-area .eventinfo {
    color: #333;
    font-size: 1.125em;
    padding-bottom: 0.625em;
    border-bottom: 0.0625em solid #f8f8f8;
  }
  
  .event-area .single-feature {
    background: #fff;
    margin-bottom: 1.875em;
    min-height: 37.5em;
  }
  
  .single-feature {
    border: 0.0625em solid #eaeaea;
    margin-bottom: 1.875em;
    color: #000;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  
  .single-feature:hover {
    -webkit-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
    box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
  }
  
  
  .event-area .single-feature h4 {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding-top: 0.625em;
    min-height: 3.125em;
  }
  
  .event-area .single-feature .title .lnr {
    color: #222;
    font-weight: 600;
    font-size: 1.25em;
    margin-right: 0.625em;
  }
  
  .event-area .single-feature p {
    margin-bottom: 0em;
    margin-top: 0.9375em;
    text-align: left;
  }
  
  .event-area .single-feature:hover {
    cursor: pointer;
    box-shadow: 0em 0.625em 1.25em 0em rgba(0, 0, 0, 0.2);
  }
  
  .event-area .single-feature:hover h4,
  .event-area .single-feature:hover .lnr {
    color: #003653;
  }
  
  .single-brand img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  
  .single-brand img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
  }
  
  @media (max-width: 50em) {
    .single-brand img {
      margin-bottom: 2.5em;
    }
  }
  
  .blog-area .thumb img {
    border-radius: 0.625em;
  }
  
  .blog-area .detais .tags {
    margin: 0.9375em 0;
  }
  
  .blog-area .detais .tags li {
    display: inline-block;
    padding: 0.25em 0.9375em;
    font-size: 0.75em;
    font-weight: 400;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 0.0625em solid transparent;
  }
  
  .blog-area .detais .tags li a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #fff;
  }
  
  .blog-area .detais .tags li:hover {
    border-color: #eee;
    background: #fff;
  }
  
  .blog-area .detais .tags li:hover a {
    color: #222;
  }
  
  .blog-area .detais h4 {
    margin-bottom: 0.9375em;
  }
  
  .blog-area .detais .date {
    color: #222;
  }
  
  .genric-btn.circle {
    border-radius: 1.25em;
  }
  
  .genric-btn.arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .go-feature-btn {
    border: 0.0625em solid #3F4391;
  }
  
  .genric-btn {
    display: inline-block;
    outline: none;
    line-height: 2.5em;
    padding: 0 1.875em;
    font-size: .8em;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  
  .genric-btn.white-border {
    color: #fff;
    border: 0.0625em solid #fff;
  }
  
  .genric-btn.white-border:hover {
    color: #e2a62c;
    background: #fff;
    border: 0.0625em solid #fff;
  }
  
  .genric-btn.gray-border {
    color: #2d2d87;
    border: 0.0625em solid #2d2d87;
    margin-bottom: 1.25em;
  }
  
  .genric-btn.gray-border:hover {
    color: #fff;
    background: #2d2d87;
    border: 0.0625em solid #2d2d87;
  }
  
  
  .news-area {
    background-color: #338fa7;
  }
  
  .newslist a {
    color: #fff;
    width: 100%;
  }
  
  .newslist a:hover {
    color: #ffb606;
  }
  
  .newsdate,
  .newtxt {
    float: left;
  }
  
  .newslisthr {
    border-bottom: 0.0625em solid #fff;
    border-top: none !important;
    margin-bottom: 1.25em;
    opacity: 0.2;
  }
  
  @media (max-width: 35.625em) {
    .header .logo {
      float: left !important;
    }
  
    .header {
      padding: 0 !important;
    }
  }
  
  @media (max-width: 36.875em) {
    .primary-menu-responsive.primary-menu .showhide {
      float: right !important;
    }
  }
  
  .showhide .mob-menu--title {
    display: none !important;
  }
  
  @media (max-width: 63.9375em) {
    .primary-menu-responsive .primary-menu-menu.scrollable {
      overflow-y: auto !important;
      max-height: 60vh !important;
    }
  }
  
  .partner-area li {
    padding: 0.25em;
  }
  
  ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .event-area h4 {
    font-size: 1.125em;
  }
  
  .pb-20 {
    padding-bottom: 1.25em;
  }
  
  .event-preview {
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.5625em;
    max-height: 9.375em;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    color: #999;
  }
  
  nav>.nav.nav-tabs {
  
    border: none;
    color: #fff;
    background: #2d2d87;
    border-radius: 0;
  
  }
  
  nav>div a.nav-item.nav-link,
  nav>div a.nav-item.nav-link.active {
    border: none;
    padding: 1.125em 1.5625em;
    color: #fff;
    background: #2d2d87;
    border-radius: 0;
  }
  
  nav>div a.nav-item.nav-link.active {
    background: #0078d4;
  }
  
  nav>div a.nav-item.nav-link.active:after {
    content: "";
    position: relative;
    bottom: -3.75em;
    left: -10%;
    /*border: 15px solid transparent;*/
    border-top-color: #0078d4;
  }
  
  .tab-content {
    line-height: 1.5625em;
    /*border-bottom: 8px solid #0078d4;*/
    padding: 1.875em 1.5625em;
  }
  
  nav>div a.nav-item.nav-link:hover,
  nav>div a.nav-item.nav-link:focus {
    border: none;
    background: #0078d4;
    color: #fff;
    border-radius: 0;
    transition: background 0.20s linear;
  }
  
  .radius img {
    border-radius: 1.1em;
  }
  
  .six-area {
    background: #b0cceb;
    /*background: -moz-linear-gradient(-45deg,  #b0cceb 66%, #338fa7 100%);
      background: -webkit-linear-gradient(-45deg,  #b0cceb 66%,#338fa7 100%);
      background: linear-gradient(135deg,  #b0cceb 66%,#338fa7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0cceb', endColorstr='#338fa7',GradientType=1 );*/
  }
  
  .partner-area img {
    border-radius: 1.2em;
  }
  
  @media (max-width: 64em) {
    .partner-area {
      display: none;
    }
  }
  
  @media (max-width: 30em) {
    .products-area h1 {
      font-size: 2.5em;
      text-align: center;
    }
  }
  
  @media (max-width: 22.5em) {
  
    nav>div a.nav-item.nav-link,
    nav>div a.nav-item.nav-link.active {
      padding: 1em;
    }
  
    .products-area h1 {
      font-size: 2em;
      text-align: center;
    }
  }
  
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    height: 3.125em;
    width: 3.125em;
    outline: black;
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 50%, 50%;
    border-radius: 50%;
    border: 0.0625em solid black;
  }
  
  @media screen and (min-width: 30em) and (max-width: 48em) {
    .carousel-item {
      width: auto;
    }
  
    #carousel .carousel-item,
    #carousel-m .carousel-item {
      width: 100% !important;
    }
  }
  
  @media screen and (max-width: 30em) {
    #carousel-m .carousel-item img {
      width: 100%;
      height: 87.27%;
    }
  }
  
  .content-spacer:nth-child(odd) {
    background-color: #fff;
  }
  
  .content-spacer:nth-child(even) {
    background-color: #eee;
  }
  
  .content-spacer img {
    width: 100%;
  }
  
  
  .content-spacer .eventinfo {
    color: #333;
    font-size: 1.125em;
    padding-bottom: 0.625em;
    border-bottom: 0.0625em solid #f8f8f8;
  }
  
  .title {
    border-bottom: 0.0625em solid #f8f8f8;
    padding-bottom: 0.4375em;
  }
  
  .title p {
    font-size: 1em;
    font-weight: 600;
  }
  
  .single-feature {
    border: 0.0625em solid #eaeaea;
    margin-bottom: 1.875em;
    color: #000;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  
  .single-feature:hover {
    -webkit-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
    box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
  }
  
  
  .content-spacer .single-feature h4 {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding-top: 0.625em;
    min-height: 3.125em;
  }
  
  .content-spacer .single-feature .title .lnr {
    color: #222;
    font-weight: 600;
    font-size: 1.25em;
    margin-right: 0.625em;
  }
  
  .content-spacer .single-feature p {
    margin-bottom: 0em;
    margin-top: 0.9375em;
    text-align: center;
  }
  
  .content-spacer .single-feature p .fa {
    margin: 0 0.5em 0 0.8em;
  }
  
  .content-spacer .single-feature p span .fa {
    margin: 0 0.1em;
    color: #ffb606;
  }
  
  .content-spacer .single-feature:hover {
    cursor: pointer;
    box-shadow: 0em 0.625em 1.25em 0em rgba(0, 0, 0, 0.2);
  }
  
  .content-spacer .single-feature:hover h4,
  .content-spacer .single-feature:hover .lnr {
    color: #003653;
  }
  
  .event-preview {
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.5625em;
    max-height: 9.375em;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    color: #999;
  }
  
  .pb-20 {
    padding-bottom: 1.25em;
  }
  
  .pt-20 {
    padding-top: 1.25em;
  }
  
  .bg-black {
    background-color: rgba(45, 45, 135, .8);
    position: absolute;
    top: 6.6em;
    z-index: 1020;
    text-align: center;
    width: 8em;
    height: 2em;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 2.1em;
    border-radius: 0 20px 20px 0;
  }
  
  .thumb img {
    width: 9.375em;
  }
  
  .price {
    text-align: right !important;
    color: #cf54a5;
    font-weight: 700;
    font-size: 1.25em;
  }
  
  #title-spacer h1 {
    color: #fff;
  }
  
  #title-spacer li {
    line-height: 1.5625em;
    display: inline-block;
    list-style: none;
    font-size: 0.75em;
    color: #fff;
  }
  
  #title-spacer li a {
    line-height: 1.5625em;
    display: inline-block;
    margin: 0 0.5em 0 0.3125em;
  }
  
  #title-spacer a {
    color: #bbb;
  }
  
  #breadcrumb-spacer {
    background-color: #2d2d87;
    height: 4.1875em;
    margin-bottom: -4.1875em;
    border-bottom: 0.4375em solid #0078d4;
  }
  
  @media screen and (max-width: 30em) {
    #breadcrumb-spacer {
      background-color: #2d2d87;
      height: 7.875em;
      margin-bottom: -7.875em;
  
    }
  }
  
  @media screen and (max-width: 22.5em) {
    #breadcrumb-spacer {
      background-color: #2d2d87;
      height: 11.1875em;
      margin-bottom: -11.1875em;
    }
  }
  
  .jquery-accordion-menu ul li .jquery-accordion-menu-label,
  .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    color: #338fa7;
    background: none;
  }
  
  .pd-30 {
    padding: 0 1em;
  }
  
  .content-spacer .single-feature {
    color: inherit;
  }
  
  .cblack {
    color: #000;
    font-family: Helvetica, sans-serif;
    font-size: 0.9em;
  }
  
  a:hover {
    text-decoration: none;
  }
  
  .eventinfo span {
    display: flex;
    align-items: center;
    min-height: 6em;
    font-size: 0.9em;
    text-align: left;
    font-family: Helvetica, sans-serif;
  }
  
  .content-spacer .single-feature {
    background: #fff;
    margin-bottom: 1.875em;
    min-height: 28em;
    height:auto;
    max-height: 45em;
  }
  
  @media screen and (max-width: 30em) {
    .content-spacer .single-feature {
      min-height: 32em;
    }
  }
  
  .badge-pink{
    background-color: #cf54a5;
    color: #fff;
    font-family: Helvetica, sans-serif;
  }
  
  .bgScolor{
    color: #0c5460;
    background-color: #d1ecf1; 
    margin: 20px 0;
    border: 0.0625em solid #eee;
    border-radius: 0.25em;
  }
  
  .bgScolor h4{
    color: #21344c;
  }

  .bgScolor h5{
    text-align: center;
  }