@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;
400;
500;
600&family=Oswald:wght@200;
300;
400;
500;
600;
700&display=swap";
*{
    margin:0px;
    padding:0px;
    box-sizing:border-box
}
a{
    color:#0a6caf;
    text-decoration:none;
    transition:all .3s ease-in-out;
    outline:none
}
a:hover{
    text-decoration:none
}
a:focus{
    outline:none;
    text-decoration:none
}
a img{
    border:0
}
img{
    max-width:100%
}
::-moz-selection{
    color:#fff;
    background:#f3963a
}
::selection{
    color:#fff;
    background:#f3963a
}
table{
    border-spacing:0
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    margin:0;
    padding:0
}
p{
    font-weight:400;
    margin:0;
    padding:0
}
ol,ul{
    margin:0;
    padding:0;
    list-style:none
}
body{
    font-family:"Oswald",sans-serif;
    color:#151515
}
.btn:focus,.form-control:focus{
    box-shadow:none
}
.pagetitle{
    color:#000;
    font-size:40px
}
.pagetitle span{
    color:#f83d12
}
.pagetitle-wh{
    color:#fff;
    font-size:40px
}
.pagetitle-wh span{
    color:#26bde2
}
.btn-wh{
    padding:8px 12px;
    border-radius:12px;
    border:2px solid #fff;
    color:#fff
}
.btn-wh:hover{
    background-color:#fff;
    color:#000
}
.btn-outline-wh{
    padding:8px 12px;
    border-radius:8px;
    border:2px solid #fff;
    background:#f83d12;
    color:#000
}
.btn-outline-wh:hover{
    border:2px solid #fff;
    background:#f83d12;
    color:#fff
}
.btn-outline-org{
    padding:8px 12px;
    border-radius:8px;
    border:2px solid #f83d12;
    background:#fff;
    color:#000;
    min-width:120px
}
.btn-outline-org:hover{
    border:2px solid #f5f5f5;
    background:#f83d12;
    color:#f5f5f5
}
.btn-outline-white{
    border:2px solid #fff;
    color:#000;
    padding:8px 30px
}
.btn-outline-white:hover{
    border:2px solid #f5f5f5;
    background:#f83d12;
    color:#f5f5f5
}
.btn-outline-white-solid{
    padding:8px 30px;
    border:2px solid #f5f5f5;
    background:#f83d12;
    color:#f5f5f5
}
.btn-outline-white-solid:hover{
    border:2px solid #fff;
    color:#000
}
.bg-gray{
    background-color:#f5f5f5
}
.sub-title{
    font-size:20px;
    color:#f3963a;
    text-shadow:0px 0px 30px #fff
}
.w-100.fr-text h1{
    font-weight:400
}
.w-100.fr-text p{
    font-weight:300
}
.w-100.fr-text h1,.w-100.fr-text p{
    color:#fff;
    margin-bottom:8px
}
header.top-header{
    background:#2a2a2a;
    position:sticky;
    top:0;
    z-index:99
}
header.top-header a.navbar-brand img{
    width:100%;
    max-width:200px
}
header.top-header ul li a{
    color:#fff !important;
    font-size:18px
}
header.top-header ul li a.show{
    background-color:#f83d12
}
header.top-header ul li a.activ,header.top-header ul li a:hover{
    color:#f83d12
}
header.top-header ul li a::after{
    display:none
}
header.top-header ul li ul.dropdown-menu.show{
    padding:0px;
    border-radius:0px;
    border:none
}
header.top-header ul li ul.dropdown-menu.show a{
    color:#000 !important;
    border-top:2px solid;
    padding:12px
}
header.top-header ul li ul.dropdown-menu.show a.activ,header.top-header ul li ul.dropdown-menu.show a:hover{
    background-color:#f83d12;
    color:#fff !important
}
.owl-item.active.center{
    transition:all .8s;
    transform:scale(1.1)
}
.owl-item.active.center:hover{
    transform:scale(1.15);
    border-radius:34px;
    transition:all .8s
}
.banner .owl-theme .owl-nav{
    position:absolute;
    right:20%;
    bottom:50px
}
.banneritem{
    margin:50px 0px;
    position:relative;
    border-radius:16px;
    overflow:hidden;
    height:450px
}
.banneritem img{
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%;
    border-radius:16px
}
.banneritem .banner-cont{
    position:absolute;
    display:flex;
    flex-direction:column;
    top:0;
    z-index:999;
    justify-content:space-between;
    height:100%;
    width:100%;
    padding:16px 16px 32px 16px;
    background:rgba(0,0,0,.4);
    transition:all .8s;
    transform:scale(1);
    opacity:0
}
.banneritem:hover .banner-cont{
    transition:all .8s;
    transform:scale(1);
    opacity:1
}
.banner button.owl-next span,.banner button.owl-prev span{
    padding:0px !important;
    font-size:35px;
    line-height:21px;
    color:#f83d12
}
.banner button.owl-next,.banner button.owl-prev{
    width:35px;
    height:35px;
    border:2px solid #777 !important;
    padding:0 !important
}
.wware{
    width:100%;
    padding:0px 50px 50px 0px;
    position:relative
}
.wware img{
    border-radius:8px;
    width:100%;
    border-radius:16px
}
.small-img{
    width:300px;
    position:absolute;
    right:-40px;
    bottom:0;
    z-index:1
}
.small-img img{
    width:250px;
    height:200px;
    border-radius:8px;
    -o-object-fit:cover;
    object-fit:cover
}
.small-img:after{
    position:absolute;
    content:"";
    border-top:4px solid #fff;
    width:50%;
    left:-8px;
    border-left:5px solid #fff;
    width:100px;
    height:100px;
    top:-8px;
    z-index:-1;
    border-radius:8px 0px
}
.small-img:after .small-img:after{
    position:absolute;
    content:"";
    border-top:4px solid #fff;
    width:50%;
    left:-8px;
    border-left:4px solid #fff;
    width:100px;
    height:100px;
    top:-8px;
    z-index:-1
}
.otw{
    position:relative
}
.otw img.bg-img{
    width:100%;
    height:400px;
    -o-object-fit:cover;
    object-fit:cover
}
.Solution-item{
    height:400px;
    border-radius:12px;
    overflow:hidden;
    position:relative;
    cursor:pointer
}
.Solution-item img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.Solution-title{
    position:absolute;
    display:flex;
    align-items:center;
    z-index:9;
    left:0;
    top:0;
    width:100%;
    height:100%;
    justify-content:center;
    color:#fff;
    font-size:24px;
    padding:24px;
    text-align:center;
    background:rgba(0,0,0,.8);
    cursor:pointer
}
.Solution-title:hover{
    background:rgba(0,0,0,.3)
}
.Solution-title:hover:after,.Solution-title:hover:before{
    width:100px;
    height:100px;
    transition:all .8s
}
.Solution-title:after{
    transition:all .8s;
    width:80px;
    height:80px;
    border-left:4px solid #26bde2;
    content:"";
    position:absolute;
    top:36%;
    left:6%;
    border-top:4px solid #fff
}
.Solution-title::before{
    transition:all .8s;
    width:80px;
    height:80px;
    border-right:4px solid #fff;
    content:"";
    position:absolute;
    top:55%;
    right:6%;
    border-bottom:4px solid #26bde2
}
.Solution-conten{
    position:absolute;
    border-radius:0%;
    top:0;
    z-index:9;
    padding:20px;
    height:100%;
    width:100%;
    background:#3bacde;
    flex-direction:column;
    justify-content:center;
    transition:all .8s;
    transform:rotateY(-180deg);
    opacity:0;
    pointer-events:none
}
.Solution-conten h3{
    color:#f83d12;
    margin-bottom:12px
}
.Solution-conten p{
    color:#fff;
    font-weight:300;
    margin-bottom:12px
}
.Solution-conten p strong{
    color:#151515
}
.Solution-conten a.btn{
    max-width:150px
}
.Solution-item.show .Solution-conten{
    pointer-events:fill;
    opacity:1;
    border-radius:0px;
    transition:all .8s;
    transform:rotateY(0deg)
}
.tvtcont .carousel-item .carousel-caption.d-none.d-md-block{
    position:relative;
    left:10%;
    right:auto;
    padding:50px;
    text-align:center;
    max-width:80%;
    border-bottom:2px solid #f83d12;
    color:#777
}
.tvtcont .carousel-indicators{
    bottom:-30px
}
.tvtcont .carousel-indicators img{
    width:60px;
    height:60px;
    border-radius:16px
}
img.d-block.tvtpic{
    width:150px;
    height:150px;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:16px;
    margin:0 auto
}
.tvtcont .carousel-indicators [data-bs-target]{
    width:auto
}
.col-lg-12.tvtcont{
    margin-bottom:50px
}
.tvtcont .carousel-item .carousel-caption.d-none.d-md-block p{
    font-weight:300
}
.tvtcont .carousel-item .carousel-caption.d-none.d-md-block h5 small{
    font-weight:500;
    font-size:14px
}
.tvtcont .carousel-indicators [data-bs-target].active img{
    width:70px;
    height:70px;
    margin-top:-5px
}
.w-w-w-w .slick-slide{
    padding:0px 12px
}
.w-w-w-w .slick-slide img{
    width:100%;
    height:150px;
    border:2px solid #f83d12;
    border-radius:12px;
    -o-object-fit:contain;
    object-fit:contain;
    padding:32px 12px
}
.report{
    background-image:url(../images/fr-bg.png);
    background-size:cover
}
.report .report-item{
    width:100%;
    display:block
}
.report .report-item h3{
    color:#f83d12
}
.report .report-item .re-icon{
    width:80px;
    height:80px;
    border:3px solid #f83d12;
    margin:0 auto;
    border-radius:50%;
    margin-bottom:20px
}
.report .report-item .re-icon img{
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain;
    padding:16px
}
.act-img{
    width:300px;
    padding:0px;
    position:relative;
    margin:auto;
    height:300px;
    border-radius:50%;
    background:#fff
}
.act-img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:50%
}
.act-img:after{
    position:absolute;
    content:"";
    border-left:4px solid #fff;
    border-bottom:4px solid #fff;
    width:300px;
    height:300px;
    border-radius:50%;
    left:0px;
    bottom:0px
}
section.active-campaign{
    background:#f39539
}
.active-campaign button.slick-arrow{
    display:none !important
}
.active-campaign p strong{
    font-size:20px
}
.trust-item{
    width:100%;
/*    border:4px solid #000;*/
    border-radius:16px;
    padding:30px 20px;
    min-height:350px
}
.trust-item h3{
    font-size:24px;
    margin-bottom:20px;
    margin-top:20px
}
.trust-item p{
    font-weight:300;
    margin-bottom: 18px;
    color: #000;
    font-size: 14px;
}
.trust-item a.btn{
    border:2px solid;
    border-radius:12px;
    padding:8px 32px
}
.trust-item .trs-icon{
    width:80px;
    height:80px
}
.trust-item .trs-icon img{
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}
.trust-item.gr{
/*    border-color:#4b9f37;*/
    background-color:#c8b3ae
}
.trust-item.gr h3{
    color:#6c512b
}
.trust-item.gr a.btn{
    border-color:#fff;
    background-color:#a49491;
    color:#fff
}
.trust-item.gr a.btn:hover{
    border-color:#665d5b;
    background-color:#665d5b;
    color:#fff
}
.trust-item.bu{
/*    border-color:#3156b0;*/
    background-color:#d8c9c0
}
.trust-item.bu h3{
    color:#6c512b
}
.trust-item.bu a.btn{
    border-color:#fff;
    background-color:#aca099;
    color:#fff
}
.trust-item.bu a.btn:hover{
    border-color:#665d5b;
    background-color:#665d5b;
    color:#fff
}
.trust-item.ye{
/*    border-color:#dda53a;*/
    background-color:#ae9b88
}
.trust-item.ye h3{
    color:#6c512b
}
.trust-item.ye a.btn{
    border-color:#fff;
    background-color:#917f6d;
    color:#fff
}
.trust-item.ye a.btn:hover{
    border-color:#665d5b;
    background-color:#665d5b;
    color:#fff
}
.trust-sm-p{
    position:relative
}
.trust-sm-p:after{
    position:absolute;
    height:60%;
    top:0;
    z-index:-1;
    left:0px;
    content:"";
    width:100%;
    background-image:url(../images/tsp-bg.jpg);
    background-color:rgba(3,169,244,.5);
    background-size:cover;
    background-position:center center
}
.int-news{
    padding-bottom:10px;
/*
    background:#ecdebf;
    box-shadow: 0px 2px 10px rgba(89, 89, 89, 0.79);
*/
    color:#151515;
    margin-top:20px
}
.int-news h3{
/*   background: #333;*/
   color: #000;
   margin: 10px 20px 20px 5px;
   padding: 8px 2px 5px;
   border-bottom: 5px solid #ccc;
}
.int-news h4{
    color: #f39539;
    margin-bottom:8px
}
.int-news p{
    border-bottom:1px solid #ddd;
    padding-bottom:10px
}

.int-news ul,
.int-news li {
    padding: 0;
    list-style-type:none;
    margin: 0;
}
.int-news li {
    padding: 10px 30px 10px 15px;
    list-style-type: none;
    margin: 0;
}

.int-news::-webkit-scrollbar {
    display: none;
}

.data-list {
    height: 300px;
/*  width: 300px;*/
    padding: 2rem;
    overflow-y: hidden;
/*  border: 2px solid #222;*/
}



.bg-red{
    background:#e5243b
}
.bg-ye{
    background:#4c9f38
}
.bg-gr{
    background:#dda63a
}
.bg-sr{
    background:#26bde2
}
.bg-or{
    background:#3f7e44
}
.bg-sk{
    background:#dd1367
}
.ow-item{
    overflow:hidden;
    width:100%;
    position:relative
}
.ow-item .ow-title{
    position:absolute;
    bottom:10px;
    z-index:9;
    right:7px;
    color:#fff;
    padding:8px;
    min-height:50px;
    width:calc(100% - 74px);
    border-right:10px solid rgba(0,0,0,0);
    display:flex;
    align-items:center;
    text-transform: uppercase;
}
.ow-item .ow-icon{
    width:60px;
    height:62px;
    left:7px;
    position:absolute;
    bottom:10px;
    border-radius:22px 0px 0px;
    line-height:60px;
    text-align:center
}
.ow-item .ow-icon img{
    width:40px
}
.ow-item .ow-min-cont{
    width:100%;
    padding:15px;
    height:100%;
    transform:translate(-100%);
    opacity:0;
    transition:all .8s;
    display:flex;
    position:absolute;
    top:0;
    z-index:9;
    color:#fff;
    flex-direction:column;
    justify-content:center
}
.ow-item .ow-min-cont .ow-min-top{
    padding:20px 0px;
    border-bottom:1px solid
}
.ow-item .ow-min-cont .ow-min-mid{
    padding:10px 0px;
    border-bottom:1px solid;
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.ow-item .ow-min-cont .cont-item{
    width:50%;
    padding:10px 0px
}
.ow-item:hover .ow-min-cont{
    transform:translate(0%);
    transition:all .8s;
    opacity:1
}
section.Latest .slick-slide{
    padding:20px 12px;
    border:none
}
section.Latest .slick-slide h5.card-title{
    color:#f83d12
}
section.Latest .slick-slide h6{
    margin-bottom:12px
}
section.Latest .slick-slide p{
    font-size:16px;
    color:#777;
    font-weight:300
}
.w-w-w-w .slick-prev,.w-w-w-w .slick-next{
    top:auto;
    position:absolute;
    border:2px solid #dadada;
    opacity:.5;
    width:36px;
    height:36px;
    bottom:-70px;
    background-size:20px;
    background-repeat:no-repeat;
    background-position:center
}
.w-w-w-w .slick-prev::after,.w-w-w-w .slick-next::after{
    display:none
}
.w-w-w-w .slick-prev::before,.w-w-w-w .slick-next::before{
    display:none
}
.w-w-w-w .slick-prev{
    left:calc(50% - 40px);
    background-image:url(../../assets/images/icon/arrow-left.png)
}
.w-w-w-w .slick-next{
    right:calc(50% - 40px);
    background-image:url(../../assets/images/icon/arrow-right.png)
}
.Latest .slick-prev,.Latest .slick-next{
    bottom:-65px;
    position:absolute;
    border:2px solid #dadada;
    opacity:.5;
    width:36px;
    height:36px;
    background-size:20px;
    background-repeat:no-repeat;
    background-position:center;
    top:auto
}
.Latest .slick-prev::after,.Latest .slick-next::after{
    display:none
}
.Latest .slick-prev::before,.Latest .slick-next::before{
    display:none
}
.Latest .slick-prev{
    left:calc(100% - 92px);
    background-image:url(../../assets/images/icon/arrow-left.png)
}
.Latest .slick-next{
    right:15px;
    background-image:url(../../assets/images/icon/arrow-right.png)
}
.active-campaign ul li button:before{
    font-size:-webkit-xxx-large
}

.active-campaign a.btn.btn-outline-white.mt-2{
    margin-top:30px !important;
    display:inline-block
}
section.construction{
    width:100%;
    height:calc(100vh - 210px);
    display:flex;
    align-items:center
}