@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap");
@font-face{font-family:sf;font-weight:400;font-style:normal;font-display:block;src:url('../../../font/sf/regular.otf?v1.0') format("opentype");}
@font-face{font-family:sf;font-weight:500;font-style:normal;font-display:block;src:url('../../../font/sf/medium.otf?v1.0') format("opentype");}
@font-face{font-family:sf;font-weight:600;font-style:normal;font-display:block;src:url('../../../font/sf/semibold.otf?v1.0') format("opentype");}
@font-face{font-family:sf;font-weight:700;font-style:normal;font-display:block;src:url('../../../font/sf/bold.otf?v1.0') format("opentype");}
@font-face{font-family:sf;font-weight:800;font-style:normal;font-display:block;src:url('../../../font/sf/black.otf?v1.0') format("opentype");}

        @keyframes  slideLogo{0%{opacity:0;transform:translateY(100%);}10%{opacity:1;transform:translateY(0);}30%{opacity:0;transform:translateY(0);}40%{opacity:0;transform:translateY(-100%);}100%{opacity:0;transform:translateY(-100%);}}
@-webkit-keyframes  slideLogo{0%{opacity:0;transform:translateY(100%);}10%{opacity:1;transform:translateY(0);}30%{opacity:0;transform:translateY(0);}40%{opacity:0;transform:translateY(-100%);}100%{opacity:0;transform:translateY(-100%);}}
body{font-family:sf;}
header{position:relative;margin:0;z-index:99999;}
header .nav{background:var(--coc);padding:5px 0;color:#FFF;}
header .nav .nav-items{display:flex;gap:20px;align-items:center;}
header .nav .nav-items>div>b{font-weight:normal;}
header .nav .nav-items>div>b:after{content:':';margin-right:5px;}
header .logo-space>c>div{display:flex;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;padding:20px 0;}
header .logo-space>c>div>div:first-child{-webkit-flex-grow:1;flex-grow:1;}
header .special-items{display:flex;gap:20px;}
header .special-items>div>b{display:block;font-weight:normal;color:#7f8da5;}
header .special-items>div>b>i{font-size:20px;margin-right:5px;vertical-align:middle;}
header .special-items>div>span{display:block;padding-left:25px;font-size:20px;font-weight:500;}
header a.logo{display:block;}
header a.logo>img{height:80px;display:block;max-width:400px;}
header .main-menu{background:var(--cop);color:#FFF;padding:0;margin:0;font-family:Roboto;}
header .main-menu menu{display:block;padding:0;margin:0;}
header .main-menu menu>ul{list-style:none;margin:0;padding:0;}
header .main-menu menu>ul>li{padding:0;margin:0;display:block;position:relative;}
header .main-menu menu>ul>li:hover>ul{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);left:0;}
header .main-menu menu>ul>li>ul:hover+a>i[i]{-webkit-transform:rotate(180deg) scale(0.97);transform:rotate(180deg) scale(0.97);color:var(--coy);}
header .main-menu menu>ul ul{position:absolute;list-style:none;padding:0;margin:0;background:#FFF;left:-10000px;top:100%;-webkit-transition:opacity  300ms ease-in-out,transform  200ms ease-in-out;transition:opacity  300ms ease-in-out,transform  200ms ease-in-out;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-box-shadow:-5px 5px 5px #3885d91a;box-shadow:-5px 5px 5px #3885d91a;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
header .main-menu menu>ul ul>li{position:relative;}
header .main-menu menu>ul ul>li:last-child>a{-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
header .main-menu menu>ul ul>li>a{display:block;padding:0 12px;color:#555;text-transform:none;}
header .main-menu menu>ul ul>li>a.active{color:var(--cop);}
header .main-menu menu>ul ul>li>a.active>span{height:100%;right:auto;width:2px;background:var(--coc);}
header .main-menu menu>ul ul>li>a:hover{background:#f1f3f4;color:var(--cop);}
header .main-menu menu>ul ul>li>a:hover>i[i]{-webkit-transform:rotate(-90deg) scale(0.8);transform:rotate(-90deg) scale(0.8);color:var(--coy);}
header .main-menu menu>ul ul>li>a>i[i]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
header .main-menu menu>ul ul li:hover>ul{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);left:100%;}
header .main-menu menu>ul ul ul{top:0;}
header .main-menu menu>ul a{display:block;padding:0 10px;line-height:40px;text-transform:uppercase;position:relative;white-space:nowrap;}
header .main-menu menu>ul a>div{position:relative;z-index:100;}
header .main-menu menu>ul a.active{background:rgba(255,255,255,0.2);}
header .main-menu menu>ul a.active>span{background:var(--cos);height:2px;}
header .main-menu menu>ul a:not(.active):hover>span{height:100%;}
header .main-menu menu>ul a>span{position:absolute;left:0;right:0;bottom:0;display:block;background:rgba(255,255,255,0.2);height:0;-webkit-transition:height  100ms ease-in-out;transition:height  100ms ease-in-out;}
header .main-menu menu>ul a>i[i]{position:absolute;top:50%;-webkit-transform:inherit;transform:inherit;right:8px;-webkit-transition:all  200ms ease-in-out;transition:all  200ms ease-in-out;-webkit-transform-origin:center center;transform-origin:center center;margin-top:-10px;}
header .main-menu menu>ul a:has(>i[i])>div{padding-right:24px;}
header .main-menu menu>ul a:hover>i[i]{-webkit-transform:rotate(180deg) scale(0.97);transform:rotate(180deg) scale(0.97);color:var(--coy);}
header .main-menu menu>ul ul:hover+a>span{height:100%;}
header .main-menu menu>ul{display:flex;}
c{width:1120px;margin:0 auto;display:block;padding:0;}
section{padding:50px 0;}
section.home-datas{background:#FAFAFA;--bg:#F1F3F4;}
section.home-datas>c>div{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(300px,1fr));}
section.home-datas>c>div>div{background:var(--bg);position:relative;padding:30px;border-bottom:3px solid var(--coc);}
section.home-datas>c>div>div:before,section.home-datas>c>div>div:after{content:'';display:block;position:absolute;background:var(--cos);-webkit-transition:all  300ms linear;transition:all  300ms linear;top:0;left:0;}
section.home-datas>c>div>div:before{width:30%;height:2px;}
section.home-datas>c>div>div:after{height:30%;width:2px;}
section.home-datas>c>div>div:hover{background:-webkit-linear-gradient(to bottom,var(--bg),#FFF);background:linear-gradient(to bottom,var(--bg),#FFF);}
section.home-datas>c>div>div:hover:after{top:70%;}
section.home-datas>c>div>div:hover:before{left:70%;}
section.home-datas>c>div>div>div{display:block;aspect-ratio:1;-webkit-border-radius:50%;border-radius:50%;background:var(--cop);padding:10px;width:50px;margin-bottom:10px;}
section.home-datas>c>div>div>div>img{width:100%;display:block;margin:0;}
section.home-datas>c>div>div>b{font-size:1.2em;font-weight:500;}
section.latest-news{background:-webkit-linear-gradient(45deg,var(--cog),var(--coc));background:linear-gradient(45deg,var(--cog),var(--coc));border-bottom:1px solid #3BA8A4;}
section.latest-news>c>div{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);}
section.latest-news>c>div>div{background:#FFF;position:relative;}
section.latest-news>c>div>div>a{display:block;width:100%;height:100%;position:relative;}
section.latest-news>c>div>div>a>.image{position:relative;overflow:hidden;padding:0;}
section.latest-news>c>div>div>a>.image:after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;top:50%;-webkit-transform:translateY(100%);transform:translateY(100%);background:-webkit-linear-gradient(to bottom,transparent,rgba(16,90,237,0.5));background:linear-gradient(to bottom,transparent,rgba(16,90,237,0.5));-webkit-transition:all  200ms ease-in-out;transition:all  200ms ease-in-out;z-index:999;}
section.latest-news>c>div>div>a>.image>img{width:100%;display:block;margin:0;border-bottom:1px solid #DDD;}
section.latest-news>c>div>div>a>div{padding:20px;}
section.latest-news>c>div>div>a>div>em{display:block;margin:6px 0;color:var(--cg2);font-style:normal;}
section.latest-news>c>div>div>a>div>b{font-size:17px;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;}
section.latest-news>c>div>div>a>div>p{margin:0;font-size:14px;line-height:1.4;color:#555;}
section.latest-news>c>div>div>a:hover>div>b{color:var(--cop);}
section.latest-news>c>div>div>a:hover>.image:after{-webkit-transform:translateY(0);transform:translateY(0);}
section.testimonial{background:-webkit-linear-gradient(35deg,#FFF,var(--coy));background:linear-gradient(35deg,#FFF,var(--coy));border-top:1px solid #E3E3E3;border-bottom:1px solid #F792561a;}
section.testimonial>c>div{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);}
section.testimonial>c>div>div{display:grid;gap:10px;position:relative;grid-template-columns:94px auto;}
section.testimonial>c>div>div>div.av>img{border:2px solid #FFF;-webkit-box-shadow:5px 5px 15px #3885d933;box-shadow:5px 5px 15px #3885d933;}
section.testimonial>c>div>div>div.av+div{padding:10px;--bac:rgba(255,255,255,0.3);background:var(--bac);-webkit-border-radius:8px;border-radius:8px;line-height:150%;position:relative;}
section.testimonial>c>div>div>div.av+div:before{border:6px solid var(--bac);border-right-color:transparent;border-bottom-color:transparent;content:'';display:block;position:absolute;left:-6px;top:40px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
section.testimonial>c>div>div>div.av+div>div.customer-name{display:block;margin-top:10px;font-weight:bold;}
section.testimonial>c>div>div>div.av+div>div.customer-name>span{text-transform:uppercase;}
section.testimonial>c>div>div>div.av+div>p.position{color:#444;margin-top:0;}
section.faq>c>div{display:grid;gap:10px;}
section.faq>c>div>div{position:relative;background:#FFF;overflow:hidden;height:86px;border:1px solid transparent;}
section.faq>c>div>div>b{display:block;position:relative;padding:30px;z-index:999;color:#666;background:#FFF;font-size:20px;}
section.faq>c>div>div>b>i{width:20px;height:20px;line-height:20px;text-align:center;display:block;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--coc);-webkit-border-radius:50%;border-radius:50%;font-size:16px;color:#FFF;font-style:normal;cursor:pointer;}
section.faq>c>div>div>b>i:after{font-family:icon;content:'add';-webkit-transition:all  200ms ease-in-out;transition:all  200ms ease-in-out;display:block;font-size:1em;}
section.faq>c>div>div>div{padding:30px;-webkit-transition:all  200ms ease-in-out;transition:all  200ms ease-in-out;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);line-height:160%;color:#333;}
section.faq>c>div>div.collapse{height:auto;}
section.faq>c>div>div.collapse>div{border-top:1px solid #EEE;height:auto;-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
section.faq>c>div>div.collapse>b{color:#000;}
section.faq>c>div>div.collapse>b>i:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:1.2em;}
section.faq>c>div>div:hover>b{color:#000;}
section.faq>c>div:has(>div.collapse)>div:not(.collapse)>b>i{background:#333;}
section.faq>c>div:has(>div.collapse)>div:not(.collapse)>b>i:hover{background:var(--coc);}
section.faq>c>div:has(>div.collapse)>div.collapse{border-color:var(--coc);}
section.faq>c>div:has(>div.collapse)>div.collapse>b{color:var(--coc);padding:15px 30px;background:#00B2CA08;}
section.feedback>c>div{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);}
section.feedback>c>div>div{background:url("../../../img/fbbg.png?v251208_2232") center center no-repeat #FFF;background-size:100% auto;-webkit-border-radius:10px;border-radius:10px;font-size:30px;padding:20px 30px;}
c>h3{text-align:center;text-transform:uppercase;font-size:24px;font-weight:600;margin-bottom:50px;}
c>h3>span{position:relative;display:inline-block;padding-bottom:16px;}
c>h3>span:after{position:absolute;content:'';width:80%;height:2px;background:var(--cos);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;display:block;}
footer{margin-top:100px;}
footer>span{display:block;height:95px;position:relative;margin-bottom:3px;}
footer>span:after{content:'';height:100%;background:url("../../../img/ribbon.svg?v1") right center no-repeat #F7F7F7;aspect-ratio:17/20;position:absolute;bottom:0;right:0;background-size:auto 100%;}
footer>span:before{content:'';display:block;left:0;bottom:0;right:0;position:absolute;height:3px;background:var(--cop);-webkit-box-shadow:0 -6px 0 0 var(--coc),0 -12px 0 0 var(--cog),0 -18px 0 0 var(--coy),0 -24px 0 0 var(--cos);box-shadow:0 -6px 0 0 var(--coc),0 -12px 0 0 var(--cog),0 -18px 0 0 var(--coy),0 -24px 0 0 var(--cos);}
footer>div{background:#4C83F2;color:#EEE;}
footer>div>div{padding:50px 0;}
footer>div>div>c{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);}
footer>div>div>c>div>h3{font-weight:normal;text-transform:uppercase;font-size:1.3em;color:#FFF;}
footer>div>div .contact{display:grid;gap:10px;}
footer>div>div .contact>div{position:relative;padding-left:30px;white-space:pre-wrap;}
footer>div>div .contact>div:before{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
footer>div>div .contact>div a{color:#FFF;}
footer>div>div .contact>div a:hover{text-decoration:underline;}
footer>div>p{margin:0;padding:10px 0;text-align:center;border-top:1px solid #6394f8;color:#FFF;}
footer menu{padding:0;margin:0;}
footer menu>ul{list-style:none;padding:0;margin:0;}
footer menu>ul>li>a{display:block;padding:5px 10px;cursor:pointer;}
footer menu>ul>li>a:hover{color:#FFF;text-decoration:underline;}
footer .socials{display:flex;gap:10px;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
footer .socials>a>img{width:30px;height:30px;display:block;margin:0;border:2px solid #FFF;-webkit-border-radius:50%;border-radius:50%;}
.static-page{padding-top:40px;}
.static-page>c>div{display:grid;gap:40px;grid-template-columns:auto 300px;}
.static-page .page-content{line-height:160%;color:#555;text-align:justify;}
.static-page .page-content h4.page-title{position:relative;font-size:30px;font-weight:500;padding:5px 0;padding-left:30px;line-height:140%;margin-bottom:40px;text-align:left;}
.static-page .page-content h4.page-title:before{content:'';position:absolute;left:0;top:0;bottom:0;display:block;background:var(--cos);width:3px;}
.static-page .page-content img{max-width:100%;height:auto;}
.static-page .page-content table{width:100%;margin:20px 0;--boc:#d7d6d3;border-top:1px solid var(--boc);border-left:1px solid var(--boc);-webkit-border-radius:6px;border-radius:6px;overflow:hidden;border-collapse:inherit;}
.static-page .page-content table tr>td,.static-page .page-content table tr>th{padding:8px 10px;border-bottom:1px solid var(--boc);border-right:1px solid var(--boc);}
.static-page .page-content table tr>th{background:#F1F3F4;}
.static-page .page-content table tr:hover>td{background:#F6F8F9;}
.static-page .page-content table tr:last-child>td:last-child{border-bottom-right-radius:6px;}
.static-page .page-content h1{font-size:14px;font-weight:400;}
.static-page .page-content h2{font-size:16px;font-weight:500;}
.static-page .page-content h3{font-size:18px;font-weight:600;}
.static-page .page-content h4{font-size:20px;font-weight:700;}
.static-page .page-content h5{font-size:22px;font-weight:800;}
.static-page .page-content h6{font-size:24px;font-weight:900;}
.static-page .news-list>h3{border-bottom:2px solid var(--cos);margin-bottom:30px;text-transform:uppercase;font-weight:normal;padding-bottom:10px;font-size:20px;}
.static-page .news-list>div{display:grid;gap:20px;}
.static-page .news-list>div>a{display:block;}
.static-page .news-list>div>a>em{display:block;margin:5px 0;color:#AAA;font-style:normal;}
.static-page .news-list>div>a>p{margin:0;color:#555;line-height:150%;}
.static-page .news-list>div>a:hover>b{color:var(--cop);}
table.grid.report td>b{font-weight:600;}
table.grid.report td p{margin:0;}
table.grid.report td>div{margin-top:5px;}
.news-content{line-height:160%;color:#555;text-align:justify;}
.news-content iframe{width:100%;border:none;aspect-ratio:16/9;height:auto;margin:20px 0;}
.news-details{display:flex;gap:50px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px dashed #DDD;}
.news-details>span{display:flex;gap:8px;}
.news-details>span>b:after{content:':';}
.news-details>span>span{color:var(--cop);}
.branches{display:grid;gap:20px;}
.branches>div{background:#FFF;display:;}