@charset "UTF-8";

.language-panels--{
 text-align: center	
}

.language-panels-->.row{
 row-gap: 30px
}

@media ( min-width: 1200px ){

 .language-panels-->.row{
  margin-left: -19px;
  margin-right: -19px
 }
 .language-panels-->.row>div{
  padding-left: 19px;
  padding-right: 19px
 }

}

.language-panels-- .panel{
 padding: 40px 30px;
 border-radius: 10px
}

.language-panels-- .panel.bg-white{
 background-color: #fff;
 box-shadow: 0 3px 10px #0000000d
}
.language-panels-- .panel.bg-blue{
 background-color: #e0f3fd
}


.language-panels-- img,
.language-panels-- ul.styled-bullet-points{
 margin-left: auto;
 margin-right: auto 
}

.language-panels-- .heading p.h1,
.language-panels-- .heading p.h2,
.language-panels-- .heading p.h3{
 margin-bottom: 30px;
 color: #171d6e
}

@media ( min-width: 768px ) and ( max-width: 848px  ){

 .language-panels-- p.h3{
  font-size: 1.4375rem;
  font-weight: 500
 }
 
}

.language-panels-- ul.styled-bullet-points{
 display: inline-block;
 padding-top: 30px;
 text-align: left
}
.language-panels-- p.h3{
 margin-top: 30px;
 color: #171D6E
}
.language-panels-- .buttons{
 margin-top: 14px;
}
.language-panels-- .buttons.more-gap{
 margin-top: 40px;
}
.language-panels-- button.btn, 
.language-panels-- a.btn,
.language-panels-- a[href].btn, 
.language-panels-- span.btn{
 width: 100%;
 padding-left: 5px;
 padding-right: 5px
}
.language-panels-- a.btn+a.btn{
 margin: 14px 0 0 0
}