@import url("https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700&display=swap');

p{

  font-family: 'Cairo', sans-serif;
  font-weight: 400;
  line-height: 1.5rem;
 
}



@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.accordions .accordion {
  background-color: #f5f5f5;
  border-radius: 3px;
  font-size: 1rem;
 
}
.accordions .accordion:not(:last-child) {
  margin-bottom: 1.5rem;
}
.accordions .accordion strong {
  color: currentColor;
}
.accordions .accordion a:not(.button):not(.tag) {
  color: currentColor;
  text-decoration: underline;
}
.accordions .accordion.is-small {
  font-size: 0.75rem;
}
.accordions .accordion.is-medium {
  font-size: 1.25rem;
}
.accordions .accordion.is-large {
  font-size: 1.5rem;
}
.accordions .accordion:not(:first-child) .accordion-header {
  border-radius: 0;
}
.accordions .accordion:not(:last-child) {
  margin-bottom: 0;
}
.accordions .accordion:not(:last-child) .accordion-body {
  border-radius: 0;
}
.accordions .accordion .accordion-header {
  align-items: center;
  background-color: #d4e1e7;
  border-radius: 3px 3px 0 0;
  color: rgb(116, 116, 116);
  display: flex;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.5em 0.75em;
  position: relative;
  cursor: pointer;
  margin-top: 1px;
}
.accordions .accordion .accordion-header .toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 
  background-color: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
  height: 20px;
  width: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
}
.accordions .accordion .accordion-header .toggle::before {
  color: #fff;
  display: block;
  left: 0;
  position: absolute;
  top: -0.1em;
  right: 0;
  bottom: 0;
  content: "\002B";
  
}
.accordions .accordion .accordion-header .toggle::after {
  display: none;
}
.accordions .accordion .accordion-header + .accordion-body {
  overflow-y: hidden;

  border-radius: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
  max-height: 0;
  overflow-y: hidden;
}
.accordions .accordion .accordion-header + .accordion-body code,
.accordions .accordion .accordion-header + .accordion-body pre {
  background-color: #fff;
}
.accordions .accordion .accordion-header + .accordion-body pre code {
  background-color: transparent;
}
.accordions .accordion .accordion-header + .accordion-body .accordion-content {
  display: block;
  padding: 1em 1.25em;
  color: #546f61;

}
.accordions .accordion:not(.is-active) .accordion-body {
  -webkit-transition: max-height 0.3s ease;
  -moz-transition: max-height 0.3s ease;
  -o-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;

}
.accordions .accordion.is-active .accordion-header .toggle::before {
  content: "\002D";
}
.accordions .accordion.is-active .accordion-body {
  max-height: 1000rem;
  -webkit-transition: max-height 2s ease;
  -moz-transition: max-height 2s ease;
  -o-transition: max-height 2s ease;
  transition: max-height 2s ease;

}
.accordions .accordion.is-white {
  background-color: #fff;
}
.accordions .accordion.is-white .accordion-header {
  background-color: #fff;
  color: #0a0a0a;
}
.accordions .accordion.is-white .accordion-body {
  border-color: #fff;
  color: #4d4d4d;
}
.accordions .accordion.is-black {
  background-color: #fafafa;
}
.accordions .accordion.is-black .accordion-header {
  background-color: #0a0a0a;
  color: #fff;
}
.accordions .accordion.is-black .accordion-body {
  
  color: #090909;
}

.dvbox{

width: 100%;
height: 160px;
color:white;
background: hsl(217, 71%, 45%);


}



.fb {
  font-family: "Exo", sans-serif;
  font-weight: 700;
}

.w {
  color: white;
}

.bfontsize {
  font-size: 14px;
}

.hline {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 250px;
  background: hsl(217, 71%, 45%);
  background-image: url("../images/banner.jpg");
  background-size: cover;
  background-position: bottom;
}

.line {
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: rgba(255, 255, 255,0.3);
}

.footerf {
  padding: 3rem 1.5rem 6rem;
  width: 100%;
  margin-top: 5rem;
  bottom: 0;
  background: rgb(0,48,132);
  background: -moz-linear-gradient(0deg, rgba(0,48,132,1) 0%, rgba(23,90,175,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,48,132,1) 0%, rgba(23,90,175,1) 100%);
  background: linear-gradient(0deg, rgba(0,48,132,1) 0%, rgba(23,90,175,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003084",endColorstr="#175aaf",GradientType=1);
}
.footerf p{
  font-family: 'Cairo', sans-serif;
  font-weight: 200;
 color: rgba(255, 255, 255,0.6);
}



.footerf a:link, .footerf a:visited {
color:rgba(255, 255, 255,0.5);
transition: 0.3s;
font-family: 'Cairo', sans-serif;
font-weight: 500;
font-size: 1rem;

}
.footerf a:hover{
  color:rgba(255, 255, 255,0.8);
  transition: 0.3s;
  
  }

.b40 {
  min-height: 40px;
  width: 100%;
  display: block;
}

.p20 {
  padding-left: 20px;
  padding-right: 20px;
}


a.st:link, a.st:visited {
  background-color: rgba(255, 250, 250,0.3);
  color:rgba(255, 250, 250,0.7);
  padding: 6px 10px 6px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-right: .488rem;
  font-family: "Exo", sans-serif;
  font-weight: 700;
  border-radius: 4px;
  width: 37px;
  height: 37px;
  font-size: 18px;
  margin-bottom: 6px;
 
}

a.st:hover, a.st:active {
  background-color: rgba(0, 0, 00,0.3);
  color:rgba(255, 250, 250,0.7);
  transition: 0.3s;
}

.blue{color:#012f84}