@charset "utf-8";
/* CSS Document */

/*@font-face
{
	font-family: SourceHanSansK-Medium;
	src: url(../fonts/SourceHanSansK-Medium.ttf);
}
@font-face
{
	font-family: SourceHanSansK-Regular;
	src: url(../fonts/SourceHanSansK-Regular.ttf);
}*/
.deadline .dl-info{
	top: 0;
    z-index: 9999;
    position: sticky !important;
    font-size: 14px;
    background: #e5e5e5;
    text-align: center;
    padding: 0.25rem 1rem;
}
.deadline header{
	top: 29px;
}
.dl-close .dl-info{
	display:none;
}
.dl-close header{
	top:0;
}
.dl-info svg{	
    float: right;
    margin-top: -1.5px;
	opacity: 0.6;
	cursor: pointer;
}
.dl-info svg:hover{
	opacity:1;
}
@font-face
{
	font-family: SourceHanSansK-Bold;
	src: url(../fonts/SourceHanSansK-Bold.eot);
	src: url(../fonts/SourceHanSansK-Bold.ttf) format('truetype'),
		 url("../fonts/simkai.woff") format("woff"),
         url("../fonts/simkai.otf") format("opentype"),
         url("../fonts/simkai.svg#filename") format("svg");
}/*
@font-face
{
	font-family: SourceHanSansK-Light;
	src: url(../fonts/SourceHanSansK-Light.ttf);
}
@font-face
{
	font-family: SourceHanSansK-Normal;
	src: url(../fonts/SourceHanSansK-Normal.ttf);
}*/
@font-face {
font-family: "kaiti";
src: url("../fonts/simkai.eot");
src: url("../fonts/simkai.woff") format("woff"),
url("../fonts/simkai.otf") format("opentype"),
url("../fonts/simkai.svg#filename") format("svg");
}
img, figure {  max-width: 100%; height: auto; vertical-align: middle;}
header{border-bottom:7px solid rgba(217,217,217,1);background: rgba(255,255,255,1);}
header, .w-logo, .b-logo{transition:0.25s ease-out;-webkit-transition:0.25s ease-out;-moz-transition:0.25s ease-out}
header .w-logo{display: none;}
.logo-header{padding:9px 0; text-decoration: none;}
.company-name, .language, .swiper-pagination-current, .swiper-pagination-total, .wryh-font{font-family:"SourceHanSansK-Bold", Arial;}
.company-name{font-size: 25px; font-weight: 600; margin-left: 7px; padding-left: 12px; position: relative; display: inline-block; color: #31395f; text-decoration: none;}
.company-name::before{content:"";position: absolute;width: 1px; height: 61px;background-color: #2e365c;left: 0; top:50%; margin-top: -31px;}
.company-name, .com-delet{display: none;}

.nav{font-size:var(--bs-body-font-size);}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background: none;color: var(--bs-link-hover-color);font-weight: bold;font-style: italic;}
.language{font-size:22px;font-style: italic; font-weight: 600; display: flex; text-decoration: none; color: var(--bs-link-hover-color);}
.language:hover{color: var(--bs-link-color);}
.navbar-expand-md{text-align: center;}
.navbar-shadow {box-shadow: 0 0.125rem 0.625rem -0.1875rem rgb(0 0 0 / 10%);}
.text-bg-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.text-bg-dark .language{color:#fff;}

.dropdown-menu--has-triangle { margin-top: calc(10px*1.4);}
.dropdown-menu--has-triangle::before, .dropdown-menu--has-triangle::after {bottom: 100%;left: 50%;border: solid #fff;content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.dropdown-menu--has-triangle::before {border-color: rgba(194, 225, 245, 0);border-bottom-color: rgba(0, 0, 0, 0.175); border-width: calc(1px + 10px); margin-left: calc(-1px + -10px);}
.dropdown-menu--has-triangle:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px;}
.dropdown-menu.show{top: 18px !important;border: 0; border-radius: 0; background: rgba(255,255,255,.8);transition:all 0.25s ease 0s}
.dropdown-item.active{color:#2e365c;font-weight: bold;background:none;}
.dropdown-item.active span, .dropdown-item:active span{display: inline-block;border-bottom: 1px solid #2e365c; font-style: italic;}

.offcanvas{height:100%;}
section{padding:80px 0}
section.banner{padding:0;}
.htitle, .countnum, h1, h2, h3, h4, h5, h6, .dhj-font{font-family: "SourceHanSansK-Bold", Arial }
.count-font, .kt-font{font-family: kaiti, "SourceHanSansK-Bold", Arial }

.banner{position:relative;max-height:  calc(100vh - 0px); overflow: hidden;}
.banner .bannerbox{position:absolute; height: 100%; width:100%; background: rgba(29,36,71,.5);top: 0;left: 0;}
.banner .bannerbox img{max-width: 30%; margin-bottom: 8%; float: right;}
.banner.indexbanner{max-height: calc(100vh - 0px);}

.products{background: #e5e5e5;}
.mySwiper .swiper-pagination-fraction{font-size:36px; font-style: italic;bottom: -10px; color:rgba(0,0,0,0.1);}
.mySwiper .swiper-pagination-current, .swiper-pagination-total{color: #333;}
.mySwiper .swiper-pagination-current{margin-right: -0.25em;position: absolute; left: 50%;  margin-left: -1.3em; top: -10px;}
.mySwiper .swiper-pagination-total{/*margin-left:-0.15em;*/}
.mySwiper .swiper-button-prev, .mySwiper .swiper-button-next{bottom: 0; top: auto; left: 50%;z-index: 99;}
.mySwiper .swiper-button-next::after, .mySwiper .swiper-button-prev::after{content: ""}
.mySwiper .swiper-button-prev{margin-left: -6em;background: url("../images/slider-left.png") no-repeat center;}
.mySwiper .swiper-button-next{margin-left: 3.3em;background: url("../images/slider-right.png") no-repeat center;}
.mySwiper p{position:absolute; bottom: -3px;width: 100%; text-align:right;color: #fff;left: 0;font-weight: bold;opacity: 0;}
.mySwiper p span{ display:inline-block; background: rgba(14,17,41,.61);padding:0 1rem;font-size: 0.75rem;}
.mySwiper .swiper-slide-active p{opacity: 1;transition:opacity 0.25s ease-out;-webkit-transition:opacity 0.25s ease-out;-moz-transition:opacity 0.25s ease-out }

.mySwiper02 .swiper-button-next{background: transparent url("../images/right-arrow.png") center/4em auto no-repeat;padding: 2rem 3rem; }
.mySwiper02 .swiper-button-prev{background: transparent url("../images/left-arrow.png") center/4em auto no-repeat;padding: 2rem 3rem; }
.mySwiper02 .swiper-button-next::after, .mySwiper02 .swiper-button-prev::after{color:rgba(0,0,0,0)}
.mySwiper02 .swiper-pagination-bullet-active{background:#fff;}

.count{padding:0;}
.count .container{ background:url("../images/bg01.jpg") no-repeat; background-size: 100% 100%; text-align: center;padding-top:60px;padding-bottom: 60px;}
.countnum{font-size: 3.428em; font-weight: 600;}
.count-font{font-size: 1.428em; padding-bottom: 10px;line-height: 1.25; padding: 0.25em;}

.company-info{background: url("../images/bg02.jpg") no-repeat center; background-size:auto 100%; position:relative;}
.company-info::before{content: "";position:absolute;width:100%;height:100%;background: rgba(33,53,86,.7);top:0;z-index: 0}
.company-info .container{position:relative;z-index:1;color: #fff;}
.companyimg{text-align:center; margin-top: 30px;margin-bottom: 30px;}
.companyimg img{border-radius:20px;}
.font-21{font-size: calc(1em + 0.35vw);line-height: 2;}
.font-26{font-size: calc(1.275em + 0.35vw);line-height: 1.75;margin-bottom: 2em}
.font-28{font-size: calc(1.275em + 0.5vw);line-height: 1.75;}
.font-30{font-size: 30px; font-weight: bold;}
.font-32{font-size: 32px;}
.font-40{font-size: 40px;}
.font-46{font-size: 46px;}
.text-just{text-align: justify;}
.company-info .htitle3{margin: 1em 0;}
.btn{font-size: 1.396rem;}
.company-info .btn{border-radius: 0}
.company-info .btn{padding: 15px 80px;}

.aplication{background: url("../images/bg03.jpg") no-repeat center; background-size:auto 100%; position:relative;}
.aplication::before{content: "";position:absolute;width:100%;height:100%;background: rgba(161,161,161,.5);top:0;z-index: 0}
.aplication .htitle{margin-top: 20px;}
.aplication .container{position:relative;z-index:1;color: #000;}
.aplication .card{background:rgba(255,255,255,.5);color:#fff;border-radius:30px;text-decoration:none;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out;}
.aplication .card .card-header{padding: 0 0.5em;text-align: center;border:0;border-top:32px solid #fff;border-radius:30px;display: flex; justify-content: center; align-items: center;font-size: 1.682rem; height:7.5em;transition:border-color 0.15s ease-in-out ;z-index: 20}
.aplication .card .card-header::before{content:"";background: rgba(0,3,10,.5);position: absolute;width:100%;height:calc(100% - 32px);top: 32px; left: 0;z-index: -1;border-radius:0 0 30px 30px;}
.aplication .row .p-4 .card .card-header{background-repeat: no-repeat; background-size: auto 100%; background-position: center;}
.aplication .row .p-4:nth-child(1) .card .card-header{background-image: url("../images/apl-01.jpg")}
.aplication .row .p-4:nth-child(2) .card .card-header{background-image: url("../images/apl-02.jpg"); background-size:100% auto;}
.aplication .row .p-4:nth-child(3) .card .card-header{background-image: url("../images/apl-03.jpg")}
.aplication .row .p-4:nth-child(4) .card .card-header{background-image: url("../images/apl-04.jpg")}
.aplication .row .p-4:nth-child(5) .card .card-header{background-image: url("../images/apl-05.jpg"); background-size:auto 120%;}
.aplication .row .p-4:nth-child(6) .card .card-header{background-image: url("../images/apl-06.jpg"); background-size:auto 120%;}
.aplication .row .p-4:nth-child(7) .card .card-header{background-image: url("../images/apl-07.jpg"); background-size:100% auto;}
.aplication .row .p-4:nth-child(8) .card .card-header{background-image: url("../images/apl-08.jpg")}
.aplication .card:hover{background:rgba(40,47,96,.4);color:#fff; }
.aplication .card:hover .card-header{border-top-color:#282f60;font-weight: bold; font-style: italic;}
a.noline{text-decoration: none;}

.service{background: url("../images/bg04.jpg") no-repeat center; background-size:auto 100%; position:relative;}
.service::before{content: "";position:absolute;width:100%;height:100%;background: rgba(14,17,41,.61);top:0;z-index: 0}
.service .container{position:relative;z-index:1;color: #fff;}
.service .serbox{background: rgba(225,225,225,.3);position: relative;display: block; border-radius: 20px; color: #fff;transition: transform .15s ease-in-out;}
.service .serbox:hover{transform: translateY(-0.25rem) scale(1.01);box-shadow: 0 0 12px rgb(255 255 255 / 4%), 0 22px 37px rgb(255 255 255 / 6%);}
.service .col-12:nth-child(odd) .serbox{padding-top: 70px; padding-bottom: 20px;border-top:20px solid #fff;border-top-left-radius:20px;border-top-right-radius:20px;}
.service .col-12:nth-child(even) .serbox{padding-top: 25px; padding-bottom: 60px;border-bottom:20px solid #fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;bottom:0; margin-top: 96px;}
.service .col-12::before .serbox{position: absolute;content: "";width: 100%;left:0}
.service .col-12:nth-child(odd) .serbox .more{ opacity: 0.45}

.client{background: #e5e5e5;}
.client img{max-width: 15%;}

.contact{background: url("../images/bg05.jpg") no-repeat center; background-size:auto 100%; position:relative; font-weight:bold;font-size: 1.25rem;line-height: 2}
.contact::before{content: "";position:absolute;width:100%;height:100%;background: rgba(11,41,88,.61);top:0;z-index: 0}
.contact .container{position:relative;z-index:1;color: #fff;}
.contact .btn-light{border-radius: 0;font-size: 1.428rem;padding:0.75rem 1rem}
.contact b{display: inline-block}
.contact .font-26{font-size: 1.628rem !important; margin-bottom: 1.25rem;}
input::-webkit-input-placeholder{color:#000 !important;}
input:-moz-placeholder{color:#000 !important;}
input::-moz-placeholde{color:#000 !important;}
input::-ms-input-placeholder{color:#000 !important;}
textarea::-webkit-input-placeholder{color:#000 !important;}
textarea:-moz-placeholder{color:#000 !important;}
textarea::-moz-placeholde{color:#000 !important;}
textarea::-ms-input-placeholder{color:#000 !important;}
.contact-box{padding: 4.25rem 3rem;background: rgba(0,0,0,.4);position: relative; border-radius: 20px;}
.contact-box::before{content: "";position: absolute;width: 80px;height: 80px;top: -8px;left: -8px;border-left: 15px solid #fff;border-top: 15px solid #fff;}
.contact-box::after{content: "";position: absolute;width: 80px;height: 80px;bottom: -8px;right: -8px;border-right: 15px solid #fff;border-bottom: 15px solid #fff;}
.contact .contact-box .btn-light{padding:0.5rem 1rem}

footer{background: #4e4e4e;font-family: "SourceHanSansK-Bold", Arial;color: #c5c5c5;font-size: 1.375rem;}

.dark-overlay{position: relative;background-size:  auto 100%; background-repeat: no-repeat;background-position: center;}
.dark-overlay::before{content:"";position:absolute;width:100%;height:100%;top:0;left: 0;background: rgba(6,11,34,.5);z-index: 0}
.dark-overlay .container{position:relative;z-index: 1}
.dark-overlay, .dark-overlay a, .breadcrumb-item + .breadcrumb-item::before{color:#fff;font-family:"SourceHanSansK-Bold", Arial;font-weight: bold; font-size: 20px; text-decoration: none;}
.dark-overlay.probanner{background-image:url("../images/pro-bg.jpg");background-position: left;}
.dark-overlay.aboutbanner{background-image:url("../images/about-bg.jpg");}
.dark-overlay.applicationbanner{background-image:url("../images/app-bg.jpg");}
.dark-overlay.contactbanner{background-image:url("../images/con-bg.jpg");}
.dark-overlay .sub-p-title{font-size:36px;}
.sub-htitle, .dark-blue-font{color:#2e365c;}
.blue-font02{color: #182260}
.timeline-1{font-size:17px; color:#2e365c; font-family: "SourceHanSansK-Bold", Arial;position: relative;padding-bottom: 2rem;margin: 1rem 0;}
.timeline-1::before{content:"";position:absolute;background: #2e365c;width: 30px;height: 100%; border-radius: 30px;left:calc(50% - 15px);z-index: -2}
.timeline-1 .time-num{font-size: 26px;color:#fff;background: #2e365c;border-radius: 30px;width: 31px; height: 31px; display: inline-block; text-align: center;line-height: 31px; position: absolute;left: 10%;}
.timeline-1 .time-item{position:relative;overflow: hidden;margin-top: 1rem}
.timeline-1 .time-font{font-weight:bold;display: block;position: absolute;top:0px;}
.timeline-1 .time-item:nth-child(even){text-align: right;}
.timeline-1 .time-item img{border:1px solid #2e365c; max-width: calc(50% - 31px);margin-top: 35px;}
.timeline-1 .time-item:nth-child(odd) .time-font{left: calc(50% + 30px);}
.timeline-1 .time-item:nth-child(even) .time-font{right: calc(50% + 30px);}
.timeline-1 .time-item::before{content:"";background-color: #2e365c;position: absolute;width: calc(45% - 45px);height: 4px;left: calc(10% + 15px); top:15px;}
.timeline-1 .time-item:nth-child(even) .time-num{left: auto;right: 10%}
.timeline-1 .time-item:nth-child(even)::before{left:auto;right:calc(10% + 15px)}
.timeline-1 .time-item::after, .timeline-1::after{content:"";position: absolute;width: 44px;height: 200%;border-color: #fff; border-radius: 30px;border-style: solid;border-width:7px;z-index: -1;left: calc(50% - 22px);}
.timeline-1::after{height:44px;top:auto;bottom: -7px}
.timeline-1 .time-item:first-child::after{border-width:0px;}

.pro-better{padding:0; color: #fff; font-family: "SourceHanSansK-Bold", Arial;font-size: 18px;line-height: 1.75;}
.pro-better .pro-b-font{background-color: #2e365c;}
.pro-better .pro-b-swiper{background: url("../images/pro-bg02.jpg") no-repeat center;background-size: 100% auto;position: relative;}
.pro-better .pro-b-swiper::before{content:"";position: absolute;width: 100%; height: 100%;top: 0;left: 0;background:rgba(14,17,41,0.61)}
.pro-better .blue-font{display:inline-block;color:#92dcff;}
.pro-better .small, .small-14{font-size:14px;}
.arrow-list{padding-left: 4rem;background: url("../images/arrow-1.png") no-repeat;background-position: 2.3rem 0.5rem;}
.arrow-list-ser{padding-left: 3em;background: url("../images/arrow-blue-right.png") no-repeat;background-position: 0.75em 0.5em;background-size: 25px;}
.mySwiper01 .swiper-button-prev, .mySwiper01 .swiper-button-next{color:#92dcff;}
.pro-b-line, .pro-r-line{position:relative;}
.pro-b-line::before, .pro-r-line::before{border:0;border-color:#2e365c;border-style:solid;content:"";position:absolute;width:90%;height:90%;}
.pro-b-line::before{width:80%;}
.pro-b-bg{background: url("../images/pro-mapbg.jpg") #2e365c no-repeat center; background-size: 100% auto ;}

.bigimg, .bigimg img{width:100%}
.pro02 .pro-size, .white-font{color:#fff;}
.pro02 .pro-size{text-align: right;}
.pro02 .pro-size{position:relative; overflow: hidden;padding-top: 3rem;font-size: 1.5rem;}
.pro02 .pro-size::before{content: "";width:calc(300% + 3rem);height: 160px;background: url("../images/3together-bg.png") no-repeat left bottom;position: absolute;bottom:3rem; left: 0;z-index: -1;}
.pro02 .pro-size::after{content:"";position:absolute;bottom:0;right:0;width:2px; height: 3.5rem;background:#2e365c; }
.pro02 img{border:2px solid #2e365c }

.pro3-imgbox{cursor:pointer;}
.pro3-imgbox, .pro3-imgbox .dot-line{position: relative;}
.pro3-imgbox .dot-item{position:absolute;z-index: 2;overflow: hidden;}
.pro3-imgbox .dot-item span{color: #fff; font-size: 1rem; font-weight: bold; background: #00479d;padding:0 0.25rem;display: inline-block; position: relative;white-space: nowrap}
.pro3-imgbox .dot-item span::before{content:"";position: absolute;width:calc(6.2rem - 1px); height: 3px; background-color: #00479d;}
.pro3-imgbox .dot-item span::after{content: ""; position: absolute;width: 3px;height:9rem;transform: rotate(-20deg);background-color: #00479d;}
.pro3-imgbox .dot-item-01 span::before{top:0px;left: 0px;}
.pro3-imgbox .dot-item-01 span::after{left: 12.5rem;top:-3px}
.pro3-imgbox .dot-item-02 span::before{bottom:0px;right: 0px;}
.pro3-imgbox .dot-item-02 span::after{bottom:-3px;right:12.5rem}
.pro3-imgbox .dot-item-03 span::before{top:0px;right: 0px;}
.pro3-imgbox .dot-item-03 span::after{right:calc(7.5rem + 1px);top:-3px;transform: rotate(20deg);}
.pro3-imgbox .dot-item-04 span::before{bottom:0px;right: 0px;}
.pro3-imgbox .dot-item-04 span::after{bottom:-3px;right:7.5rem}
.pro3-imgbox .dot{width: 15px; height: 15px; border-radius: 30px;background-color: #00479d;position: absolute;z-index: 3}
.pro3-imgbox .dot01{right:22.9%; bottom:56.3%}
.pro3-imgbox .dot02{left:19.9%; top:63.8%}
.pro3-imgbox .dot03{right:43.44%; bottom:56.19%}
.pro3-imgbox .dot04{left:50.15%; top:69.9%}
.pro3-imgbox .dot-item-01{right:calc(22.9% - 1.74rem); bottom:calc(56.3% + 0.75rem)}
.pro3-imgbox .dot-item-02{left:calc(19.9% - 1.74rem); top:calc(63.8% + 0.75rem)}
.pro3-imgbox .dot-item-01, .pro3-imgbox .dot-item-03{height: 3rem;width:15rem;}
.pro3-imgbox .dot-item-02 span{margin-top: 3.375rem;margin-left: 11.313rem;}
.pro3-imgbox .dot-item-04 span{margin-top: 1.5rem;margin-left: 11.313rem;}
.pro3-imgbox .dot-item-03{text-align: right; right:calc(43.44% - 6.5rem); bottom:calc(56.19% + 0rem)}
.pro3-imgbox .dot-item-04{left:calc(50.15% - 7.6rem); top:calc(69.9% + 0rem)}

.pro-detail .m-title{background: transparent url("../images/arrow-blue-right.png") left center/1em auto no-repeat;padding: 1rem 0rem 1rem 3rem; letter-spacing: 0.4rem}

.abu-top-img{background: url("../images/abu-1.jpg") center no-repeat;background-size:100% 100%;color: #fff;padding:2rem;display: flex;align-items: center;font-size:1.25rem;}
.abu-top-img span{font-size: 3rem; font-weight: bold; margin: 0 1rem;}
.flex-box{display:flex;}
.app a:hover{border-bottom:2px solid #2e365c}

.appline, .appline-center{position:relative;}
.table-app{font-weight: bold; text-align: center; margin-bottom: 0}
.table-app p{text-align: center; margin-bottom: 0;}
.app-void-font p, table p, .service p{text-align: inherit;}
.app-void-font p{line-height: 1.25;}
.table-app thead th{background: #4f81bd; border-bottom-width: 4px;}
.table-app tr th, .table-app tr td{border-right-width: 3px;}
.table-app tr th:last-child, .table-app tr td:last-child{border-right-width: 0px;}

.service-tabs{border: 0;}
.service-tabs .nav-item, .service-tabs .nav-item .nav-link{width: auto !important;border: 0; margin-bottom: 0; border-radius: 0;text-align: center; font-weight: bold;color: #333; cursor: pointer;}
.service-tabs .nav-item .nav-link:hover{background: #ddd;}
.service-tabs{flex-direction: row !important; background: #eeeeee;}
.service-tabs .nav-item{border-left: 1px solid #fff; border-right: 1px solid #fff;}
.service-tabs .nav-link.active, .service-tabs .nav-item.show .nav-link{background: #2e365c; color: #eee;}
.service-tabs .nav-link.active:hover, .service-tabs .nav-item.show .nav-link:hover{background: #2e365c;}
.app .tab-content{line-height: 1.75;}
.app .app-m-title{background: #2e365c; color: #fff; border-top-right-radius: 20px; border-bottom-left-radius: 20px; padding: 1rem; margin-top: 1rem;display: inline-block;}
.app-void-img{position: relative; cursor: pointer;overflow: hidden;}
.app-void-img .app-void-font{position: absolute;width: 100%; height: 100%; background-color: rgba(0,0,0,.5);z-index: 2}
.app-void-img .app-void-font img{max-width:20%;}
.f-color3{color: #333;}
.f-color6{color: #666;}
.f-color9{color: #999;}
.app a.downloadfile:hover{background: #eeeeee; border: 0;padding-left: 0.5rem; padding-right: 0.5rem;}
.app a{transition: 0.15s}
.app hr{color:#e0e0e0;}

.contactbanner::before{ background: rgba(14,17,41,.6);}
.contactbanner .con-top-img{position: absolute;width: 100%; height:100%; top:0; left:0;}
.contactbanner .con-top-img::after{content: ""; position: absolute;width: 100%; height:100%; top:0; left:0; background: rgba(14,17,41,.2)}
.contact-sub .font-border b{color: #fff; text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0; text-transform: uppercase;}
.contact-sub .font-border{box-shadow: 0 0 12px rgb(27 22 66 / 4%), 0 22px 37px rgb(27 22 66 / 6%);}
.con-sub-form{background: url("../images/con-sub-bg.jpg") no-repeat center; background-size: 100% 100%; border: 2px solid #2e365c; margin-top:30px; margin-right:30px; position: relative; }
.con-sub-form::before{content: "";position: absolute; width: 100%; height: 100%; background: rgba(33,53,86,.7); top: 0px; left: 0px; z-index: 1}
.con-sub-form::after{content: "";position: absolute; width: 100%; height: 100%; background: #f0f0f0;top: -30px; left: 30px; z-index: -1 }
.con-sub-form .btn{background: rgba(255,255,255,0.5); border: 0; border-radius: 0; color: #fff;padding-top: 0.75rem; padding-bottom: 0.75rem}
.con-sub-form .btn:hover{background: rgba(255,255,255,0.35);}
.con-sub-form .white-font, .con-sub-form .needs-validation{position:relative; z-index: 2}
.contact-sub .f-color6 a{text-decoration:none; color: #666;}
.contact-sub .f-color6 a:hover{color:var(--bs-link-hover-color)}

.con-sub-form input::-webkit-input-placeholder{color:#fff !important;}
.con-sub-form input:-moz-placeholder{color:#fff !important;}
.con-sub-form input::-moz-placeholde{color:#fff !important;}
.con-sub-form input::-ms-input-placeholder{color:#fff !important;}
.con-sub-form textarea::-webkit-input-placeholder{color:#fff !important;}
.con-sub-form textarea:-moz-placeholder{color:#fff !important;}
.con-sub-form textarea::-moz-placeholde{color:#fff !important;}
.con-sub-form textarea::-ms-input-placeholder{color:#fff !important;}

.needs-validation .row .validation {
	color: white;
}

.tabhide {
	display: none;
}

.tabshow {
	display: block;
}