@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --color-first:#091d4a;
  --color-second: #4e7283;
  --color-content: #2b2b2b;
    --color-bg:#101c36;   
  --font-family-heading: 'Montserrat', sans-serif;
  --font-family-content: 'Montserrat', sans-serif;
  --bs-border-width: 1px;
}
*, ::after, ::before {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  font-family: var(--font-family-content);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 1.5;
  color: var(--color-content);
  text-transform: none;
}
::-webkit-scrollbar {
-webkit-appearance: none;
width: 5px;
}

::-webkit-scrollbar-thumb{
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}        

body {
  counter-reset: count;
}
a, a:hover, .decorationNone {
  text-decoration: none;
}
html {
  scroll-behavior: smooth;
}
p {
  white-space: pre-line;
}
ul li {
  list-style: none;
}
img {
  object-fit: cover;
  object-position: center;
  max-width: 100%;
}

/*.mt-7{margin-top:7rem;}*/

.bg-first, .button.btn-first {
  background: var(--color-first);
}
.bg-second, .button.btn-second {
  background: var(--color-second);
}

.bg-wrapper{
background-image:url("../img/bg-arrows.png");
background-repeat: no-repeat;
background-position:center top;
background-size:contain;  
min-height:500px;    
}

.bg-1{background:var(--color-bg);}

.adBlock ul{   
padding-left:0px;
}
.adBlock ul li {
margin-bottom:1.5rem;
border: 5px solid #fff;
background: var(--color-first);   
border-radius:0.3rem;
}
.adBlock ul li:hover {
background: var(--color-second);  
}
.adBlock ul li a{
color:#fff;    
font-size:1.6rem;
font-family: var(--font-family-content); 
font-weight:600;  
vertical-align: middle;
display: inline-block;
width: 100%;      
padding:20px 35px 20px 20px;    
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
min-height:110px;     
}
.adBlock ul li a:hover{
text-decoration:underline;
}

.adBlock li a:after {
font-family: "FontAwesome";
content: "\f054";
font-weight: 400;
font-size:2rem;
display: inline-block;
vertical-align: middle;
position: absolute;
right:20px;
}

.webContent h1, .webContent h2, .webContent h3, .webContent h4, .webContent h5{
font-family: var(--font-family-content);
font-weight:600;    
}
.webContent h2{font-size:1.6rem}
.webContent h3{font-size:1.4rem}
.webContent h4{font-size:1.2rem}
.webContent h5{font-size:1.1rem}

footer p, footer p a{color:#c0c0c0;}

footer a:hover{
text-decoration:underline;    
}

@media screen and (min-width:320px) and (max-width:767px) {
/*.mt-7{margin-top:2rem;}    */
.bg-wrapper{background-image:none;}    
.adBlock ul li a{
font-size:1.3rem;
padding: 20px 45px 20px 20px;    
word-break:break-word;
min-height: auto;    
}   
 }

@media screen and (min-width:768px) and (max-width:1023px) {
/*.mt-7{margin-top:2rem;}    */
.adBlock ul li a{
font-size:1.1rem;
padding: 20px 45px 20px 20px;    
word-break:break-word;
min-height: auto;    
}   
 }