@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root{
  --text-primary: #002b49;
  --text-secondary: #236192;

  --bg-primary: #002b49;
  --bg-secondary: #236192;

  --bg-hover: #d8ffff;

  --text-white: #ffffff;
  --text-black: #000000;

  --bg-white: #ffffff;
  --bg-black: #000000;
 
  --navbar-btns-radius: 7px;
}

.text-primary{color: var(--text-primary) !important;}
.text-secondary{color: var(--text-secondary) !important;}
.bg-primary{background-color: var(--bg-primary) !important;}
.bg-secondary{background-color: white !important;}
.btn{}
html,body{height: 100%;}
body{font-family: 'Roboto', sans-serif;}
.btn{}
.btn:hover{opacity:.8}

/* Search Bar Starts Here */
.ui-widget-content {
  z-index: 999999999999 !important;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 301px !important;
}

.ui-widget-content::-webkit-scrollbar {
display:none;
}

.search-bar {
  border-radius: 5px;
  font-size: 1rem;
  padding: 0.5em;
  border: 2px solid #000;
}

/* Search Bar Ends Here */

header{position: fixed;top: 0;background-color: #fff;z-index: 1050;box-shadow: 1px 3px 10px rgba(0,0,0,.1);width: 100%;}
header .navbar{}
header .navbar .navbar-brand img{height: 80px;object-fit: contain;}
.navbar .nav-item{}
.navbar .nav-item .nav-link{padding: 10px 23px; margin-right: 10px; border-radius: var(--navbar-btns-radius);}
.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link.active{background-color: var(--bg-secondary);color: #fff;border-radius: var(--navbar-btns-radius);}

.page-heading{background-color: var(--bg-primary);color: var(--text-white);margin-top: 105px;}
.page-heading .page-heading-meta
{margin-left: calc(100% - 780px);}
.page-heading img{height: 250px;width: 100%;object-fit: cover;}
.title-bg{height: 15px;width: 70%;background: linear-gradient(to right, #003150, #005da6, #00f0f7, #00ff00);margin: 0px 0 20px 0;}

.challenges-section{background-color: var(--bg-primary);color: var(--text-white);}
.challenges-section img{height: 250px;object-fit: cover;width: 100%;}
.challenges--meta{margin-right: calc(100% - 600px);}

.learn-more-section{background-color: #f6f6f6;}
.learn-more-section img{height: 250px;object-fit: cover;width: 100%;}
.learn-more-meta{margin-right: calc(100% - 600px);}
.learn-more-section h3{
  color: var(--text-white);
}

footer{background-color: var(--bg-primary);color: var(--text-white);font-weight: 300; }
.footer {
  color: white;
  text-decoration: none;
}

@media(max-width:1400px){
  .page-heading .page-heading-meta {
    margin-left: calc(100% - 660px);
}
.learn-more-meta {
  margin-right: calc(100% - 440px);
}
  .challenges-meta {
  margin-right: calc(100% - 440px);
}
}
@media(max-width:1200px){
  .page-heading .page-heading-meta {
    margin-left: calc(100% - 560px);
}
  .search-bar {
    width: 100%;
    margin-bottom: 1em;
}
}
@media(max-width:992px){
  .page-heading .container-fluid{padding: 0;}
  .page-heading .row{flex-direction: column-reverse;}
  .page-heading .page-heading-meta {
    margin-left: 0;
    padding: 60px 15px;
    max-width: 720px;
    margin: 0 auto;
}
.learn-more-meta {
  max-width: 760px;
  margin: auto;
  padding: 60px 15px;
}
.challenges-meta {
  max-width: 760px;
  margin: auto;
  padding: 60px 15px;
}

@media(max-width:768px){
  .learn-more-meta ,
  .challenges-meta ,
  .page-heading .page-heading-meta {
    max-width: 540px;
}
  }


@media(max-width:576px){
  .learn-more-meta, .page-heading .page-heading-meta{max-width: 100%;}
  .learn-more-section{}
  .challenges-meta, .page-heading .page-heading-meta{max-width: 100%;}
  .challenges-section{}
 }