@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;

  --accordion-image-width: 280px;
  --accordion-image-height: 170px;
  --accordion-image-height-mobile: 250px;

  --en-espanol-radius: 7px;
  --view-btns-radius: 7px;
  --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: var(--bg-secondary) !important;}
.btn{}
.btn:hover{opacity: 0.8;}
html,body{height: 100%;}
body{font-family: 'Roboto', sans-serif;}

/* 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;}

.accordions-wrapper {padding: 50px 0;}
.accordions-wrapper .accordion{}
.accordion-item{border: 0;border-bottom: 1px solid var(--bg-light);background-color: var(--bg-white);box-shadow: 0px 0px 10px rgba(0,0,0,.2);margin: 2px 0;overflow: hidden;}
.accordion-item:first-child{border-radius: 0 20px 0 0;}
.accordion-item:last-child{border-radius: 0 0 20px 0;}
.accordion-item img{width: var(--accordion-image-width);object-fit: cover;height: var(--accordion-image-height);}
.accordion-body .row>div:first-child{border-right: 1px solid #000;}
.accordion-header{box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.accordion-header .btn{border-radius: var(--view-btns-radius);}
.accordion-button{padding: 0;display: block;}
.accordion-button h3{}
.accordion-button:not(.collapsed){background-color: transparent;box-shadow: none;}
.accordion-button::after{background: unset !important;font-family: "Font Awesome 5 Free";}
.accordion-button::after {
  content: "\f078" !important;
  font-weight: 900;
  margin-right: 30px;
  float: right;
  margin-top: -100px;
  display: none;
}
.accordion-item:hover .accordion-button::after {}
.accordion-button:not(.collapsed)::after {}
.accordion-button:not(.collapsed)::after{}
.accordion-button span:last-child{}
.accordion-body{font-size: 16px;padding: 30px;}
.accordion-body ul{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 15px;}
.accordion-body ul li{display: flex;justify-content: space-between;align-items: center;}
.accordion-body .btn{font-size: 14px;display: flex;gap: 10px;align-items: center;border: 1px solid #414042;padding: 5px 15px;border-radius: var(--en-espanol-radius);color: #236192;}
.accordion-body .btn:hover{background-color: #d8ffff;color: #002b49;border: 1px solid #414042;}

.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);}

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


@media(max-width:1400px){
  .page-heading .page-heading-meta {
    margin-left: calc(100% - 660px);
}
.learn-more-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;
}
.accordion-body .row>div:first-child{border: 0;}
}
@media(max-width:768px){
  .learn-more-meta ,
  .page-heading .page-heading-meta {
    max-width: 540px;
}
.accordion-item img {
  width: 100%;
  height: var(--accordion-image-height-mobile);
}
.accordion-button::after{display: none;}
.accordion-button {display: block !important;}
.accordion-button .row>div:last-child{padding: 30px 40px;}
}
@media(max-width:576px){
  .accordion-body ul {gap: 20px;}
  .accordion-body ul li{flex-direction: column;align-items: center;gap: 5px;justify-content: center;text-align: center;}
  .accordion-body ul li .d-flex.gap-3{}
  .learn-more-meta, .page-heading .page-heading-meta{max-width: 100%;}
  .learn-more-section{}
  .accordion-button .row>div:last-child{text-align: center;}
}