:root{--fnt:Merriweather;--main:#167e77;--hover:#f57224;--text:#333;--prev:#777;--red:#ed1c24;--bord:#d7d7d7;--grey:#f7f7f7;--wite:#fff;}
::-webkit-scrollbar{width:0.5rem;}::-webkit-scrollbar-track{background-color:transparent;}::-webkit-scrollbar-thumb{background-color:var(--main);}
.bg-m{background-color:var(--main);}.bg-h{background-color:var(--hover);}.bg-g{background-color:var(--grey);}.bg-w{background-color:var(--wite);}
.fnt{font-family:var(--fnt);}.fs-7{font-size:14px;}.fs-8{font-size:12px;}.fw-5{font-weight:500;}.text-justify{text-align: justify;}.text-left{text-align: left;}
.ls-1{letter-spacing: 1px;}.cl-m{color:var(--main);}.cl-h{color:var(--hover);}.cl-t{color:var(--text);}.cl-p{color:var(--prev);}.cl-r{color:var(--red);}.cl-w{color:var(--wite);}
.br-5{border-radius:5px;}.br-15{border-radius:15px;}.br-30{border-radius:30px;}.br-50{border-radius:50%;}.tr-5{transition:all 0.5s ease 0s;}
body{font-family:Montserrat,'Open Sans',Arial,sans-serif;color:var(--text);font-size: 17px;line-height: 1.6;color: rgb(10, 49, 99);}
input,select,textarea{width:100%;height:45px;padding:0 1rem;border:1px solid var(--bord);outline:none;transition:all 0.5s ease 0s;}
input:disabled{background-color:var(--grey);cursor: not-allowed;}input:focus,select:focus,textarea:focus{border:1px solid var(--main);box-shadow:0 0 5px rgb(0 0 0 / 15%);}
input[type=submit]{display:inline-block;width:100%;padding:0;background-color:var(--main);border:0;font-weight:700;color:var(--wite);}
input[type=submit]:hover{background-color:var(--hover);}
select{background:var(--wite) url(images/select.png) no-repeat center right 1rem;appearance:none;}textarea{display:block;height:106px;padding:1rem;}
h1,h2,h3,h4,h5,h6{margin:0;}ul,ol,p{margin:0;padding:0;}a{text-decoration:none;color:var(--text);transition:all 0.5s ease 0s;}a:hover{color:var(--main);}
img{display:block;max-width:100%;transition:all 0.5s ease 0s;}.i-hov{overflow:hidden;}.i-hov:hover img{transform:scale(1.1);}.i-obc{width:100%;height:100%;object-fit:cover;}
.n-hov-l a{width:100%;background:linear-gradient(transparent calc(100% - 2px), var(--main) 2px) no-repeat top left / 0% 100%;color:var(--text);}
.n-hov-l a:hover{background-size:100% 100%;color:var(--main);}
.n-hov-t a{background:linear-gradient(to right, var(--red), var(--red) 50%, var(--main) 50%) 100% / 200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;}
.n-hov-t a:hover{background-position:0;}
.f-item{position:relative;margin-bottom:1.5rem;}.f-item span{display:block;margin-bottom:0.25rem;}
.f-item input.error,.f-item select.error,.f-item textarea.error{border-color:var(--red);}label.error{position:absolute;top:100%;right:0;font-size:12px;color:var(--red);}
.f-btn{position: relative;display:flex;width:175px;justify-content:center;align-items:center;}
.f-btn i{position: absolute;color:var(--wite);pointer-events:none;}

.header-wrap{height: 80.5px;}
.header{position: fixed; background-image: linear-gradient(90deg, rgb(255, 255, 255), rgb(177, 177, 177)); filter: contrast(188%) brightness(99%) saturate(81%); z-index: 99999;}
.header-2{box-shadow: 0 0 3px rgb(0 0 0 / 25%);}
.logo{width: 178px;}
.cl{right: 0.5rem; bottom: 0.5rem; pointer-events: none; z-index: 99992;}
.cl-wrap{pointer-events: auto;}
.cl-wrap a{position: relative; display: block; width: 80px; cursor: pointer; overflow: hidden;}
.cl-wrap a img{width: 100%; height: 80px;}
.cl-wrap a.click-hf{background-color: var(--main); line-height: 80px; color: var(--wite);}
.cl-wrap a.click-hf-2:after{content: '\58'; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: var(--red); font-family: 'Font Awesome 6 Pro'; text-align: center; line-height: 80px; color: var(--wite);}
.title-headline{font-family: Merriweather, sans-serif;font-size:36px;font-weight: bold;line-height: 1.6;color: var(--main);text-transform: uppercase;}
.main-title{margin-bottom: 3rem; font-family: var(--fnt); font-weight: 700; text-align: center; line-height: 1.5;}
.main-button{font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.main-button a{position: relative; display: inline-block; padding: 1rem 1.5rem; background-color: var(--main); color: var(--wite);}
.main-button a span{position: relative;}
.main-button a:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; opacity: 0; background-color: var(--red); transition: all 0.5s ease 0s;}
.main-button a:hover:before{height: 100%; opacity: 1;}
.main-page{list-style: none; display: flex; justify-content: center; margin-bottom: 3rem; font-size: 14px; font-weight: 700; text-align: center; line-height: 40px;}
.main-page li+li{margin-left: 0.5rem;}
.main-page li a{display: block; width: 40px; background-color: var(--grey); color: var(--text);}
.main-page li a:hover, .main-page li a.active{background: var(--main); color: var(--wite);}
.main-detail p{margin-bottom: 0.75rem;}
.main-detail h2{padding: 0.75rem 0; font-size: 1.5rem;}
.main-detail h3{padding: 0.75rem 0; font-size: 1.25rem;}
.main-detail h4{padding: 0.75rem 0; font-size: 1.0rem;}
.main-detail ul, .main-detail ol{padding: 0 0 0.75rem 2rem;}
.main-detail img{display: inline-block!important;}  
.main-detail iframe{display: block; margin: 0 auto!important;} 
.main-detail figure{padding: 0 0 1rem;}
.main-detail figure figcaption{font-size: 14px; font-style: italic;}
.main-detail > *:first-child{margin-top: 0; padding-top: 0;}
.main-detail > *:last-child, .main-detail > *:last-child > *:last-child{margin-bottom: 0; padding-bottom: 0;}
.main-share {display: flex; margin-bottom: 1.5rem;}
.main-share span {font-size: 12px; line-height: 30px;}
.main-share button{margin-left: 0.5rem; padding: 0; background-color: transparent; border: none; outline: none;}
.main-share i{display: block; width: 30px; background-color: var(--grey); border-radius: 5px; text-align: center; line-height: 30px; transition: all 0.5s ease 0s;}
.main-share i:hover {background-color: var(--main); color: var(--wite);}
.main-other{margin-bottom: 1.5rem; font-family: var(--fnt); font-size: 20px; font-weight: 700; border-bottom: 1px solid var(--bord); color: var(--main);}
.main-other *{position: relative; display: inline-block;}
.main-other *:before{content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: var(--main);}
.main-more{font-size: 14px; font-weight: 700;}
.main-more a{display: inline-block; padding: 0.5rem 1.5rem; background-color: var(--main); border-radius: 5px; color: var(--wite);}
.main-more a:hover{background-color: var(--hover);}
.main-toc{top: 15px; border: 1px solid var(--bord);}
.main-toc-button{position: absolute; top: 15px; right: 15px; cursor: pointer;}
.main-toc-button i{width: 30px; text-align: center; line-height: 30px; color: var(--text);}
.main-toc-list{margin-top: 15px;}
.main-toc-list ul{list-style: none; margin-top: 10px;}
.main-toc-list ul li{position: relative; padding-left: 20px;}
.main-toc-list ul li:before{content: ''; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: var(--main);}
.main-toc-list ul li a:hover{color: var(--main)!important;}
.main-toc-list ul ul{padding-left: 20px;}
.main-toc-list ul ul li:before{background-color: transparent; border: 1px solid var(--main);}
.cl a{
    animation-name: pulse;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes pulse{
    0% {transform: scale(1);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1);}
}
@keyframes flash{
    0%, 100%, 50%{opacity: 1;}
    25%, 75%{opacity: 0;}
}
@keyframes shake{
    0%, 100%{transform: translateX(0);}
    10%, 30%, 50%, 70%, 90%{transform: translateX(-10px);}
    20%, 40%, 60%, 80%{transform: translateX(10px);}
}




.call{z-index: 99999;}
.call a{display: flex;}
.call a i{position: relative; width: 50px; border: 1px solid var(--wite); line-height: 50px;}
.call a i:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid var(--main); border-radius: 50%;animation: scale 2s infinite;}
.call a span span{margin-left: -1rem; border-radius: 18px; line-height: 36px;}
@keyframes scale{0%{transform: scale(1.1);} 50%{transform: scale(1.3);} 100%{transform: scale(1.1);}}