:root{
    --primary-color: #2B6470;
    --secondary-color:#E5EEF1;
    --tertiary-color:#001631;
    --light-dark:#001631bf;
    --white:#ffffff;
    --red:#D00000;
    --primary-font: 'HUK Sans';
}

.row {
  --bs-gutter-x: 16px;
}



[class^="btn-"]{ padding: 12px 20px; border-radius: 4px; color: var(--white); font-weight: 700;}
.btn-1{ background-color: var(--primary-color); color: var(--white);}
.btn-2{ background-color: transparent; color: var(--primary-color); outline: 2px solid var(--primary-color);}

hr,h1,h2,h3,h4,h5,h6,p,ul,li{ padding: 0; margin: 0;}

.link-1{ text-decoration: underline; font-weight: 500;}
.link-1::before{  content:'\f054'; font-family: 'Font Awesome 6 Pro'; transform: rotate(270deg); padding-right: 10px; font-size: 10px;}

[class^="list-"]{ padding-left: 20px;}
[class^="list-"] li{ padding: 2px 0 2px 4.8px; position: relative; font-weight: 500;}
[class^="list-"] li::before{font-family: "Font Awesome 6 pro";  font-weight: 900; color: #7CA5AE; position: absolute; left: -20px; top: 3px;}
.list-1 li::before{ content: '\f00c'; font-size: 16px;}
.list-2 li::before{ content: '\f0c8'; font-size: 8px; top: 9px;}

.img-fluid-x{ height: 100%; width: 100%; object-fit: cover; object-position: center;}

.btn-box{ display: flex; justify-content: center; padding: 0 !important;}

#backToTopBtn { position: fixed; bottom: 40px; right: 40px; opacity: 0; background-color: #333; color: white; border: none; padding: 10px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); transition: 0.3s ease-in-out;}
#backToTopBtn img{ max-width: 24px;}
#backToTopBtn:hover { background-color: #555; }

.show-block{ display: block;}
.hide-block{ display: none;}

p{ font-weight: 500;}