@charset "utf-8";

/* CSS Document */

html,
body,
button,
input,
select,
textarea {
    font-family: "Source Sans Pro", Calibri, sans-serif;
    font-weight: 400;
    line-height: 1.5;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    color: #6a6a6a;
    background: #ffffff;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
    font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
    border: 0;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

i,
em {
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    font-size: 100%;
    font-weight: normal
}

textarea {
    overflow: auto;
    resize: none;
}

label {
    cursor: default;
}

a,
button {
    cursor: pointer;
}

a,
a:hover {
    text-decoration: none;
}

iframe {
    display: block;
}

input[type="submit"] {
    border: none;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    box-sizing: border-box;
    vertical-align: -2px;
    margin: 0 3px 0 0;
    cursor: pointer;
}
/* ====================公用 input select radio 等======================= */
/* 默认状态 */
input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
    padding-left: 0 !important;
    width: 13px !important;
    height: 13px !important;
	background: url(../images/checkbox_default.png?v=1.1);
	background-size: 100%;
}
.login_div input[type="checkbox"]{
    margin-right: 15px;
}
/* 取消状态 */
input[type="checkbox"]:after {
	width: 13px;
	height: 13px;
	display: block;
	content: "";
	margin-bottom: -1px;
}
/* 选中状态 */
input[type="checkbox"]:checked:after {
	background: url(../images/checkbox_checked.png?v=1.1);
	background-size: 100%;
}
input[type="checkbox"]:indeterminate:after{
	background: url(../images/checkbox_indeterminate.png?v=1.1);
	background-size: 100%;
}
input[type="checkbox"]:disabled:after{
	filter: grayscale(1);
}
.inline-block {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

::-webkit-input-placeholder {
    color: #ccc;
}

:-moz-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

:-ms-input-placeholder {
    color: #999;
}

.form-item input[type="text"]:focus,
.form-item textarea:focus,
.form-item .row textarea:focus,
.form-item input[type="password"]:focus {
    border: 1px solid #55acef;
}

a {
    outline: none;
}

/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

* {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    text-decoration: none;
    color: #f5f5f5;
}

/*通用按钮样式*/
a.z-sure {
    width: 100px;
    height: 34px;
    line-height: 34px;
    margin: 10px 10px 15px 10px;
    border-radius: 4px;
    background: #FE8200;
    text-align: center
}

a.z-sure:hover {
    background: #fe9b33;
}
a.z-sure:active {
    background: #e47500;
}
a.z-chose {
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.keep_this{padding: 0 10px;min-width: 60px;height: 30px;line-height: 30px;color: #fff;background: #FE8200;text-align: center;border-radius: 4px;float: right;margin-right: 20px;}
.ques_this{padding: 0 10px;min-width: 60px;height: 28px;line-height: 28px;color: #48494B;border: 1px solid #E2E2E2;background: #F6F6F6;text-align: center;border-radius: 4px;float: right;margin-right: 10px;}
.keep_this:hover{background: #fe9b33;}
.keep_this:active{background: #e47500;}
.ques_this:hover{color: #FE8200;border-color: #FE8200;}
.ques_this:active{background-color: #E2E2E2;}

/*index-header*/
.header {
    min-width: 1280px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 82px;
    z-index: 100;
}

.header .m-right {
    float: right;
    position: relative;
    z-index: 5
}

.header .m-right span {
    float: left;
    display: inline-block;
    padding: 20px 0 0 0;
}

.header .m-right span a.bh-mhnbo {
    width: 1px;
    height: 17px;
    vertical-align: middle;
    position: absolute;
    top: 24px;
    right: -5px;
    z-index: 5
}

.header .m-right span input {
    outline: none;
    line-height: 30px\9;
    *line-height: 30px;
    padding: 1px 0 0 8px;
    font-size: 12px;
    border: none;
    width: 190px;
    background: none;
    color: #fff;
    margin: 0 5px 0 0;
    height: 30px;
    background-color: white;
    border-radius: 5px;
}

.header .m-right span.z-Login {
    padding: 20px 0 0 28px;
}

.header .m-right span.z-Login .Js-showLogin {
    border-radius: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
}

.header .m-right span a {
    display: inline-block;
    font-size: 12px;
    padding: 2px 15px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.header .select_box {
    color: #fff;
    float: left;
    display: inline-block;
    min-width: 145px;
    height: 40px;
}

.header .select_box .nickname {
    line-height: 40px;
    height: 40px;
    border: 1px solid #767676;
}

.header .select_box .select_option {
    float: right;
    min-width: 140px;
    display: none;
    line-height: 38px;
    background: rgba(42, 42, 42, 0.90);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E52A2A2A, endColorstr=#E52A2A2A);
    font-size: 16px;
    border: 1px solid #999999;
    width: 98%;
    text-align: center;
}

.header .select_box {
    max-width: 145px;
}

.header .select_box ul li a {
    color: #ffffff;
    font-size: 16px;
    display: block;
}

.header .select_box ul li a:hover {
    background-color: #e6e6e6;
    color: #4d4d4d;
}

.header .select_box:hover .select_option {
    display: block
}

.sel-img {
    width: 8px;
    height: 7px;
    background: url("../images/sel-icon.png") no-repeat 0 0;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 16px 5px;
    float: left;
}

.head-icon {
    width: 21px;
    height: 20px;
    background: url("../images/head-icon.png") no-repeat 0 0;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    float: left;
}

.cont_b {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.cont_b ul li a {
    font-size: 18px
}

a.z-login {
    width: 80px;
    height: 40px;
    background: url("../images/buttom_32.png") no-repeat;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    top: 9px;
}

a.z-login:hover {
    color: #fff;
    background: url("../images/buttom_31.png")
}

.header_bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    height: 82px;
    opacity: 0.4;
    filter: alpha(opacity=40)
}

.logo {
    display: block;
    width: 270px;
    height: 65px;
    position: absolute;
    left: 0;
    top: 10px;
    background: url("../images/logo.png?v=1.2") no-repeat 24px -2px;
    z-index: 2;
}

.nav {
    float: right;
}

.nav li {
    float: left;
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0 15px;
    height: 82px;
}

.nav li:hover {
    background: rgba(42, 42, 42, 0.90);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E52A2A2A, endColorstr=#E52A2A2A);
}

.nav li a {
    display: block;
    line-height: 41px;
    font-size: 18px;
    color: #fff;
    padding: 0 10px;
    margin-top: 20px;
    border-radius: 5px;
}

.nav li.active a {
    color: #ff9838;
}

.nav li.hover a {
    color: #ff9838;
}

.login {
    float: right;
}

.login li {
    float: left;
    display: inline-block;
    width: 100px;
    height: 82px;
    text-align: center;
    padding: 0;
    margin: 0 5px;
}

.login li a {
    display: block;
    line-height: 41px;
    font-size: 18px;
    color: #fff;
    padding: 0 10px;
    margin-top: 11px;
    border-radius: 5px;
}

.nav li .nav-2 {
    z-index: 4;
    margin-top: 16px;
    background: rgba(42, 42, 42, 0.90);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E52A2A2A, endColorstr=#E52A2A2A);
    width: 186px;
    overflow: hidden;
    padding-bottom: 6px;
}

/*.nav li .nav-2 li {line-height: 30px;}*/
.nav li .nav-2 li a {
    color: #ffffff;
    margin-top: 0;
    width: 160px;
    padding: 10px 0px;
    line-height: 20px;
}

.nav li .nav-2 li.hover a {
    color: #ff9838;
}

.nav li .nav-2 li.hover {
    background: none
}

.nav li:hover a {
    color: #ff9838;
}

.nav li .nav-2 li {
    height: auto !important;
}

.btn-select {
    position: relative;
    display: inline-block;
    width: 95px;
    height: 26px;
    top: 9px;
    left: 8px;
    background-color: #3c3c3c;
    font: 13px "Microsoft YaHei";
    color: #fff;
}

.btn-select .cur-select {
    position: absolute;
    display: block;
    width: 95px;
    height: 42px;
    line-height: 42px;
    background: #000000 url("../images/lang-sell.png") no-repeat 80px center;
    text-indent: -17px;
    color: #fff;
}

.btn-select:hover .cur-select {
    background-color: #000000;
    color: #fff;
}

.btn-select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 95px;
    height: 42px;
    opacity: 0;
    filter: alpha(opacity: 0);
    font: 13px "Microsoft YaHei";
    color: #fff;
    background-color: #000000;
}

.btn-select select option {
    /*text-indent: -17px;*/
}

.btn-select select option:hover {
    background-color: #000000;
    color: #fff;
}


.footer {
    min-width: 1280px;
    width: 100%;
    text-align: center;
    background: #3d3d3d;
    padding: 30px 0;
    letter-spacing: 2px;
    font-family: "微软雅黑"
}

.blue {
    color: #cecece;
    font-weight: 600;
}

.top15 {
    font-size: 13px;
    font-weight: 600;
    color: #b9b9b9;
    margin-top: 8px;
    display: inline-block;
}

.footer .copyright {
    padding-left: 24%;
    display: inline-block;
    width: 70%;
}

.footer .copyright ul li {
    float: left;
    text-align: left;
    cursor: default;
    font-size: 16px;
    padding-right: 1%;
}

/*密码与账号不匹配提示*/
.error {
    height: 27px;
    border: 1px solid #df5454;
    margin: 0 auto;
    border-radius: 3px;
    text-align: left;
    overflow: hidden;
    background: #f2f2f2;
    margin-bottom: 10px;
}

.error img {
    margin: 5px 10px;
    float: left;
}

.error span {
    float: left;
    font-size: 14px;
    color: #df5454;
    line-height: 27px;
}


/* newwebsite */
.flex {
    display: flex;
}

a {
    color: #504f4f;
}

.new-header a:hover {
    color: #ef7f26;
}



/* new header */

.new-header-bg {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99;
    background: rgba(242, 242, 240, 0.4);
    box-shadow: 0 1px 2px 0 rgba(213, 213, 213, 0.5)
}

.new-header {
    width: 1200px;
    padding: 10px 40px 10px 0;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    margin: 0 auto;

}

.new-header .new-logo {
    width: 270px;
    height: 60px;
    background: url(../images/newwebsite/logo.png?v=1.2) no-repeat center;
    background-size: 70%;
}

.new-header .new-menu li {
    margin-left: 30px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #504f4f;
}

.new-header .login-select {
    position: relative;
    cursor: pointer;
    align-items: center;
}

.new-header .login-select:hover>span {
    color: #ef7f26;
}


.new-header .login-select img {
    width: 15px;
    height: 15px;
    margin-left: 5px;

}

.new-header .login-select .check-system-box {
    position: absolute;
    width: 96px;
    font-size: 12px;
    left: -22px;
    top: 20px;
    padding-top: 10px;
    display: none;
}

.new-header .login-select .check-system,.change-language .check-language {
    padding: 8px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #eae7e7;
}

.new-header .login-select .check-system>a {
    display: block;
    cursor: pointer;
    padding: 3px;
    margin-bottom: 2px;
    text-align: center;
}

.new-header .login-select:hover .check-system-box {
    display: block;
}

.new-header .login-select .check-system>a:hover {
    color: #fff !important;
    background-color: #ef7f26 !important;
}

.new-header .change-language {
    cursor: pointer;
    position: relative;
}

.new-header .change-language:hover .check-language-box {
    display: block;
}

.change-language .check-language-box {
    position: absolute;
    width: 76px;
    font-size: 12px;
    left: -28px;
    top: 21px;
    padding-top: 10px;
    display: none;
}


.change-language .check-language>div {
    cursor: pointer;
    padding: 3px;
    margin-bottom: 2px;
}

.change-language .check-language>div:hover {
    background-color: #ef7f26;
    color: white;
}

.new-header .change-language img {
    width: 20px;
    height: 20px;
}

button {
    border: none;

}

/* 高亮 */
.word-highlight {
    color: #ef7f26;
    font-weight: bolder;
}

/* 锚点平滑滚动  */
html {
    scroll-behavior: smooth;
    font-style: 'Heebo';
}

.new-page {
    min-width: 1200px;
    padding-bottom: 100px;
    color: #504f4f;
}

/* page1 */
.new-page .new-page1 {
    position: relative;
    height: 600px;
    margin-bottom: 40px;
    text-align: center;
    overflow: hidden;
}

.new-swiper-box {
    width: 100%;
    overflow: hidden;

}

.new-swiper-item-list {
    width: 400%;
    animation: move 15s infinite;
}

.new-swiper-item-list>div {
    box-sizing: border-box;
    font-size: 40px;
    height: 600px;
    width: 25%;
    align-items: center;
}

.new-swiper-item-list p {
    font-weight: bolder;
    line-height: 60px;
    text-align: center;
    width: 800px;
    margin: 0 auto;
}

.new-swiper-item1 {
    background: url(../images/newwebsite/Main_Page_1.jpg) center;
    background-size: 100%;

}

.new-swiper-item2 {
    background: url(../images/newwebsite/Main_Page_2.jpg) center;
    background-size: 100%;

}

.new-swiper-item3 {
    background: url(../images/newwebsite/Main_Page_3.jpg) center;
    background-size: 100%;

}


@keyframes move {
    0% {
        transform: translate(0);
    }

    30% {
        transform: translate(0);
    }

    33% {
        transform: translate(-25%);
    }

    63% {
        transform: translate(-25%);
    }

    66% {
        transform: translate(-50%);
    }

    96% {
        transform: translate(-50%);
    }

    99% {
        transform: translate(-75%);
    }

    99.9% {
        transform: translate(-75%);
    }

    100% {
        transform: translate(0);
    }
}


.new-page .new-section {
    width: 1200px;
    margin: 0 auto;
}

.page1-btn-box{
    position: absolute;
    top: 500px;
    left: 0;
    right: 0;
    margin: auto;
}

.new-page .new-page1 button {
    padding: 10px 30px;
    background-color: #fff9f3;
    color: #ef7f26;
    font-weight: bold;
}

.new-trusted {
    height: 150px;
    overflow: hidden;
}

/* trusted by */
.new-trusted .trusted-title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 25px;
    line-height: 25px;

}

/* 有显示过度效果 */
@keyframes transitionY {
    0% {
        transform: translateY(150px);
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.trusted1 {
    width: 200px;
    height: 90px;
    background: url(../images/newwebsite/Trusted_by_HKAI-LAB_Logo.png) no-repeat 30px 4px;
    background-size: 50%;

}

.trusted2 {
    width: 200px;
    height: 90px;
    background: url(../images/newwebsite/Trusted_by_HKSTP_Logo.png) no-repeat 0px 2px;
    background-size: 80%;

}

.trusted3 {
    width: 200px;
    height: 90px;
    background: url(../images/newwebsite/Trusted_by_Citic_Capital_Logo.png) no-repeat 10px -36px;
    background-size: 80%;

}

.trusted4 {
    width: 180px;
    height: 90px;
    background: url(../images/newwebsite/Testimonials_Hill+Knowlton_Strategies_Logo.jpeg) no-repeat 30px 15px;
    background-size: 60%;

}

.trusted5 {
    width: 280px;
    height: 90px;
    background: url(../images/newwebsite/Trusted_by_Brunswick_Logo.png) no-repeat 0px -40px;
    background-size: 100%;

}

.trusted6 {
    width: 140px;
    height: 90px;
    background: url(../images/newwebsite/Trusted_by_K11_Logo.png) no-repeat 20px 12px;
    background-size: 65%;

}

/*  */

.new-page .new-pages {
    margin: 0 auto;
    text-align: center;
    padding: 160px 0 50px;
    position: relative;
    margin-top: -80px;
}

.new-page .new-pages .title {
    font-size: 40px;
    font-weight: bolder;
    margin-bottom: 40px;
    line-height: 40px;
}


/* about farseer  */

.new-about-farseer {
    position: relative;
}

.new-about-farseer .ab-content {
    width: 900px;
    margin: 0 auto;
    line-height: 30px;
    font-size: 20px;
    margin-bottom: 50px;
    text-align: justify;
}

.new-about-farseer .ab-content>p {
    text-align: justify;
    height: 30px;

}

.new-about-farseer .ab-content>p::after {
    content: "";
    width: 100%;
    display: inline-block;
}

.new-about-farseer-btnbox {
    width: 900px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    align-items: center;
    justify-content: center;
    z-index: 10;

}

.new-about-farseer button {
    background-color: #ef7f26;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
}


/* our suite */
@keyframes transitionY1 {
    0% {
        transform: translateY(400px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes transitionY2 {
    0% {
        transform: translateY(250px);
        height: 0;
    }

    100% {
        transform: translateY(0px);
        height: 250px;
    }
}

.new-our-suite .describe1 {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    width: 1000px;
    margin: 0 auto 30px;

}

.new-our-suite .describe2 {
    width: 1000px;
    margin: 0 auto 40px;
    font-size: 20px;


}

.new-our-suite .suite-list {
    width: 1070px;
    height: 510px;
    margin: 40px auto;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    overflow: hidden;
}

.new-our-suite .suite-list .item {
    width: 350px;
    height: 250px;
    line-height: 250px;
    transition: 1s;
    position: relative;
    cursor: pointer;
}


.new-our-suite .suite-list .suite-item {
    width: 350px;
    height: 250px;
    position: absolute;
}

.new-our-suite .suite-list .suite-describe {
    box-sizing: border-box;
    line-height: 25px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    opacity: 0;
    color: rgb(15, 11, 11);
    transition: 0.5s;
    background-color: #f3eeeb;
}

.new-our-suite .suite-list .item:hover .suite-describe {
    opacity: 0.8;
    background-color: #FFFFFF;
}

.new-our-suite .suite-list .item:hover button {
    opacity: 0;
}

.new-our-suite .suite-list .item1 {
    width: 710px;
    height: 250px;
    background: url(../images/newwebsite/Our_Suite.jpg?v=1.2) no-repeat 0px -30px;
    background-size: 100%;
}

.new-our-suite .suite-list .saas {
    background: url(../images/newwebsite/Our_Suite_SAAS.jpg?v=1.2) no-repeat -41px 0px;
    background-size: 133%;
    overflow: hidden;
}

.new-our-suite .suite-list .api {
    background: url(../images/newwebsite/Our_Suite_API.jpg?v=1.2) no-repeat 0px 0px;
    background-size: 128%;
}

.new-our-suite .suite-list .report {
    background: url(../images/newwebsite/Our_Suite_Report.jpg?v=1.2) no-repeat -60px 0px;
    background-size: 140%;
}

.new-our-suite .suite-list .indexs {
    background: url(../images/newwebsite/Our_Suite_Index.jpg?v=1.2) no-repeat -50px 0px;
    background-size: 128%;
}

.new-our-suite .suite-list button {
    width: 200px;
    height: 0px;
    background-color: rgba(242, 246, 247, .9);
    border: none;
    overflow: hidden;
    transition: .5s;

}

/* why farseer */
.new-why-farseer .describe1 {
    padding-bottom: 10px;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 auto;
    border-bottom: 2px solid #ef7f26;
}

.new-why-farseer .why-content {
    overflow: hidden;
    margin-top: 50px;
    height: 600px;
    background: url(../images/newwebsite/Asian_Partner.jpg?v=1.2) center;
    background-size: 100%;
    transition: 6s;

}

.new-why-farseer .why-content>div {
    width: 1000px;
    margin: 200px auto;
    text-align: start;
    color: #fff;
    font-size: 40px;
    line-height: 70px;
    font-weight: bolder;
    transition: 6s;
}

/* solutions */

.new-solutions {
    height: 450px;
}

.new-solutions-list {
    width: 1000px;
    margin: 0 auto;
    justify-content: space-between;
}

.new-solutions-list .new-solutions-item {
    width: 300px;
    height: 400px;
    background-color: #fff;
    overflow: hidden;
}

.new-solutions-list .new-solutions1 .solutions-img {
    height: 200px;
    background: url(../images/newwebsite/Solutions_1.jpg?v=1.2) no-repeat 0px -38px;
    background-size: 100%;
}

.new-solutions-list .new-solutions2 .solutions-img {
    height: 200px;
    background: url(../images/newwebsite/Solutions_2.jpg?v=1.2) no-repeat 0px -35px;
    background-size: 100%;
}

.new-solutions-list .new-solutions3 .solutions-img {
    height: 200px;
    background: url(../images/newwebsite/Solutions_3.jpg?v=1.2) no-repeat 0px -38px;
    background-size: 100%;
}


.new-solutions-item .solutions-box .solutions-name {
    margin: 10px auto 20px;
    font-weight: bold;
    color: #ef7f26;
}

.new-solutions-item .solutions-box .solutions-content {
    font-size: 14px;
    padding: 0 15px;
}

/* awards */
.new-awards {}

.new-awards-list {
    width: 1000px;
    margin: 175px auto 140px;
    justify-content: space-between;
}

.new-awards-item {
    height: 175px;
    width: 304px;
    position: relative;
    filter: grayscale(100%);
}

.new-awards-item:hover {
    filter: grayscale(0%);
}

.new-awards-item:hover .hexagon {
    border-color: #ef7f26;
}

.hexagon {
    height: 175px;
    width: 300px;
    position: absolute;
    top: 0px;
    border-left: 2px solid #504f4f;
    border-right: 2px solid #504f4f;
}

.new-awards-item-left {
    transform: translate(0, 0) rotate(60deg)
}

.new-awards-item-right {
    transform: translate(0, 0) rotate(-60deg)
}

.new-awards1 {
    background: url(../images/newwebsite/Awards_ICT.png) no-repeat 69px 2px;
    background-size: 55%;
}

.new-awards2 {
    background: url(../images/newwebsite/Awards_ESG.png) no-repeat 50px 50px;
    background-size: 70%;
}

.new-awards3 {
    background: url(../images/newwebsite/Awards_IFTA.png) no-repeat 110px 0px;
    background-size: 30%;
}

.new-awards-describe {
    padding: 10px 30px;
    margin-top: 115px;
    font-size: 14px;
}


/* clients testimonials */
.new-testimonials {
    background: url(../images/newwebsite/Client_Testimonials.jpeg) no-repeat;
    background-size: 100%;
    overflow: hidden;
}

.new-testimonials .testimonials-list {
    width: 1100px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;

}

.new-testimonials .testimonials-item {
    box-sizing: border-box;
    width: 340px;
    background-color: #ffffff;
    border-radius: 30px;
    padding: 20px 20px 30px;
    box-shadow: 10px 0px 1px 0px #f4d2b7;
    cursor: pointer;
    height: 384px;
    overflow: hidden;
}

.new-testimonials .new-testimonials2 {
    box-shadow: 15px 0px 1px 0px #ef7f26;
    height: 430px;
    font-size: 20px;
}

.testimonials-item .testimonials-img {
    width: 300px;
    height: 80px;
}

.new-testimonials1 .testimonials-img {
    background: url(../images/newwebsite/Testimonials_Hill+Knowlton_Strategies_Logo.jpeg) no-repeat 90px 0px;
    background-size: 42%;

}

.new-testimonials2 .testimonials-img {
    background: url(../images/newwebsite/Testimonials_Preface_Logo.webp) no-repeat 30px 0px;
    background-color: #fff;
    background-size: 80%;

}

.new-testimonials3 .testimonials-img {
    background: url(../images/newwebsite/Testimonials_AEC_Logo.png) no-repeat 45px 13px;
    background-size: 70%;

}

.testimonials-symbol {
    margin: 10px 0;
    text-align: start;
}

.testimonials-symbol img {
    width: 25px;
    height: 25px;
}

.testimonials-describe {
    line-height: 28px;
    height: 150px;
    border-bottom: 1px solid #504f4f;

}

.testimonials-title {
    margin-top: 30px;
}

/* contact us */
.new-contact {}


.new-contact .nwe-contact-box {
    width: 1200px;
    margin: 0 auto;
    justify-content: space-between;
    padding: 80px 0 20px;
    position: relative;
}

.nwe-contact-box::after {
    background: url(../images/newwebsite/Contact_Us.jpg) no-repeat -75px -125px;
    background-size: 100%;
    content: "";
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.login-back{
    position: relative;
}
.login-back::after{
    background: url(../images/newwebsite/Contact_Us.jpg) no-repeat 0 -50px;
    background-size: 100%;
    content: "";
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.nwe-contact-box .contact-box-left {
    width: 400px;
    height: 400px;
    font-size: 19px;
    flex-direction: column;
    justify-content: center;
}

.new-contact .contact-left-h1 {
    font-weight: bolder;
    font-size: 38px;
    line-height: 50px;
    margin-bottom: 20px;
}

.contact-left-title {
    font-weight: bold;
    margin-bottom: 20px;

}

.nwe-contact-box .contact-box-right {
    background-color: rgb(250, 250, 250);
    width: 750px;
    height: 420px;
    padding: 50px;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
    box-shadow: 1px 1px 2px 1px rgba(213, 213, 213, 0.5);

}

.contact-box-right .contact-row {
    width: 250px;
}

.contact-box-right .contact-line {
    padding-left: 10px;
    font-weight: bold;
    margin: 3px 0;
}

.contact-box-right .contact-input {
    width: 100%;
    height: 34px;
    outline: none;
    border: 1px solid #f0e6de;
    border-radius: 5px;
    padding-left: 10px;
    color: #504f4f;
    box-sizing: border-box;
}
.contact-box-right #otherContacts {
    display: none;
    margin-top: 8px;
}
.contact-footer {
    width: 640px;
    justify-content: end;
    align-items: end;
}

.contact-footer img {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.contact-box-right button {
    margin-right: 20px;
    background-color: #FE8200;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
}
.contact-box-right button:hover{
    background-color: #fe9b33;
}
.contact-box-right button:active{
    background-color: #e47500;
}