html{height: 100%}
body{background: #f2f2f2;height: 100%; font-family: fastorder;}
@font-face{

    font-family: fastorder;
    src : url('/api/public/font/AvenirLTStd-Roman.otf');
}
*{font-family: fastorder; }
a {
    text-decoration: none !important;
}
.faq-list.change-button{padding: 0px!important}
.button-two{padding: 10px}

#v-pills-tab  p {margin-bottom: 0px!important;}
#v-pills-tab a .border-f{width: 0px;transition: .2s ease}
#v-pills-tab a:hover .border-ff{ width: 30%; color: #a5a5a5;}
 #v-pills-tab .active .border-ff{width: 30%;color: #22a7de!important;}

@keyframes border {
from{
  width: 0%;
}

to{
  width: 30%;
}
}
.main-body-faq .nav-pills .nav-link{transition: .5s ease}

.border-ff{border-bottom: 3px solid;width: 0px;    transition: .5s ease;
    color: #22a7de;
}

.no-padding{padding: 0px!important}
.mg-auto{margin: auto;}
header{background: #22A7DE;    padding: 1rem 2rem;    position: fixed;
    z-index: 9999999999999;
    width: 100%;    height: 70px;}
    .sapcer{height: 70px}

    .heading-title{    background: #22a7de;position: relative;overflow: hidden;       padding-top: 3rem;
    padding-bottom: 3rem;    padding-left: 6rem;}
    .logo-background-overly{    position: absolute;
    right: -20px;
    bottom: -58px;
    opacity: .4;}
    .logo-background-overly img{    width: 192px;}
@media (min-width: 992px){
  .no-padding-computer{padding: 0px!important;}

.container {    max-width: 100%;}
.row{margin-left: 0px;margin-right: 0px}
}
.color-white{color: #fff;margin-bottom: 0px}
.search-and-profilicon ul{display: flex;
    justify-content: flex-end;
    align-items: center;list-style: none;padding: 0px;margin: 0px}
.logo-and-title .media{height: 100%;
    align-items: center;}
    .search-and-profilicon ul li{margin-left: 1rem}
        .search-and-profilicon ul .user-icon img{ height: 42px;width: 42px;border-radius: 50%}
        .search-icon-top img{width: 30px;
    height: 30px}
    .white-background-kl{    height: 100%;
    width: 85%;
        margin: 2rem auto;}
    .main-body-faq .nav-pills .nav-link{    color: #a5a5a5;}
  .white-background-kl  .col-md-9{    color: #000;background: #fff;    border-radius: 6px;
    box-shadow: 0px 0px 12px -8px #00000073;}
.heading-title h1{font-weight: bolder;
    letter-spacing: .1em;
    font-size: 48px;}
    .sapcewr-s{height: 100vh}
    .main-body-faq .nav-pills .nav-link{    font-size: 18px;}
    .main-body-faq .nav-pills .nav-link.active{  border-radius: 0pc;  color: #22a7de;
    background-color: transparent;}
    .main-body-faq .row{
    height: 100%;}
    .main-body-faq .row .col-md-2{padding: 0px;border-right: 1px solid #e2e2e2;    background: transparent;}
    .no-effect{
    height: 100%;position: relative;}
    .no-effect .row{height: auto;}



#accordionExample{list-style: none;padding: 0px;margin: 0px}
#accordionExample .faq-list button {   padding: 0px; width: 100%;background: transparent;text-align: left;    font-size: 20px;}
.Answer-list{padding: 0px}
.Quation-list .faq-list{border-bottom: 1px solid lightgrey;cursor: pointer;}
.Quation-list .faq-list .button-one .media{justify-content: space-between;}
.Quation-list .faq-list .button-one .media .meida-body {    font-size: 14px;
    margin: auto 0px;}
.Quation-list .faq-list button:focus{outline: none;box-shadow: none}
:focus{outline: none!important;box-shadow: none}
.button-two{    background: #22a7de;
    color: #fff;}
    .button-two .meida-left{    margin-right: 1rem;}
  .button-two .media{    padding: 0px 10px;}
.right-side-section .right-side-section-heading h3{       margin: 10px 0px;
    font-weight: bolder;
    font-size: 18px;
    letter-spacing: .1em;}
.right-side-section ul .faq-list {padding: 10px 0px}
.faq-list .button-two{display: none;}
.faq-list.change-button .button-two{display: block!important;}
.faq-list.change-button .button-one{display: none}
.button-two .meida-left .fa-arrow-left{font-size: 20px}

.button-two    .meida-body {    font-size: 18px;
    margin: auto 0px;}
.Answer-list h6{    font-size: 15px;
    margin: 15px 0px;
    font-weight: bold;
    letter-spacing: .1em;}
    .Answer-list p{  text-align: justify;  color: grey;
    font-size: 13px;}
    .Answer-list a{    font-size: 14px;
    }
    .button-two{border-radius: 4px 4px 0px 0px;}
    .Answer-list li{    box-shadow: 0px 1px 6px -2px #00000087;
    border-radius: 4px;
    padding: 10px 15px;}

    .logo-and-title h4{    font-size: 1.2rem;}
.search-section{padding: 0px!important}
.search-section .col-md-12{
  text-align: center;
height: 17.5em;
background: #06267D;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
padding: 0px;
position: fixed;
left: 0px;
}
.search-section .col-md-12 label{    width: 70%;position: relative;}
.search-section .col-md-12 label input{    width: 100%;
    height: 40px;
    background: transparent;
    border: navajowhite;
    border-bottom: 1px solid #fff;
    color: #fff;}

    .search-section .col-md-12 label img{position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}
    .search-section{display: none;}
    .search-icon-top a{cursor: pointer;}
.search-show{    background: #06267d!important;}
.search-icon-x{font-size: 30px;
    color: #fff;}
    .search-icon-x{display: none;}
    .search-show .search-icon-x{display: block!important;}
    .search-show .search-section{ display: block;}
    .search-show .search-icon-image{display: none;}
@keyframes test {
0%{
  opacity: 0;

}


100%{
  opacity: 100;
}
}

@media only screen and (max-width: 768px) {

  header {padding: 15px!important;height: auto;}
  header .col-md-6{width: 50%;}
  .logo-and-title h4 {
    font-size: 1rem;
}
.no-effect .row{    margin: 0px;height: auto;}
.heading-title{    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;}
    .logo-background-overly img {
    width: 125px;
}
.logo-background-overly {
    position: absolute;}

    .heading-title h1 {
    font-weight: bolder;
    letter-spacing: .1em;
    font-size: 28px;
    padding: 15px 20px;
}
.search-section .col-md-12{height: 8.5em;}
}



@media only screen and (max-width: 768px) {
  .right-side-section-heading{padding: 0px!important;}
  .right-side-section .right-side-section-heading h3 {
    .no-effect{    background: gainsboro;}
    margin: 20px 0px 0px;}
    #v-pills-profile .right-side-section-heading{padding: 0px!important}
  .right-side-section ul .faq-list {
    padding: 0px 0px!important;
}
  .white-background-kl{margin: 0rem auto!important;}
  #v-pills-tab .active .border-ff {
    width: 100%!important;
}
.main-body-faq .nav-pills .nav-link{width: 50%;
    text-align: center;}
#sticky-anchor{    display: none;}
  #sticky {
      padding: 0px;}
      .white-background-kl {

      width: 95%;

  }
  #sticky .flex-column {flex-direction: row!important;}


  #sticky {
      padding: 1.5ex 5px;
      width: 100%;

    background-color: #dcdcdc;
    color: #fff;
    font-size: 2em;
    border-radius: 0;
  }
  .hhh{position: fixed;z-index: 8888}
  #sticky.stick {
    position: fixed;
    top: 70px;
    z-index: 10000;
    border-radius: 0 0 0.5em 0.5em;
    height: 100%;
    width: 100%;
  animation: test 1s ease;
  padding: 0px;
  }

  .main-body-faq.stick .white-background-kl .col-md-9{    height: calc(100vh - 70px);
      overflow-y: scroll;}

  .main-body-faq.stick .white-background-kl{width: 100%;height: 100%;background: #fff;}
}


.main-body-faq{max-width: 100%!important}

.collapse {  transition: height 0.01s; }  .collapsing {
  transition: .1s ease !important;
}


.list-header-part{width: 100%;padding: 0px!important;background: transparent}
.list-header-part:focus{box-shadow:none;}
.button-one .media{justify-content: space-between;}

.Quation-list{margin-bottom: 0px}
.Answer-list{    margin-bottom: 1rem;}
.showbutton-two .button-one{display: none;}
.button-two{display: none;}

.showbutton-two .button-two{display: block!important;}
.main-div{    border-bottom: 1px solid lightgrey;}

.Answer-list .border-button{display: block;
    border: 1px solid;
    width: 25%;
    padding: 10px 20px;
    border-radius: 6px;
    color: #22a7de;transition: .2s ease}
    .Answer-list .border-button:hover{background:#22a7de; color: #fff}
    .small-title{    font-size: 11px;
    color: grey;}

@media only screen and (min-width: 768px) {

    .image-1{display: none;}

    .FAQ-btn-image .image-1{display: block;}
    .FAQ-btn-image .image-2{display: none;}
    .FAQ-btn-image.Legal-btn-image .image-1{display: none;}
    .FAQ-btn-image.Legal-btn-image .image-2{display:block;}
}


@media only screen and (max-width: 768px) {
  body{overflow-y: hidden;}
  .Answer-list .border-button{text-align: center;width: 100%;}
  .white-background-kl .col-md-3{    box-shadow: 0px 0px 8px -3px #00000075;
    z-index: 9;    padding: 0px;}
    .main-body-faq.stick .white-background-kl .col-md-9{    padding: 10px 15px;}
  .image-1,  .image-2{display: none;}
}
.hover-listo{hover-listo}
.hover-listo{     position: absolute;
    right: 10px;
    flex-direction: column;
    text-align: left;
    justify-content: flex-start!important;
    align-items: self-start!important;
    background: #fff;
    padding: 0px!important;}

.hover-listo li{
  margin-left: 0px!important;
    padding: 5px 10px;
    width: 100%;
    font-size: 12px;
    color: #000;
}


.hover-listo li a{color: #000}

.hover-listo{border-radius: 4px;filter: drop-shadow(1px 3px 3px #00000042);margin-top: 1px!important;}

.hover-listo .fa-caret-up{margin-top: -18px;
    text-align: right;
    position: absolute;
    right: 0px;
    color: #fff;
        font-size: 30px;
    z-index: 1;}
  .user-icon{cursor: pointer;}
    .user-icon ul{display: none;}
    .user-icon:hover ul{display: block!important;}
.right-side-section-heading{padding-top: 10px;
    padding-bottom: 10px;}

    .image-1,.image-2{width: 100%;    margin-top: 15px;}