.header-offer-bg {
    background: #E73350;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0;
    text-align: center;
    position: relative;
    z-index: 9;
    height: 40px;
    box-shadow: 0 10px 50px rgba(38, 34, 94, .25)
}

.header-offer-bg h3 {
    color: #fff;
    margin: 0;
    font-size: 16px;
    padding-top: 10px
}

.header-offer-bg-main {
    display: inline-flex
}

.header-offer-bg-main span {
    font-weight: 800;
    margin-left: 3px;
    font-size: 18px
}

.header-offer-bg-main a {
    color: #374fc1;
    background: #fff;
    margin-left: 20px;
    margin-top: 8px;
    font-size: 12px;
    padding: 3px 20px;
    border-radius: 5px
}

.fw600 {
    font-weight: 600
}

.fw800 {
    font-weight: 800
}

.text-white {
    color: #fff !important
}

.pl0 {
    padding-left: 0
}

.mb-25 {
    margin-bottom: 25px
}

.ptb-50 {
    padding: 50px 0
}

.sec1-ptb-first {
    padding: 120px 0
}

.sec-pt50-first {
    padding-top: 50px
}

.max-width-550 {
    max-width: 550px
}

.cn-li-style {
    color: #374fc1 !important;
    margin-top: 5px
}

.cn-li-style:hover {
    background: #374fc1 !important;
    color: #fff !important;
    margin-top: 5px !important;
    box-shadow: 0 5px 10px #040b2e40;
    margin: auto
}

.bg-white .cn-li-style:hover {
    background: #374fc1 !important;
    color: #fff !important;
    margin-top: 5px !important;
    box-shadow: 0 5px 10px #040b2e40;
    margin: auto
}

.transparent .cn-li-style:hover {
    background: #fff !important;
    color: #374fc1 !important;
    margin-top: 5px !important;
    box-shadow: 0 5px 10px #040b2e40;
    margin: auto
}

.cn-a-style {
    background: #374fc1;
    color: #fff !important;
    padding: 10px 20px !important;
    font-weight: 600 !important
}

.bg-white .cn-a-style {
    background: #374fc1;
    color: #fff !important;
    padding: 10px 20px !important;
    font-weight: 600 !important
}

.bg-white .cn-li-bstyle a::after {
    content: "";
    display: block;
    width: 20px;
    height: 4px;
    background: #374fc1;
    margin: 6px 8px 0px;
}

.transparent .cn-li-bstyle a::after {
    margin: 0px auto;
    content: "";
    display: block;
    width: 20px;
    height: 4px;
    background: #fff;
    margin: 6px 8px 0px;
}

.transparent .cn-a-style {
    background: #fff;
    color: #374fc1 !important;
    padding: 10px 20px !important;
    font-weight: 600 !important
}

.cn-a-style:hover {
    border-radius: unset !important
}

.cn-li-bstyle a::after {
    content: "";
    display: block;
    width: 20px;
    height: 4px;
    background: #374fc1;
    margin: 6px 8px 0px;
}

.main-hero-point {
    margin: 25px 0
}

.main-hero-point ul li {
    vertical-align: top;
    width: 50%;
    font-weight: 600;
    float: left;
    line-height: 30px;
    font-size: 14px;
    list-style-type: none
}

.main-hero-point ul {
    padding: 0
}

.main-hero-point ul li::before {
    content: "\f00c";
    font-size: 14px;
    color: #00e1b8;
    margin-right: 15px;
    font-family: FontAwesome
}

#PayKunWelcome #return-to-top,
#PayKunWelcome .mobNavPaykun #dismiss,
#PayKunWelcome .mobNavPaykun#sidebar,
#PayKunWelcome .mobNavPaykun#sidebar .sidebar-header,
#PayKunWelcome .mobNavPaykun#sidebar.active,
#PayKunWelcome .ui-card.ui-curve .card-header.ui-gradient-blue,
#PayKunWelcome .ui-gradient-purple {
    background: #374fc1 !important
}

#payKunAbout #return-to-top,
#payKunAbout .mobNavPaykun #dismiss,
#payKunAbout .mobNavPaykun#sidebar,
#payKunAbout .mobNavPaykun#sidebar .sidebar-header,
#payKunAbout .mobNavPaykun#sidebar.active,
#payKunAbout .ui-card.ui-curve .card-header.ui-gradient-blue,
#payKunAbout .ui-gradient-purple {
    background: #374fc1 !important
}

.signup {
    padding-top: 10px
}

.signup input {
    border: unset;
    color: #9dafc6
}

.signup button {
    padding: 12px 24px;
    border: unset;
    border-radius: unset;
    background: #3ed9c1;
    color: #fff;
    margin-left: 5px;
    font-weight: 700;
    box-shadow: 0 5px 10px #040B2E40
}

.cus_signup {
    border: unset;
    border-radius: unset;
    margin-right: 5px;
    padding: 11px 22px;
    background: #3ed9c1;
    color: #fff;
    vertical-align: middle;
    font-weight: 800;
    font-size: 16px;
    text-decoration: none
}

.cus_signup:hover {
    color: #fff;
    text-decoration: none;
    box-shadow: 0 5px 10px #040b2e40
}

.cus_viewdemo {
    color: #fff;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 20px;
    text-decoration: none;
    font-weight: 800
}

.cp-play-btn {
    font-size: 24px !important;
    vertical-align: middle;
    padding-left: 5px
}

.cus_viewdemo:active,
.cus_viewdemo:focus,
.cus_viewdemo:hover,
.cus_viewdemo:visited {
    color: #fff;
    text-decoration: none
}

.btn-ps {
    color: #0155e1;
    background-color: #fff;
    border-color: #fff;
    font-weight: 600;
    padding: 13px 26px;
    font-size: 15px
}

.btn-ps:hover {
    color: #0155e1
}

.ptb-100 {
    padding: 120px 0
}

.hero-section-2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #374fc1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-clip-path: polygon(0 0, 80% 0, 35% 50%, 0 12%);
    clip-path: polygon(0 0, 277% 0, 29% 96%, 0 66%)
}

.hero-section-1 {
    content: "";
    position: relative;
    height: 800px;
    background: #E73350 0 0 no-repeat padding-box;
    width: 100%;
    border-bottom-right-radius: 100% 193%
}

.hero-animation-img {
    text-align: end
}

.hero-animation-img img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    top: 35px;
    width: 80%
}

.hero-animation-img-1 img {
    position: absolute;
    bottom: 0;
    right: -150px;
    z-index: 1;
    top: -5px
}

.sec1-b-padding {
    padding-top: 50px;
    padding-bottom: 125px
}

.sec1-padding {
    padding: 50px 0
}

.sec-padding-top {
    padding-top: 50px
}

.sec1-title {
    text-align: center
}

.sec1-title h2 {
    color: #183963;
    font-weight: 800;
    line-height: 40px;
    font-size: 32px
}

.sec1-title h2::after {
    content: "";
    display: block;
    width: 85px;
    height: 5px;
    background: #25f499;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto
}

.sec1-f-main {
    margin-top: 30px;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(72, 69, 224, .1);
    box-shadow: 0 0 10px rgba(72, 69, 224, .1);
    -webkit-transition: .5s;
    transition: .5s;
    padding: 30px;
    /* text-align: center; */
}

.sec1-f-main:hover {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    border-color: transparent
}

.sec1-f-main:hover::before {
    opacity: 1;
    visibility: visible
}

.sec1-f-main::before {
    background: linear-gradient(135deg, #fff 0, #e3eef6 100%)
}

.sec1-f-main::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 5px;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s
}

.sec1-f-img img {
    width: 55px;
    margin: auto;
}

.sec1-f-content h3 {
    font-size: 18px;
    font-weight: 700
}

.sec1-f-content p {
    color: #2b3656;
    padding-bottom: 10px
}

.sec1-f-content a {
    color: #027bce !important;
    text-decoration: none
}

.sec1-p-extra {
    margin-bottom: 30px
}

.ui-card .card-body .signup input {
    box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, .05)
}

.sec1-slider-bg {
    background: #374fc1
}

.sec1-slider-content {
    color: #fff;
    text-align: initial;
    padding-top: 30%
}

.sec1-slider-content h3 {
    font-weight: 800
}

.sec1-slider-content h4 {
    padding-top: 10px
}

.sec1-slider-content h4 {
    opacity: .8
}

.sic {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-column-align: center;
    justify-items: center;
    width: 80%;
    height: auto;
    -webkit-transition: -webkit-transform .5s ease-in;
    transition: -webkit-transform .5s ease-in;
    transition: transform .5s ease-in;
    transition: transform .5s ease-in, -webkit-transform .5s ease-in;
    margin: 8px auto
}

.sec-1-slider-inner .owl-carousel .owl-nav button.owl-next,
.sec-1-slider-inner .owl-carousel .owl-nav button.owl-prev {
    padding: 0 13px !important
}

.sec1-slider-img img {
    width: 80%
}

.sec-1-slider-inner .owl-carousel .owl-item img {
    width: 80% !important;
    margin: auto !important
}

.sec-1-slider-inner .owl-carousel .owl-nav button {
    top: 45% !important
}

.sec1-slider-img-custom {
    width: 80%
}

.sec-1-slider-inner .owl-item {
    width: auto !important;
    opacity: unset !important
}

.sec-1-slider-inner .owl-carousel.owl-drag .owl-item .center {
    width: auto !important;
    opacity: unset !important
}

.sec-1-slider-inner .owl-carousel .owl-nav span {
    padding: 12px 15px !important
}

.sec1-ctm-style img {
    padding-top: 40px
}

.sec1-ctm-details h2 {
    margin-bottom: 0;
    color: #2b3656;
    font-weight: 800
}

.sec1-ctm-details h4 {
    color: #040710;
    padding-top: 20px;
    font-weight: 800
}

.sec1-ctm-details p {
    color: #2b3656;
    font-size: 14px
}

.sec1-b-main {
    text-align: center;
    padding: 20px;
    color: #2b3656;
    margin-top: 30px;
    height: 290px
}

.sec1-b-main .sec1-b-img img:hover {
    transform: scale(1.1)
}

.sec1-b-img img {
    width: 90px;
    height: 90px
}

.sec1-b-img {
    text-align: -webkit-center
}

.sec1-b-main::after {
    position: absolute;
    content: "\f054";
    font-size: 18px;
    color: #0094ff;
    font-family: FontAwesome;
    top: 50%;
    right: 0;
    margin-right: -10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.col-md-3:last-of-type .sec1-b-main::after {
    display: none
}

.sec2-f-main {
    text-align: -webkit-center;
    padding: 10px
}

.sec2-f-content h3 {
    margin-top: -20px;
    color: #183963;
    font-weight: 700;
    font-size: 22px
}

.sec2-f-content p {
    color: #9dafc6
}

.sec2-middle-bg {
    content: "";
    position: relative;
    background-image: url(../image/gradient-section.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.sec2-fp {
    background: #fff;
    border: 3px solid #e3eef6;
    border-radius: 30px;
    padding: 40px 30px
}

.sec2-fp-main {
    display: inline-flex;
    margin-top: 15px;
    margin-bottom: 15px
}

.sec2-fp-content {
    margin-left: 25px
}

.sec2-fp-content h4 {
    color: #183963;
    font-weight: 700;
    margin-top: 0
}

.sec2-fp-content p {
    color: #9dafc6
}

.sec2-fp-s-img img {
    width: 100%;
    padding-top: 120px
}

.sec-2fp-cp {
    padding: 110px 0
}

.sec2-sa-main {
    background: #f1f3ff;
    padding: 30px;
    border-radius: 20px
}

.sec2-sa-img {
    text-align: -webkit-center
}

.sec2-sa-content {
    padding-top: 45px
}

.sec2-sa-content h2 {
    color: #183963;
    font-weight: 900;
    font-size: 40px
}

.sec2-sa-content p {
    color: #464e6b;
    font-size: 16px;
    margin-top: 25px
}

.sec2-sa-footer-img {
    padding-top: 20px
}

.sec2-mf-title {
    text-align: right
}

.sec2-mf-title h2 {
    color: #183963;
    font-weight: 900;
    font-size: 40px
}

.sec2-mf-title p {
    color: #9dafc6
}

.sec-mf-f {
    margin-top: 30px;
    padding: 25px;
    background: #fff;
    border: 1px solid #e3eef6;
    border-radius: 10px;
    height: 310px
}

.sec-mf-f h4 {
    padding-top: 10px;
    font-weight: 800;
    color: #183963
}

.sec2-mf-title {
    padding-top: 30px
}

.sec-mf-f p {
    color: #9dafc6
}

.sec-mf-f-link {
    text-align: right;
    padding-top: 10px
}

.sec-mf-f-link a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    color: #9dafc6
}

.sec-mf-f-img img {
    width: 60px
}

.sec2-ex-pad {
    padding-bottom: 20px
}

.sec-mf-f:hover {
    box-shadow: 0 8px 20px #5c9af829
}

.sec-mf-f .sec-mf-f-link a:hover {
    color: #374fc1
}

.sec2-gs-point ul li {
    vertical-align: top;
    font-weight: 600;
    line-height: 40px;
    font-size: 14px;
    list-style-type: none;
    color: #fff;
    letter-spacing: 1px
}

.sec2-gs-point ul li::before {
    content: "\f00c";
    font-size: 14px;
    color: #00e1b8;
    margin-right: 15px;
    font-family: FontAwesome
}

.sec2-gs {
    background: #374fc1;
    padding: 100px 40px
}

.sec2-gs-vl {
    border-left: 1px solid #6b81e9;
    height: 250px;
    position: absolute;
    left: 50%;
    top: 45px
}

.sec2-gs-title {
    color: #fff
}

.sec2-gs-main {
    padding-left: 25px
}

.sec2-gs-title h2 {
    margin-top: 0
}

.sec2-gs-title p {
    padding-bottom: 20px
}

.sec2-lead {
    font-size: 18px;
    max-width: 485px;
    margin-bottom: 25px
}

.overlay-opacity-gradient {
    position: absolute;
    width: 100%;
    height: 55px;
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #fff 95%);
    z-index: 100;
    left: 0;
    right: 0
}

.clients-carousel .owl-item {
    opacity: 1 !important
}

.single-client {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-column-align: center;
    justify-items: center;
    width: 60%;
    height: auto;
    -webkit-transition: -webkit-transform .5s ease-in;
    transition: -webkit-transform .5s ease-in;
    transition: transform .5s ease-in;
    transition: transform .5s ease-in, -webkit-transform .5s ease-in;
    margin: 8px auto
}

.single-client img {
    max-width: 100%;
    max-height: 100%;
    -webkit-filter: opacity(50%);
    filter: opacity(90%);
    width: 100%
}

.single-client:hover .client-img {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.gtco-testimonials .owl-item {
    width: 650px !important
}

.pp-baner {
    position: relative
}

.pp-side-graphic::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #E73350;
    no-repeat;
    background-size: 100%;
    height: 100%;
    z-index: 2
}

.pp-banner-item {
    height: 700px;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden
}

.pp-banner-content {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 50px;
    z-index: 2
}

.banner-image-style-pp {
    position: absolute !important;
    bottom: 0;
    right: -50px;
    z-index: 1;
    top: 160px
}

.banner-image-style-pp img {
    width: 550px
}

.pp-banner-title {
    font-size: 35px;
    font-weight: 800 !important;
    line-height: 46px
}

.pp-banner-text {
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;
    width: 500px
}

.pl0pp {
    padding-left: 0
}

.pp-sign-up form {
    margin: 0;
    margin-top: 0;
    height: 50px;
    border-color: #528ff0;
    background: #fff;
    border-radius: 3px;
    color: #0d2366;
    line-height: 36px;
    height: 42px;
    border: 1px solid rgba(0, 0, 0, .07);
    box-shadow: 2px 4px 9px 1px rgba(0, 0, 0, .05);
    -webkit-transition: .2s cubic-bezier(.25, .1, .25, 1);
    transition: .2s cubic-bezier(.25, .1, .25, 1);
    padding: 0 20px;
    width: 340px
}

.pp-sign-up .input-lg {
    width: 240px;
    padding: 8px 0;
    left: 1px;
    margin: 0 20px 0 -20px;
    transition: .22s;
    height: 36px;
    opacity: 1;
    position: relative;
    z-index: 1;
    padding-left: 14px;
    border: 0;
    color: #528ff0
}

.pp-sign-up .btn-lg {
    padding: 4px 0;
    margin: 0 -18px;
    position: relative;
    font-weight: 700;
    color: #528ff0;
    -webkit-transition: .2s;
    transition: .2s;
    padding-right: 3px;
    font-size: 14px;
    border: 0;
    background: 0 !important
}

.pp-sec-main-content {
    text-align: center
}

.pp-sec-main-content h2 {
    color: #2a4b75;
    font-weight: 800;
    line-height: 40px
}

.pp-sec-main-content h1 {
    color: #2a4b75;
    font-weight: 800;
    line-height: 40px
}

.pp-sec-main-content p {
    color: #9dafc6;
    width: 43%;
    margin: auto
}

.pp-sec-b-pad {
    padding-bottom: 75px
}

.sec-top-pad {
    padding-top: 75px
}

.pp-sec-pad {
    padding-top: 75px;
    padding-bottom: 75px
}

.pp-card {
    height: 370px;
    background: #fff;
    box-shadow: 0 8px 20px #5c9af81a;
    border: 1px solid #e3eef6;
    border-radius: 4px;
    opacity: 1;
    margin-top: 30px
}

.pp-card-content {
    text-align: center;
    margin-top: 10px
}

.pp-card-content h3 {
    color: #2a4b75;
    font-weight: 600;
    font-size: 22px
}

.pp-card-content p {
    color: #9dafc6;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px
}

.pp-card::after {
    background: url(../image/step-change.svg) no-repeat;
    position: absolute;
    content: "";
    font-size: 35px;
    font-weight: 900;
    color: #000;
    top: 50%;
    right: 0;
    margin-right: -25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.pp-mb-30 {
    margin-bottom: 30px !important
}

.pp-join-partner {
    display: inline-flex;
    padding: 20px;
    outline: 0
}

.pp-join-partner1 {
    display: inline-flex;
    padding: 20px;
    outline: 0
}

.pp-join-partner-pad {
    padding-top: 40px
}

.pp-join-partner:hover {
    background: #fff;
    box-shadow: 0 8px 20px #5c9af81a;
    transition: .2s;
    outline: 0
}

.pp-join-partner-img img {
    width: 80px
}

.pp-join-partner-content {
    padding-left: 25px
}

.pp-join-partner-content h4 {
    margin-top: 0;
    color: #2a4b75;
    font-weight: 600;
    font-size: 16px
}

.pp-join-partner-content p {
    color: #9dafc6;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1.1px
}

.pp-et-bg {
    background: transparent linear-gradient(90deg, #08f 0, #0028c8 100%) 0 0 no-repeat
}

.pp-et-content {
    color: #fff;
    padding-top: 50px
}

.pp-et-content h2 {
    font-weight: 600
}

.pp-et-content h3 {
    margin-top: 0;
    margin-bottom: 25px
}

.pp-benefits-main {
    padding-top: 25px
}

.pp-benefits-bg {
    background: #e3eef6
}

.pp-benefits-img {
    display: inline-flex;
    margin-bottom: 25px
}

.pp-benefits-img img {
    height: 25px
}

.pp-benefits-img h3 {
    padding-left: 20px;
    margin-top: 0;
    font-weight: 600;
    color: #2a4b75
}

.pp-benefits-c-p {
    padding-left: 25px;
    padding-top: 10px
}

.cb {
    border-left: 1px solid #9dafc6;
    height: 350px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    margin-top: 150px
}

.pp-dev-bg {
    background: #152e4d;
    position: relative
}

.pp-dev-left-half {
    position: absolute;
    content: "";
    left: 0;
    top: 140px;
    bottom: 0;
    width: 100%;
    background-repeat: no-repeat
}

.text-white {
    color: #fff !important
}

.pp-dev-main {
    padding: 25px;
    display: inline-flex;
    margin-top: 25px
}

.pp-dev-content {
    padding-left: 25px;
    color: #fff
}

.pp-dev-img img {
    height: 60px
}

.pp-dev-content h4 {
    margin-top: 0;
    font-weight: 600
}

.pp-dev-content p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0
}

.pp-dev-main:hover {
    background: #183963
}

.hero-section-4 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.paykun.com/assets/css/img/payout/bg.svg);
    background-repeat: no-repeat;
    background-size: cover
}

.hero-section-4-title h1 {
    font-weight: 800;
    color: #fff
}

.hero-section-4-title p {
    font-weight: 600;
    color: #fff;
    max-width: 550px;
    margin: auto;
    margin-bottom: 20px;
    line-height: 24px
}

.sec4-padding {
    padding: 40px 0
}

.hero-section-4-img {
    text-align: -webkit-center
}

.hero-section-4-img img {
    width: 90%
}

.pp-f-bg {
    background: #2b3656
}

.color-white {
    color: #fff !important
}

.color-grey {
    color: #e3eef6 !important;
    opacity: .8
}

.sec-4-hf h2 {
    color: #183963;
    font-weight: 800
}

.sec-4-hf p {
    color: #9dafc6;
    margin-top: 20px
}

.sec-4-cf-box-content h4 {
    color: #2b3656;
    font-weight: 800
}

.sec-4-cf-box-content p {
    color: #2b3656;
    margin-bottom: 0
}

.sec-4-hf-box {
    background: #fff;
    box-shadow: 0 3px 6px #374FC129;
    padding: 20px 30px;
    height: 165px;
    margin-top: 20px
}

.sec-4-cf-box-img {
    float: right
}

.pp-beni-bg {
    background: #374fc1;
    border-radius: 42px
}

.p-0 {
    padding: 0 !important
}

.p-30 {
    padding: 30px
}

.pp-h4-ci-mobile {
    padding-top: 12%
}

.template_faq {
    background: #edf3fe none repeat scroll 0 0
}

.panel-group {
    border-radius: 3px;
    margin-bottom: 0
}

#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px
}

#accordion .panel-heading {
    border-radius: 30px;
    padding: 0
}

#accordion .panel-title a {
    background: #fff;
    border: 1px solid #e3eef6;
    color: #2a4b75;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding: 20px 25px;
    position: relative;
    transition: all .3s ease 0s;
    text-decoration: none
}

#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e3eef6;
    color: #2a4b75
}

#accordion .panel-title a.collapsed::after,
#accordion .panel-title a::after {
    color: #9dafc6;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 55px;
    right: 5px;
    line-height: 55px;
    position: absolute;
    top: 5px;
    transition: all .3s ease 0s;
    width: 38px;
    text-align: center
}

#accordion .panel-title a.collapsed::after {
    color: #9dafc6;
    content: ""
}

#accordion .panel-body {
    border: 1px solid #e3eef6;
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px;
    position: relative
}

#accordion .panel-body p {
    color: #9dafc6
}

.gtco-testimonials {
    position: relative;
    margin-top: 30px
}

.gtco-testimonials h2 {
    font-size: 30px;
    text-align: center;
    color: #333;
    margin-bottom: 50px
}

.gtco-testimonials .owl-stage-outer {
    padding: 30px 0
}

.gtco-testimonials .owl-dots {
    text-align: center
}

.gtco-testimonials .owl-dots span {
    position: relative;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: block;
    background: #fff;
    border: 2px solid #1976d2;
    margin: 0 5px
}

.gtco-testimonials .owl-dots .active {
    box-shadow: none
}

.gtco-testimonials .owl-dots .active span {
    background: #1976d2;
    box-shadow: none;
    height: 16px;
    width: 16px;
    margin-bottom: -1px
}

.gtco-testimonials .card {
    background: #fff;
    box-shadow: 0 8px 30px -7px #c9dff0;
    margin: 0 20px;
    padding: 0 10px;
    border: 0;
    height: 310px
}

.gtco-testimonials .owl-carousel.owl-drag .owl-item {
    text-align: center
}

.gtco-testimonials .card .card-img-top {
    width: 100px;
    top: -30px;
    position: absolute;
    left: 60px
}

.gtco-testimonials .card .card-img-top-1 {
    width: 100px;
    top: -30px;
    position: absolute;
    right: 60px
}

.gtco-testimonials .card .card-body {
    padding-top: 12%
}

.gtco-testimonials .card .card-body .card-ct {
    padding-bottom: 25px
}

.gtco-testimonials .card h4 {
    color: #2a4b75;
    padding-left: 30px;
    text-align: left;
    font-weight: 900
}

.gtco-testimonials .card p {
    color: #9dafc6;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 22px
}

.gtco-testimonials .card h3 {
    color: #1976d2;
    margin-top: 5px;
    font-weight: 600
}

.gtco-testimonials .card .card-vl {
    border-left: 3px solid #1976d2;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: 60px;
    margin-top: 5px
}

.gtco-testimonials .card .card-img-1 {
    display: inline-flex;
    margin-top: 40px
}

.gtco-testimonials .card .card-img-1 span {
    font-size: 16px;
    line-height: 26px;
    color: #1c78d3
}

.gtco-testimonials .card .card-img-1 img {
    width: 115px;
    height: 40px;
    margin-left: 20px;
    margin-top: 10px
}

.owl-item {
    opacity: .5
}

.owl-item.center {
    opacity: 1
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    background: #fff !important;
    box-shadow: 0 3px 6px #5c9af829 !important;
    border: 1px solid #e3eef6 !important;
    border-radius: 50% !important;
    color: #1976d2 !important;
    font-size: 25px !important;
    font-weight: 900 !important
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 0;
    border-radius: 3px
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    user-select: none;
    transition: .4s
}

.owl-dots {
    text-align: center;
    padding-top: 15px
}

.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: 1px solid #fff !important;
    padding: 0 !important;
    font: inherit
}

.owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 5px
}

.owl-dots button.owl-dot.active {
    background-color: #fff
}

.owl-dots button.owl-dot:focus {
    outline: 0
}

.cmb75 {
    margin-bottom: 75px
}

.cpb20 {
    padding-bottom: 20px
}

.pp-c-link {
    color: #fff;
    font-weight: 600;
    text-decoration: none
}

.pp-c-link:hover {
    color: #fff;
    text-decoration: none
}

#payKun-Partner #return-to-top,
#payKun-Partner .mobNavPaykun #dismiss,
#payKun-Partner .mobNavPaykun#sidebar,
#payKun-Partner .mobNavPaykun#sidebar .sidebar-header,
#payKun-Partner .mobNavPaykun#sidebar.active {
    background: #374fc1 !important
}

#payKun-Partner .ui-card.ui-curve .card-header.ui-gradient-blue,
#payKun-Partner .ui-gradient-purple {
    background: #374fc1 !important
}

.doc-main {
    height: 650px;
    background: #fff;
    box-shadow: 0 8px 20px #5c9af81a;
    border: 1px solid #e3eef6;
    border-radius: 4px;
    opacity: 1;
    margin-top: 30px;
    padding: 20px
}

.doc-main h3 {
    color: #2a4b75;
    font-weight: 600
}

.doc-main .doc-link {
    margin-top: 25px
}

.doc-main .doc-link h4 {
    color: #2a4b75
}

.doc-main .doc-link a {
    display: inherit;
    margin-top: 10px;
    margin-bottom: 15px;
    text-decoration: none;
    color: #1976d2
}

.doc-main .doc-link a:before {
    content: "\f105";
    font-family: FontAwesome;
    background: #fff;
    border: 1px solid #e3eef6;
    border-radius: 50%;
    margin-right: 10px;
    padding: 5px 10px
}

.dpt5 {
    padding-top: 5px
}

.pb-150 {
    padding-bottom: 150px
}

.pp-box {
    background: #f9fcff;
    border: 1px solid #e8f0fe;
    border-radius: 6px;
    margin-top: 30px
}

.pp-box-sub {
    padding: 20px
}

.pp-box-content h4 {
    color: #2a4b75;
    font-size: 16px;
    font-weight: 800
}

.pp-box-content p {
    color: #9dafc6;
    margin-bottom: 0
}

.pp-box-img img {
    width: 70px;
    float: right;
    margin-top: -75px
}

.pp-box-card {
    height: 265px;
    background: #fff;
    box-shadow: 0 8px 20px #5c9af81a;
    border: 1px solid #e3eef6;
    border-radius: 4px;
    opacity: 1;
    margin-top: 30px
}

.pp-box-card-img img {
    top: 5px;
    position: absolute;
    left: 35%
}

.pp-box-card-content {
    text-align: center;
    margin-top: 35%
}

.pp-box-card-content h3 {
    color: #2a4b75;
    font-weight: 600;
    font-size: 22px
}

.pp-box-card-content p {
    color: #9dafc6;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px
}

.mt-20 {
    margin-top: 20px
}

.career-image-style {
    position: absolute;
    bottom: 0;
    right: -50px;
    top: 160px
}

.career-image-style img {
    width: 500px
}

.jot-btn {
    background: #fff;
    border-radius: 9px;
    text-decoration: none;
    color: #374fc1;
    padding: 12px 30px;
    font-weight: 600
}

.jot-btn:hover {
    color: #374fc1;
    text-decoration: none;
    box-shadow: 0 8px 20px #5c9af81a
}

.career-box {
    background: #fff;
    box-shadow: 0 3px 6px #374fc126;
    text-align: center;
    padding: 40px;
    margin-top: 30px;
    height: 230px
}

.career-box-image {
    display: inline-flex
}

.career-box-image h3 {
    color: #2a4b75;
    padding-left: 15px;
    margin-top: 15px
}

.career-box-content p {
    color: #9dafc6
}

.career-cw {
    width: 57% !important
}

.career-life-bg {
    background: #374fc1 no-repeat
}

.pb-30 {
    padding-bottom: 30px
}

.career-et-content {
    color: #fff;
    padding-top: 13%;
    padding-left: 5%
}

.career-et-content h2 {
    font-weight: 600
}

.career-et-content p {
    padding-bottom: 30px;
    width: 360px
}

.career-designation {
    background: #fff;
    box-shadow: 0 3px 6px #374fc126;
    margin-top: 30px;
    padding: 20px;
    height: 290px
}

.career-designation h4 {
    color: #2a4b75
}

.career-designation p {
    color: #9dafc6
}

.career-cc-badge {
    padding-top: 10px;
    padding-bottom: 50px
}

.cc-badge {
    color: #2a4b75;
    background: #ebedf9;
    font-size: 12px;
    padding: 8px 12px;
    border-radius: 12px;
    font-weight: 600;
    float: left;
    width: 100px;
    margin-left: 5px;
    margin-right: 5px
}

.career-cb-blue {
    background: #374fc1;
    border-radius: 9px;
    text-decoration: none;
    color: #fff;
    padding: 12px 30px;
    font-weight: 600;
    float: left;
    cursor: pointer
}

.career-cb-blue:hover {
    text-decoration: none;
    color: #fff
}

.career-cb-lite {
    background: #ebedf9;
    border-radius: 9px;
    text-decoration: none;
    color: #2a4b75;
    padding: 12px 30px;
    font-weight: 600;
    float: right
}

.career-cb-lite:hover {
    text-decoration: none;
    color: #2a4b75
}

.career-btn-width {
    width: 150px
}

.career-cb-main {
    text-align: center
}

.font-custom-blue {
    color: #2a4b75
}

.font-custom-gray {
    color: #9dafc6
}

.pl-0 {
    padding-left: unset
}

.ml-0 {
    margin-left: 0
}

.mr-0 {
    margin-right: 0
}

.float-none {
    float: none
}

.career-cm .modal {
    text-align: center;
    padding: 0 !important
}

.career-cm .modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.career-cm .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.career-cm .modal-header {
    border: unset
}

.career-cm .close {
    margin-top: -10px;
    font-size: 35px;
    color: #2a4b75;
    opacity: unset;
    font-weight: 400
}

.career-cm .modal-title {
    text-align: center;
    color: #2a4b75;
    padding-top: 15px;
    font-weight: 700
}

.career-cm .modal-body {
    padding: 0
}

.career-form .form-group {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 25px
}

.career-form label {
    color: #2a4b75;
    font-weight: unset
}

.career-form input {
    width: 100%;
    background: #fff;
    border: 1px solid #2a4b751f;
    border-radius: 10px;
    padding: 7px
}

.career-form input[type=file]::-webkit-file-upload-button {
    font-size: 12px;
    border: 1px solid #2a4b75;
    border-radius: 7px;
    background: #2a4b75;
    color: #fff;
    padding: 5px 10px
}

.cf-btn {
    float: right;
    margin-top: 15%
}

.btn-sub-app {
    color: #fff;
    background-color: #4dbffc
}

.btn-sub-app:hover {
    color: #fff;
    background: #4dbffced;
    text-decoration: none
}

.cp-tabs {
    margin-top: 40px
}

.cp-tabs .nav {
    background: #f6faff;
    padding: 20px
}

.cp-tabs .nav-pills>li.active>a,
.cp-tabs .nav-pills>li.active>a:focus,
.cp-tabs .nav-pills>li.active>a:hover {
    color: #246ec6;
    background-color: #fff !important;
    border-bottom: 3px solid #246ec6;
    font-weight: 600
}

.cp-tabs .nav>li>a {
    padding: 15px 30px
}

.cp-content {
    padding-top: 10px
}

.cp-main-box {
    padding: 20px;
    border: 1px solid #dfe3e9;
    border-radius: 10px;
    margin-top: 20px
}

.cp-title {
    text-align: center
}

.cp-title h2 {
    display: inline-flex;
    align-items: center;
    min-height: 200px;
    color: #152e4d;
    font-weight: 800
}

.cp-price {
    background: #f6f6f6;
    border-radius: 10px;
    display: grid;
    align-items: center;
    min-height: 230px;
    width: 100%
}

.cp-price h2 {
    text-align: center;
    color: #152e4d;
    font-weight: 800;
    padding: 0 70px;
    margin: 0
}

.cp-price span {
    font-size: 16px
}

.cp-img ul {
    list-style-type: none;
    padding: 0
}

.cp-img ul li {
    margin: 0;
    display: inline-flex;
    flex-flow: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-left: 29px;
    padding-right: 29px;
    padding-top: 10px
}

.cp-img ul li img {
    width: 50px;
    height: 40px;
    object-fit: contain;
    object-position: center;
    margin-bottom: 0
}

.cp-img ul li p {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .2px;
    color: #5f7082;
    padding-top: 10px
}

.cp-img {
    display: inline-flex;
    align-items: center;
    min-height: 230px
}

.cp-li-pad {
    padding-left: 65px
}

.cp-price h4 {
    text-align: center;
    color: #152e4d;
    font-weight: 600;
    padding: 0 70px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    padding-top: 20px
}

.cp-price .cp-h4-size {
    font-size: 12px
}

.cp-h4-pt {
    padding-top: 35px !important
}

.cp-4h-pb {
    padding-bottom: 35px !important
}

.custom-plan-bg {
    background: #374fc1 0 0 no-repeat
}

.custom-plan-bg {
    background: #374fc1 0 0 no-repeat;
    border-radius: 25px
}

.custom-plan-img {
    text-align: -webkit-center
}

.custom-plan-img img {
    height: 450px
}

.custom-plan-content h2 {
    font-size: 40px
}

.custom-plan-content p {
    margin-bottom: 0
}

.mt-40 {
    margin-top: 40px
}

.custom-plan-content {
    padding-top: 90px;
    padding-bottom: 50px;
    color: #fff
}

.cp-beni-content i {
    background: #374fc1;
    border-radius: 20px;
    color: #fff;
    padding: 10px;
    padding-top: 10px;
    text-align: center;
    font-size: 12px
}

.cp-beni-content {
    display: inline-flex;
    margin-top: 20px
}

.cp-beni-content h4 {
    margin-top: 10px;
    margin-left: 10px;
    color: #0c2146
}

.pb-30 {
    padding-bottom: 30px
}

.cp-c-pad {
    margin-top: 5%
}

.custom-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.clients-carousel .owl-stage {
    display: inline-flex
}

.cp-c-tbl .table tr th {
    text-align: center;
    font-weight: 700;
    border: unset;
    padding: 30px
}

.cp-c-tbl .table tr td {
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

.cp-c-tbl tbody>tr>td {
    padding: 30px;
    vertical-align: middle;
    border-top: 1px dashed #d8e2ed
}

.cp-c-tbl tbody>tr>td p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400
}

.cp-price-custom h2 {
    text-align: center;
    color: #152e4d;
    font-size: 50px;
    font-weight: 800
}

.cp-price-custom p {
    font-size: 20px;
    font-weight: 600
}

.cp-title-custom {
    margin: 40px 0
}

.cp-title-custom p {
    font-size: 20px;
    font-weight: 600;
    color: #152e4d;
    text-align: center;
    background: #f6f6f6;
    padding: 20px 0;
    margin: 0 50px
}

.cp-gst-note {
    margin-top: 15px
}

.cp-gst-note h4 {
    color: #152e4d;
    font-weight: 600
}

.hero-section-3 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #374fc1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-clip-path: polygon(0 0, 1000% 0, 60% 110%, 0 85%);
    clip-path: polygon(0 0, 1000% 0, 60% 110%, 0 85%)
}

.hero-animation-img-3 img {
    position: absolute;
    bottom: 0;
    right: -40px;
    z-index: 1;
    top: -20px
}

.ld-custom-row {
    margin-left: 0;
    margin-right: 0
}

.ld-i-bg {
    background: #152e4d;
    border: 1px solid #707070
}

.ld-cus-g-width {
    width: 60%
}

.ld-i-content {
    color: #fff;
    padding-top: 60px
}

.ld-i-content h2 {
    font-size: 40px
}

.ld-i-content h3 {
    font-size: 30px
}

.ld-i-content p {
    font-size: 16px;
    margin-top: 25px
}

.ld-i-content h2::after {
    content: "";
    display: block;
    width: 85px;
    height: 5px;
    background: #25f499;
    margin-top: 16px;
    border-radius: 20px
}

.ld-i {
    padding-top: 30px
}

.ld-started-btn-link {
    padding-top: 30px
}

.ld-started-btn-link a:hover {
    color: #fff
}

.ld-started-btn {
    background: transparent linear-gradient(180deg, #3cd3ad 0, #228b97 100%) 0 0 no-repeat;
    padding: 15px 30px;
    color: #fff;
    border-radius: 7px
}

.ld-started-btn i {
    background: #11494d;
    padding: 4px 10px;
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 50%;
    font-size: 20px
}

.ld-p-litebg {
    background: #f1f6fb;
    border: 1px solid #e3eef6;
    border-radius: 20px
}

.ld-p-darkbg {
    background: #152e4d;
    border: 1px solid #e3eef6;
    border-radius: 20px
}

.ld-pricing {
    display: flex
}

.ld-p-head i {
    box-shadow: 0 10px 20px #7b92AA3D;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    text-align: center;
    font-size: 40px;
    padding-top: 16px
}

.ld-p-head,
.ld-p-price {
    width: 50%
}

.ld-p-price {
    text-align: right
}

.lp-p-pad {
    padding: 30px
}

.lp-custom-class i {
    background: #fff;
    color: #374fc1
}

.ld-p-elips {
    background-image: url(../image/elips2.svg);
    background-repeat: no-repeat;
    background-position: right bottom
}

.ld-pricing-main {
    margin-top: 30px
}

.lp-custom-class .ld-p-content h3,
.lp-custom-class .ld-p-price h2 {
    letter-spacing: 0;
    color: #183963;
    font-weight: 800;
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 0
}

.lp-custom-class .ld-p-content h3 {
    font-size: 20px;
    margin-top: 5px
}

.lp-custom-class .ld-p-price p {
    color: #183963;
    font-weight: 600
}

.lp-custom-class .ld-p-content p {
    color: #9dafc6;
    font-size: 14px;
    margin-top: 7px
}

.ld-p-link {
    padding-top: 20px
}

.lp-custom-class .ld-p-link a {
    background: #374fc1;
    border-radius: 7px;
    padding: 12px 24px;
    color: #fff;
    font-size: 13px;
    font-weight: 600
}

.lp-custom-class .ld-p-link i {
    background: unset;
    color: #fff;
    margin-left: 5px;
    font-size: 16px;
    font-weight: 600
}

.lp-custom-class1 .ld-p-content h3,
.lp-custom-class1 .ld-p-price h2 {
    letter-spacing: 0;
    color: #fff;
    font-weight: 800;
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 0
}

.lp-custom-class1 .ld-p-price p {
    color: #fff;
    font-weight: 600
}

.lp-custom-class1 i {
    background: transparent linear-gradient(180deg, #ffe259 0, #ffa751 100%) 0 0 no-repeat;
    box-shadow: 0 10px 20px #fffFFF3D
}

.lp-custom-class1 .ld-p-content p {
    color: #fff;
    font-size: 14px;
    margin-top: 7px
}

.lp-custom-class1 .ld-p-link a {
    background: #fff;
    border-radius: 7px;
    padding: 12px 24px;
    color: #152e4d;
    font-size: 13px;
    font-weight: 800
}

.lp-custom-class1 .ld-p-link i {
    background: unset;
    color: #152e4d;
    margin-left: 5px;
    font-size: 16px;
    font-weight: 800
}

.ld-p-ex-space {
    padding: 24px 0
}

.lp-custom-class1 .ld-p-content h3 {
    font-size: 20px;
    margin-top: 5px
}

.ld-p-ex-f p {
    color: #0c2146;
    font-weight: 700;
    line-height: 35px
}

.ld-p-ex-f p::before {
    content: "\f00c";
    font-size: 14px;
    color: #fff;
    background: #374fc1;
    margin-right: 10px;
    font-family: FontAwesome;
    padding: 7px;
    border-radius: 50%;
    font-weight: unset
}

.ld-pm-bg {
    background: #f1f6fb
}

.sec2-sa-elips {
    background-image: url(../image/elips.svg);
    background-repeat: no-repeat;
    background-position-x: right
}

.about-line h1::after {
    content: "";
    display: block;
    width: 65px;
    height: 4px;
    background: #25f499;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto
}

.about-line p {
    color: #fff;
    text-align: center;
    margin: auto;
    max-width: 515px;
    line-height: 26px;
    padding-top: 5px
}

.ab-box {
    position: absolute;
    top: -100px;
    color: #000;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 10px 30px #374FC129;
    border-radius: 33px;
    padding: 20px 85px;
    text-align: center
}

.ab-box-main h2 {
    font-size: 28px;
    letter-spacing: 0;
    color: #152e4d;
    font-weight: 800
}

.height-unset {
    height: unset
}

.ab-box-main p {
    color: #9dafc6;
    line-height: 22px;
    padding-top: 5px
}

.sec2-mf-sec-content {
    text-align: center
}

.sec2-mf-sec-content h2 {
    color: #152e4d;
    font-weight: 800
}

.sec2-mf-sec-content p {
    color: #9dafc6;
    line-height: 22px;
    max-width: 650px;
    margin: auto;
    padding-bottom: 20px
}

.hero-section-5 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #E73350;
    background-repeat: no-repeat;
    background-size: cover
}

.sec-5-c-pad {
    padding-top: 20%
}

.sec-5-cc-pad {
    padding-top: 10%
}

.sec-5-content h1 {
    font-weight: 800;
    color: #fff;
    padding-bottom: 10px
}

.sec-5-content p {
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    line-height: 24px;
    letter-spacing: 1.1px
}

.sec-5-img {
    padding-top: 20%
}

.sec-5-img img {
    position: absolute;
    z-index: 1;
    padding-right: 65px
}

.pc-detail-content h3 {
    line-height: 30px
}

.pc-contact form {
    color: #9dafc6 !important
}

.pc-contact {
    padding: 20px 40px;
    background: #fff;
    box-shadow: 0 6px 50px #376FC129;
    border-radius: 25px
}

.pc-contact h3 {
    color: #152e4d;
    font-size: 18px;
    font-weight: 800;
    padding: 15px 0 25px 15px
}

.pc-submit {
    text-align: -webkit-center;
    padding-top: 50px;
    padding-bottom: 30px
}

.pc-detail-bg {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 6px 20px #374FC129;
    border-radius: 55px
}

.pc-detail-img {
    padding-left: 40px;
    padding-top: 40px
}

.lh26 {
    line-height: 26px
}

.pc-c-hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #2b3656;
    width: 100%;
    opacity: .8
}

.pc-d-link {
    padding-bottom: 15px
}

.pt10 {
    padding-top: 10px
}

.fw600 {
    font-weight: 600
}

.pb10 {
    padding-bottom: 10px
}

.pt0 {
    padding-top: 0
}

.opacity9 {
    opacity: .9
}

.color-custom-black {
    color: #2b3656
}

#contact_ft .footer-bg,
#contact_ft .ui-gradient-blue {
    background: #374fc1 !important
}

.cft-desc img {
    width: 100px
}

.cft-desc p {
    color: #9dafc6;
    padding-top: 10px
}

.cft-social-link {
    padding-top: 10px
}

.cft-social-link img {
    width: 25px;
    margin-right: 15px
}

.cft-link h4 {
    color: #183963;
    font-weight: 800
}

.cft-link a {
    display: block;
    color: #152e4d;
    line-height: 26px
}

.cft-link {
    padding-top: 20px;
    float: right
}

.cft-c-line span {
    display: inline-block;
    position: relative
}

.cft-c-line span:after {
    left: 100%;
    margin-left: 15px
}

.cft-c-line span:after {
    content: "";
    position: absolute;
    border-top: 1px solid #e3eef6;
    top: 11px;
    width: 200px
}

.cft-contact h4 {
    color: #183963;
    padding-top: 10px;
    font-weight: 800
}

.cft-contact h3 {
    color: #183963;
    font-weight: 800;
    font-size: 20px
}

.cft-contact p {
    color: #9dafc6
}

.cft-contact a {
    color: #183963
}

.cft-secure {
    display: inline-flex;
    float: right;
    padding-top: 85px;
    padding-bottom: 10px
}

.cft-secure-main {
    border-bottom: 1px solid #e3eef6
}

.cft-secure p {
    color: #9dafc6;
    margin-top: 15px;
    margin-right: 20px
}

.cft-secure img {
    width: 90px
}

.cft-copyright {
    color: #183963;
    float: right;
    padding-top: 10px
}

.cft-nf {
    margin-right: 10px
}

.cft-social-link .cft-social-link.facebook i {
    color: #6788ea
}

.cft-social-link .cft-social-link.facebook:hover {
    background: #6788ea
}

.cft-social-link .cft-social-link.twitter:hover {
    background: #55acee
}

.cft-social-link .cft-social-link.twitter i {
    color: #55acee
}

.cft-social-link .cft-social-link.linkedin:hover {
    background: #0077b5
}

.cft-social-link .cft-social-link.linkedin i {
    color: #0077b5
}

.cft-social-link .cft-social-link.instagram:hover {
    background: linear-gradient(to right, #6541c1 0, #d43396 98%, #d43396 100%)
}

.cft-social-link .cft-social-link.instagram i {
    color: #dd4b39
}

.cft-social-link .cft-social-link.youtube:hover {
    background: #a80f0e
}

.cft-social-link .cft-social-link.github:hover {
    background: #333
}

.cft-social-link .cft-social-link.youtube i {
    color: #a80f0e
}

.cft-social-link .cft-social-link:hover i {
    color: #fff
}

.hsec3-maintext {
    font-size: 34px !important;
    line-height: 43px !important;
    font-weight: 800 !important
}

.ptb--100 {
    padding: 100px 0
}

.hero-animation-img-4 img {
    position: absolute;
    bottom: 0;
    right: -40px;
    z-index: 1;
    top: 70px
}

.sec2-title h2 {
    color: #183963;
    font-weight: 800;
    line-height: 40px;
    font-size: 32px;
    text-align: center;
    max-width: 510px;
    margin: auto
}

.sec2-title h2::after {
    content: "";
    display: block;
    width: 100px;
    height: 5px;
    background: #3ed9c1;
    margin-top: 16px;
    margin-left: auto;
    border-radius: 20px;
    margin-right: auto
}

.sec2-f-content-pad {
    margin-top: 25px
}

.cpb30 {
    padding-bottom: 30px
}

.sec-pg-cf-bg {
    background: #f7f7f9
}

.pg-p-main-box {
    margin-top: 30px
}

.pg-p-box-content {
    padding: 30px;
    background: transparent linear-gradient(90deg, #fff 0, #f7f7f9 100%) 0 0 no-repeat padding-box;
    border-radius: 30px
}

.pg-p-box-content:hover {
    background: #fff
}

.pg-p-box-content img {
    width: 75px
}

.pg-p-box-content h4 {
    color: #183963;
    font-weight: 800;
    padding-top: 15px
}

.pg-p-box-content p {
    color: #9dafc6;
    margin-bottom: 0
}

.sec2-title p {
    max-width: 760px;
    margin: auto;
    font-weight: 700;
    color: #183963;
    opacity: .8;
    text-align: center;
    letter-spacing: .7px
}

.position-relative {
    position: relative
}

.pg-pp-main-box {
    padding-left: 50px;
    margin-top: 30px
}

.pg-pp-main-box-img {
    left: 0;
    top: 50px;
    z-index: 1;
    position: absolute
}

.pg-pp-main-box-img img {
    width: 100px
}

.pg-pp-main-box-content {
    position: relative;
    border: 1px solid #e3eef6;
    border-radius: 10px;
    padding: 30px 30px 50px 90px
}

.pg-pp-main-box-content:hover {
    box-shadow: 0 8px 20px #5c9AF829
}

.pg-pp-main-box-content h4 {
    color: #183963;
    font-weight: 800
}

.pg-pp-main-box-content p {
    color: #9dafc6;
    font-size: 14px;
    line-height: 22px
}

.pg-pp-main-box-content a {
    color: #374fc1;
    font-size: 16px;
    font-weight: 700;
    float: right
}

.ccmb-75 {
    margin-bottom: 75px
}

.sec2-sa-footer-img-margin {
    margin-top: 40px
}

.hero-animation-img-6 img {
    position: absolute;
    bottom: 0;
    right: -40px;
    z-index: 1;
    top: 80px
}

.sec1-title .sec1-cp-c {
    max-width: 650px;
    margin: auto;
    font-weight: 600;
    color: #183963
}

.pp-cp-p {
    padding-bottom: 20px
}

.op8 {
    opacity: .8
}

.cp-bg-cus {
    background: #374fc1
}

.max-width-800 {
    max-width: 800px !important
}

.cp-bg-btn-pad {
    margin-left: 10px;
    margin-right: 10px
}

.cp-bg-bottom-img {
    padding-top: 40px
}

.cp-bg-sec2-sa-main {
    padding: 30px 30px 0 30px;
    border-radius: 20px
}

.mt-0 {
    margin-top: 0
}

.fs-22 {
    font-size: 22px
}

.max-width-0 {
    max-width: unset !important
}

.pb-10 {
    padding-bottom: 10px
}

.plr-15 {
    padding-left: 15px;
    padding-right: 15px
}

.max-width-650-auto {
    max-width: 650px !important;
    margin: auto !important
}

.sec1-title-h3-style h3 {
    color: #183963;
    font-weight: 800;
    line-height: 40px;
    font-size: 32px
}

.sec1-title-h3-style h3::after {
    content: "";
    display: block;
    width: 85px;
    height: 5px;
    background: #25f499;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto
}

.ptmb-c-pad {
    padding: 30px 30px 30px 55px !important
}

.pg-pp-main-box-img-1 {
    left: 25px;
    top: 35px;
    z-index: 1;
    position: absolute
}

.pg-pp-main-box-img-1 img {
    width: 60px;
    height: 50px
}

.color-black {
    color: #000 !important
}

.height-unset {
    height: unset !important
}

.ptmb-c-pad1 {
    padding: 30px 30px 30px 50px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.pg-pp-main-box-img-2 img {
    width: 70px;
    height: 70px
}

.pg-pp-main-box-img-2 {
    left: 20px;
    top: 55px;
    z-index: 1;
    position: absolute
}

.max-width-800-auto {
    max-width: 800px !important;
    margin: auto !important
}

.pb-20 {
    padding-bottom: 20px
}

.sec2-title-c-h3 h3 {
    color: #183963;
    font-weight: 800;
    line-height: 40px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px
}

.sec2-title-c-h3 h3::after {
    content: "";
    display: block;
    width: 100px;
    height: 5px;
    background: #3ed9c1;
    margin-top: 16px;
    margin-left: auto;
    border-radius: 20px;
    margin-right: auto
}

.pt-20 {
    padding-top: 20px
}

.pg-pp-main-box-img-3 img {
    height: 60px;
    width: 60px
}

.pg-pp-main-box-img-3 {
    left: 21px;
    top: 40px;
    z-index: 1;
    position: absolute
}

.hero-animation-img-7 img {
    position: absolute;
    bottom: 0;
    right: -40px;
    z-index: 1;
    top: 50px
}

.hero-section-6 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 780px;
    background-position: right;
    background-image: url("../image/Path1.svg");
    background-repeat: no-repeat;
    background-size: auto
}

.lh-24 {
    line-height: 24px
}

.lh-48 {
    line-height: 48px
}

.hero-img-6 {
    float: right;
    padding-top: 120px
}

.hero-sec-6-pad {
    padding-top: 200px
}

.hero-section-6-cc {
    color: #374472
}

.hero-section-7 {
    width: auto;
    background-image: url(../image/link-bg.svg);
    background-repeat: no-repeat;
    background-size: cover
}

.sec7-ptb-first {
    padding: 180px 0
}

.hero-animation-img-7 img {
    position: absolute;
    bottom: 0;
    z-index: 1;
    top: 0;
    left: -75px
}

.lh-42 {
    line-height: 42px
}

.max-width-420 {
    max-width: 420px
}

.sec7-c1-sec {
    padding-top: 30%
}

.mt-25 {
    margin-top: 25px
}

.h-375 {
    height: 375px
}

.br-5 {
    border-radius: 5px !important
}

.pb-50 {
    padding-bottom: 50px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.cb-content {
    padding-top: 40px
}

.cb-content p {
    color: #464e6b;
    padding-top: 15px;
    line-height: 26px
}

.cb-cppp {
    max-width: 610px;
    margin: auto;
    padding-top: 10px;
    line-height: 22px
}

.cb1 {
    display: inline-flex;
    margin-top: 40px
}

.cb1-content {
    margin-left: 30px
}

.cb1-content h4 {
    font-weight: 700;
    margin-top: 0
}

.cb1-content p {
    color: #464e6b
}

.cb1-img img {
    width: 100px;
    background: #e8f1ff;
    padding: 20px
}

.m-auto {
    margin: auto
}

.hero-section-8 {
    width: auto;
    background-image: url(../image/hero.svg);
    background-repeat: no-repeat;
    height: 960px
}

.hero-section-8 h1 {
    padding-top: 50px
}

.hero-section-8 p {
    padding-top: 10px
}

.hero-section-8 .signup {
    padding-top: 40px
}

.sec-8-card .pp-card {
    height: 325px
}

.sec-8-card .pp-card .pp-card-content {
    padding: 0 40px
}

.set-main .sec1-title {
    text-align: unset
}

.set-main .sec1-title h2::after {
    margin-left: 0;
    margin-right: 0
}

.set-main .sec1-title p {
    color: #2b3656;
    max-width: 470px;
    font-size: 20px;
    padding-top: 20px
}

.set-main .nav {
    display: inline-grid
}

.set-main .nav-pills>li.active>a,
.set-main .nav-pills>li.active>a:focus,
.set-main .nav-pills>li.active>a:hover {
    background: #fff;
    box-shadow: 0 5px 10px #00000029;
    border: 2px solid #2a4b75;
    border-radius: 30px;
    color: #2a4b75
}

.set-main .nav-pills>li {
    background: #f2f2f2;
    border-radius: 30px;
    margin-top: 20px;
    font-weight: 700
}

.set-main .nav-pills>li>a {
    color: #2a4b75
}

.set-step .tab-content {
    padding-top: 55px
}

.set-step-note {
    padding-top: 50px
}

.set-step-note p {
    color: #7d8ea4;
    margin-bottom: 0
}

.set-record .nav {
    display: inline-grid
}

.set-record .nav-pills>li {
    background-color: #fff;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 10px;
    margin-top: 25px
}

.set-record .nav-pills>li.active>a,
.set-record .nav-pills>li.active>a:focus,
.set-record .nav-pills>li.active>a:hover {
    color: #fff !important;
    background-color: #374fc1 !important;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 10px;
    border: unset !important
}

.set-record .nav-pills>li>a {
    padding: 40px;
    border: 2px solid #9dafc6;
    border-radius: 10px;
    color: #2b3656
}

.set-record .rstep {
    font-size: 20px
}

.set-record .tab-content img {
    padding-top: 30%
}

.set-record .rstep i {
    margin-right: 10px
}

.set-record .rstep p {
    font-weight: 400;
    padding-top: 20px;
    font-size: 16px;
    margin-bottom: 0;
    color: #9dafc6
}

.set-box {
    margin-top: 30px;
    background: #fff;
    border: 2px solid #9dafc6;
    border-radius: 10px;
    padding: 30px;
    font-size: 21px;
    font-weight: 700
}

.set-box i {
    margin-right: 10px;
    font-weight: 700
}

.set-box p {
    margin-bottom: 0;
    font-size: 15px;
    color: #9dafc6;
    font-weight: 400;
    margin-top: 20px
}

#settlement_ft .footer-bg,
#settlement_ft .ui-gradient-blue {
    background: linear-gradient(-90deg, #1a2baf, #5474d2)
}

.i-bg {
    background: #374fc1
}

#integration_bg .footer-bg,
#integration_bg .ui-gradient-blue {
    background: linear-gradient(-90deg, #1a2baf, #5474d2)
}

#integration_bg .ui-card.ui-curve .card-header.ui-gradient-blue,
#integration_bg .ui-gradient-purple {
    background: #374fc1 !important
}

.hero-animation-img-9 img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    top: 60px;
    width: 75%
}

.ig-plugin {
    margin-top: 30px;
    line-height: 48px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e6e7e9;
    text-align: center
}

.ig-plugin img {
    height: 60px;
    margin: 20px
}

.ig-plugin h4 {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-bottom: 15px;
    color: #515978;
    font-weight: 100;
    font-size: 16px
}

.ig-btn {
    border-top: 1px solid #eee;
    display: flow-root
}

.ig-btn .int-btn {
    background: #f8fbfd;
    float: left;
    width: 50%;
    cursor: pointer;
    font-size: 14px
}

.ig-btn .int-btn+.int-btn {
    border-left: 1px solid #eee
}

.ptb-80 {
    padding: 80px 0
}

.hero-section-9 {
    background-image: url(../image/bg-dispute.svg);
    background-position: bottom
}

.hero-animation-img-10 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    top: 58px;
    width: 100%
}

.ds-main-sec {
    margin-top: 20px
}

.ds-main {
    border: 2px solid #758aff;
    padding: 20px;
    border-radius: 15px;
    margin-top: 30px
}

.ds-main h3 {
    margin: 0;
    position: absolute;
    top: 15px;
    right: 50px;
    background: #758aff;
    color: #fff;
    font-size: 20px;
    padding: 6px 12px;
    border-radius: 50%;
    font-weight: 600
}

.ds-main p {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    color: #7b8087
}

.ds-main:hover {
    border: 4px solid #374fc1;
    box-shadow: 0 8px 20px #ccd4f6;
    padding: 18px
}

.ds-p {
    margin-top: 18px;
    color: #7b8087
}

.ds-s-main {
    padding: 40px 20px;
    text-align: center;
    border: 1px solid #e3eef6;
    box-shadow: 0 5px 10px rgba(92, 154, 248, .1);
    margin-top: 30px;
    border-radius: 10px
}

.ds-s-main:hover {
    box-shadow: 0 5px 30px rgba(92, 154, 248, .16)
}

.ds-s-main img {
    width: 85px;
    height: 85px
}

.ds-s-main h3 {
    color: #183963;
    font-size: 20px;
    font-weight: 700
}

.ds-s-main p {
    color: #9dafc6;
    font-size: 14px;
    margin-bottom: 0
}

.ds-point {
    color: #58687b
}

.ds-point ol {
    list-style-type: none;
    padding-left: 0
}

.ds-point ol li {
    margin-top: 10px;
    display: inline-flex
}

.ds-point ol li::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f00c";
    color: #fff;
    background: #3ed9c1;
    margin-left: 5px;
    position: relative;
    right: 15px;
    border-radius: 50%;
    vertical-align: middle;
    height: 25px;
    min-width: 25px;
    text-align: center;
    padding-top: 5px
}

.ds-note {
    margin-top: 30px
}

.ds-note h4 {
    color: #183963;
    font-weight: 700
}

.ds-note p {
    color: #58687b
}

.ds-note a {
    color: #0070ff;
    font-weight: 800
}

#dispute_ft #return-to-top,
#dispute_ft .footer-bg,
#dispute_ft .mobNavPaykun #dismiss,
#dispute_ft .mobNavPaykun#sidebar,
#dispute_ft .mobNavPaykun#sidebar .sidebar-header,
#dispute_ft .mobNavPaykun#sidebar.active,
#dispute_ft .ui-gradient-blue {
    background: linear-gradient(-90deg, #1a2baf, #5474d2)
}

#dispute_ft .ui-card.ui-curve .card-header.ui-gradient-blue,
#dispute_ft .ui-gradient-purple {
    background: #374fc1 !important
}

#privacy_ft #return-to-top,
#privacy_ft .footer-bg,
#privacy_ft .mobNavPaykun #dismiss,
#privacy_ft .mobNavPaykun#sidebar,
#privacy_ft .mobNavPaykun#sidebar .sidebar-header,
#privacy_ft .mobNavPaykun#sidebar.active,
#privacy_ft .ui-card.ui-curve .card-header.ui-gradient-blue,
#privacy_ft .ui-gradient-blue,
#privacy_ft .ui-gradient-purple,
.hero_other.privacy_bg {
    background: linear-gradient(-90deg, #1a2baf, #5474d2)
}

#privacy_ft .ui-card.ui-curve .card-header.ui-gradient-blue,
#privacy_ft .ui-gradient-purple {
    background: #374fc1 !important
}

#terms_ft #return-to-top,
#terms_ft .footer-bg,
#terms_ft .mobNavPaykun #dismiss,
#terms_ft .mobNavPaykun#sidebar,
#terms_ft .mobNavPaykun#sidebar .sidebar-header,
#terms_ft .mobNavPaykun#sidebar.active,
#terms_ft .ui-card.ui-curve .card-header.ui-gradient-blue,
#terms_ft .ui-gradient-blue,
#terms_ft .ui-gradient-purple,
.hero_other.terms_bg {
    background: linear-gradient(-90deg, #1a2baf, #5474d2)
}

#terms_ft .ui-card.ui-curve .card-header.ui-gradient-blue,
#terms_ft .ui-gradient-purple {
    background: #374fc1 !important
}

@media (max-width: 480px) and (min-width:320px) {
    .pp-baner {
        background: url(../image/bg-cross.svg) no-repeat
    }

    .ui-card .card-body {
        padding: 25px 10px 25px 10px !important
    }
}

@media (max-width: 574px) {
    .mptb100 {
        padding: 100px 0 !important
    }

    .mpt-20 {
        padding-top: 20px
    }

    .pp-sec-main-content p {
        width: 100%
    }

    .pp-sec-main-content {
        padding-left: 10px;
        padding-right: 10px
    }

    .pp-banner-text {
        width: 100%
    }

    .pp-join-partner {
        padding: 0
    }

    .pp-sec-pad {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .sec-top-pad {
        padding-top: 25px
    }

    .pp-join-partner1 .pp-join-partner-content p {
        display: none
    }

    .gtco-testimonials .card .card-body {
        padding-top: 25%
    }

    .gtco-testimonials .card .card-img-top {
        left: 30px;
        width: 95px
    }

    .gtco-testimonials .card .card-img-top-1 {
        right: 30px;
        width: 95px
    }

    .doc-main {
        height: unset !important
    }

    .career-cw {
        width: 100% !important
    }

    .career-et-content {
        padding-left: unset
    }

    .career-et-content p {
        width: unset
    }

    .career-et-content {
        padding-top: 5%;
        padding-bottom: 20px;
        text-align: center
    }

    .cc-badge {
        padding: 5px 10px;
        width: 75px;
        font-size: 10px
    }

    .career-btn-width {
        width: 120px
    }

    .career-cb-blue {
        padding: 12px 15px
    }

    .career-cc-badge {
        padding-bottom: 40px
    }

    .mobi-center {
        text-align: center
    }

    .mmt-30 {
        margin-top: 30px
    }

    .cf-btn {
        margin-top: 0;
        float: unset;
        text-align: center;
        padding-bottom: 10%
    }

    .cp-title h2 {
        display: block;
        min-height: unset
    }

    .cp-img ul {
        text-align: center
    }

    .cp-price {
        min-height: unset
    }

    .cp-li-pad {
        padding-left: 0
    }

    .cp-price h2 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .custom-plan-content {
        padding-top: 20px
    }

    .custom-plan-img img {
        height: unset
    }

    .cp-c-pad {
        margin-top: 25%
    }

    .sec1-b-main::after {
        display: none
    }

    .sec-pt50-first,
    .sec1-ptb-first {
        padding: unset
    }

    .hero-section-1 {
        height: unset;
        border-bottom-right-radius: unset
    }

    .sec1-ctm-style img {
        padding-top: unset
    }

    .sec1-b-main {
        height: unset;
        margin-top: 0
    }

    .gtco-testimonials .owl-item {
        width: 320px !important
    }

    .sec-1-slider-inner .owl-item {
        width: 320px !important
    }

    .clients-carousel .owl-item {
        width: unset !important
    }

    .signup form {
        display: flex
    }

    .signup button {
        padding: 5px 10px;
        font-size: unset
    }

    .main-hero-point ul li {
        width: 100%;
        float: unset;
        font-weight: 400
    }

    .hero-content-left h1 {
        line-height: 50px;
        font-weight: 600
    }

    .signup .input-lg {
        height: unset !important
    }

    .sec1-slider-content {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .owl-carousel .owl-nav.disabled {
        display: none
    }

    .sec1-slider-main .owl-carousel .owl-nav.disabled {
        display: block !important
    }

    .ui-card .card-body .signup .input-lg {
        width: 70%
    }

    .ui-card .card-body {
        padding: 30px 20px 30px 20px !important
    }

    .sec-2fp-cp {
        padding: 25px 0
    }

    .sec2-mf-title {
        text-align: center
    }

    .sec-mf-f {
        height: unset
    }

    .sec2-gs {
        padding: 50px 5px
    }

    .sec2-gs-point ul {
        padding-left: 20px
    }

    .sec2-gs-main .signup input {
        width: 70%
    }

    .sec2-gs-main {
        padding-left: 10px
    }

    .hero-section-2 {
        clip-path: unset
    }

    .gtco-testimonials .card .card-img-1 {
        margin-top: 0
    }

    .sec2-sa-content h2 {
        font-size: 33px
    }

    .ld-i-content {
        padding-top: 0;
        padding-bottom: 40px
    }

    #accordion .panel {
        margin-left: unset
    }

    .sec1-title h2 {
        padding: 0 5px
    }

    .sec2-sa-elips {
        background-image: unset
    }

    .cp-title-custom p {
        margin: 0 10px
    }

    .cp-tabs .nav-pills>li {
        float: unset
    }

    .cp-tabs .nav-pills>li>a {
        text-align: center
    }

    .ab-box {
        top: -200px;
        padding: 20px 35px
    }

    .sec-4-hf-mobi-center {
        text-align: center
    }

    .sec-4-pp-beni-pad {
        margin-bottom: 15px
    }

    .hero-section-4 {
        background: #374fc1;
        padding: 35px 20px
    }

    .sec-4-mobi-pad {
        padding-top: 50px
    }

    .sec-4-cf-box-content h4 {
        font-size: 17px
    }

    .hero-section-4-title h1 {
        font-size: 30px;
        line-height: 40px
    }

    .pc-detail-img {
        padding: 20px
    }

    .pc-contact {
        padding: 20px 10px
    }

    .sec-5-img {
        padding-top: 1%
    }

    .cft-link {
        float: unset
    }

    .cft-secure {
        float: unset;
        display: block;
        padding-top: 10px
    }

    .cft-copyright {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center
    }

    .cft-nf {
        margin-right: 0
    }

    .sec2-gs-point ul li {
        font-size: 12px
    }

    .pg-pp-main-box-img {
        top: 30%
    }

    .pg-pp-main-box-img-1 {
        top: 30%
    }

    .sec2-title p {
        padding-left: 15px;
        padding-right: 15px
    }

    .sec2-sa-footer-img-margin {
        margin-top: 0
    }

    .cp-bg-sec2-sa-main {
        padding: 40px 30px
    }

    .hero-sec-6-pad {
        padding-top: 25px
    }

    .hero-section-6-cc {
        color: #fff
    }

    .hero-section-6 {
        height: 550px
    }

    .sec7-ptb-first {
        padding: 0 0
    }

    .sec7-c1-sec {
        padding-top: 0
    }

    .mtc {
        text-align: center
    }

    .cb1-img img {
        width: 70px
    }

    .cb1-content {
        margin-left: 20px
    }

    .set-record .tab-content img {
        padding-top: 10%
    }

    .hero-section-8 {
        height: unset
    }

    .mptb-sec-8 {
        padding-top: 0;
        padding-bottom: 70px
    }
}

@media (max-width: 640px) and (min-width:360px) {
    .career-btn-width {
        width: 140px
    }
}

@media (max-width: 767px) {
    .gtco-testimonials {
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .cf-btn {
        margin-top: 0;
        float: unset;
        text-align: center;
        padding-bottom: 5%
    }

    .sec1-b-main::after {
        display: none
    }

    .sec1-p-extra {
        margin-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .set-main .sec1-title h2::after {
        margin-left: auto;
        margin-right: auto
    }

    .set-record .tab-content img {
        padding-top: 0;
        margin: 50px 0
    }

    .set-main .sec1-title p {
        text-align: center;
        margin: auto
    }

    .set-main {
        text-align: center
    }

    .hero-section-8 {
        height: unset
    }

    .hero-sec-6-pad {
        padding-top: 80px;
        padding-left: 20%
    }

    .hero-section-6-cc {
        color: #fff
    }

    .pp-side-graphic::before {
        background-size: unset
    }

    .career-image-style img {
        width: 300px
    }

    .career-box {
        padding: 20px
    }

    .cc-badge {
        margin-top: 15px;
        width: 80px
    }

    .career-cb-main {
        display: table-caption
    }

    .career-designation {
        height: 460px
    }

    .career-cb-blue {
        margin-top: 15px
    }

    .career-cb-lite {
        margin-top: 15px
    }

    .career-image-style {
        right: 0
    }

    .cp-img ul li {
        padding-left: 25px;
        padding-right: 25px
    }

    .cp-price h2 {
        padding: 0
    }

    .cp-price h4 {
        padding: 0
    }

    .sec2-mf-title {
        padding-top: 60px
    }

    .ld-p-ex-space {
        padding: 5px 0
    }

    .ld-i-content {
        padding-top: 0;
        margin-bottom: 40px
    }

    .ld-i-img {
        position: absolute;
        top: 115px
    }

    .sec2-sa-content {
        padding-top: 0
    }

    .ld-f-img img {
        top: 110px;
        position: absolute
    }

    .sec-4-hf-mobi-center {
        text-align: center
    }

    .pc-contact {
        padding: 20px 15px
    }

    .cft-link {
        float: unset
    }

    .cft-nf {
        margin-right: 0
    }

    .sec2-sa-footer-img-margin {
        margin-top: 0
    }

    .cp-bg-sec2-sa-main {
        padding: 40px 30px
    }

    .sec7-ptb-first {
        padding: 0 0
    }

    .sec7-c1-sec {
        padding-top: 0
    }

    .mtc {
        text-align: center
    }

    .tm-auto {
        margin: auto
    }
}

@media (min-width: 1024px) and (max-width:1366px) {
    .cc-badge {
        font-size: 10px;
        width: 75px
    }

    .career-cb-blue {
        padding: 10px 20px
    }

    .career-cb-lite {
        padding: 10px 20px
    }

    .career-btn-width {
        width: 120px
    }

    .career-cb-main {
        display: block
    }

    .career-designation {
        height: 330px
    }

    .ld-i-img {
        position: absolute;
        top: 16px;
        width: 80%
    }

    .ui-mobile-nav-toggle>div {
        display: none
    }

    .hero-section-6-cc {
        color: #374472
    }

    .hero-animation-img-7 img {
        width: 100%;
        top: 75px;
        left: 0
    }

    .cb-hero {
        width: 70% !important;
        right: 0 !important;
        top: 0 !important
    }
}

@media (min-width: 800px) and (max-width:1280px) {
    .ld-i-img {
        position: unset;
        top: unset;
        width: unset
    }
}

@media (min-width: 1200px) {
    .custom-container {
        width: 1300px
    }

    .gtco-testimonials .owl-dots {
        display: none
    }
}



/* 底部内容区域 */
.footer-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.main-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 120px;
}

/* 底部上半部分 - 导航与信息 */
.footer-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
    gap: 30px;
}

/* 底部每个栏目 */
.footer-column {
    flex: 1;
    min-width: 200px;
}

.footer-column h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

/* 栏目标题下划线 */
.footer-column h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #007bff;
    /* 主色调，可根据你的品牌调整 */
}

/* 栏目链接列表 */
.footer-column ul {
    list-style: none;
    padding: 0;
}

.footer-column ul li {
    margin-bottom: 12px;
}

.footer-column ul li a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}

.footer-column ul li a:hover {
    color: #007bff;
}

/* 联系方式样式 */
.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #666;
    font-size: 14px;
}

.contact-item i {
    font-size: 16px;
    margin-right: 10px;
    color: #007bff;
}

/* 底部下半部分 - 合规与版权 */
.footer-bottom {
    padding-top: 20px;
    border-top: 1px solid #eee;
    text-align: center;
}


/* 合规信息 */
.compliance {
    margin-bottom: 15px;
}

.compliance a {
    color: #666;
    text-decoration: none;
    font-size: 13px;
    margin: 0 10px;
}

.compliance a:hover {
    color: #007bff;
}

/* 版权声明 */
.copyright {
    color: #999;
    font-size: 12px;
}

/* 响应式调整 - 移动端 */
@media (max-width: 768px) {
    .footer-top {
        flex-direction: column;
        gap: 40px;
    }

    .compliance a {
        display: block;
        margin: 5px 0;
    }
}




/* 强制页面可滚动并显示滚动条 */
body {
    overflow: auto;
    /* 内容超出时显示滚动条 */
    min-height: 150vh;
    /* 让页面高度超过视口，测试滚动条 */
    background-color: #f8f9fa;
}

/* Webkit浏览器（Chrome/Edge/Safari）滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    /* 垂直滚动条宽度 */
    height: 8px;
    /* 水平滚动条高度 */
    background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #ccc;
}

::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* Firefox滚动条样式 */
html {
    scrollbar-width: auto;
    scrollbar-color: #ccc #f5f5f5;
}