.boat, .chain-type {
    padding-bottom: 0
}

.bg-image, .blog-slide-sec, .blog-slide-sec .owl-theme .owl-dots, .certified, .choose-us li:before, .enjoy-product, section.other-banner, section.supplier, section.testimonial .author-details {
    display: flex;
    display: flex
}

.order-6 {
    order: 6 !important
}

.order-7 {
    order: 7 !important
}

.order-8 {
    order: 8 !important
}

.order-9 {
    order: 9 !important
}

.order-10 {
    order: 10 !important
}

.order-11 {
    order: 11 !important
}

.order-12 {
    order: 12 !important
}

.order-13 {
    order: 13 !important
}

.order-14 {
    order: 14 !important
}

.order-15 {
    order: 15 !important
}

.fixed-header div#header, div#header {
    z-index: 11111;
    border-bottom: 1px solid #ffffff3b;
    position: absolute;
    width: 100%
}

.enjoy-product, section.banner, section.supplier {
    background-position: center
}

.certified, .enjoy-product, section.banner, section.supplier {
    background-size: 100% 100%
}

    .counter .learning p, .fw-mega-menu-container .accordion-button, .supplier h2, section.banner h4, section.testimonial h5, section.testimonial h6 {
        text-transform: uppercase
    }

.blog-tab .card-text, .blog-tab .card-title {
    text-overflow: ellipsis;
    font-family: Roboto,sans-serif
}

.product-accordion .table > thead, table, td, th {
    vertical-align: middle
}

.fixed-header div#header {
    background: #283891
}

.certified p, .feature-body p, .fixed-header .nav > li > a, section.other-banner p, section.services .learning:hover h4, section.services .learning:hover p, section.services-2 .learning:hover h4, section.services-2 .learning:hover p {
    color: #fff
}

.counter .learning p {
    color: #292929
}

section.banner {
    min-height: calc(969px - 150px);
    color: #fff;
    position: relative;
    background-repeat: no-repeat
}

    .enjoy-product:before, .supplier:before, section.banner:before {
        position: absolute;
        content: '';
        background-image: linear-gradient(to right,rgba(37,53,135,.97),rgba(102,192,219,.39));
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    section.banner .content {
        padding-top: 100px;
        text-align: center
    }

    section.banner h1, section.banner h2 {
        font-size: 44px;
        font-weight: 700;
        line-height: 65px;
        text-shadow: 0 3px 3px rgba(0,0,0,.39)
    }

    section.banner h2 {
        width: 60%;
        margin: auto
    }

    section.banner h3 {
        font-size: 26px;
        font-weight: 700;
        margin: 20px 0 30px;
        padding-left: 45px
    }

.link_button {
    margin-top: 50px
}

section.banner h4 {
    text-align: center;
    font-size: 130px;
    color: rgba(255,255,255,.15)
}

.chain-type {
    z-index: 0;
    position: relative;
    margin-top: -110px;
    padding-top: 0
}

    .chain-type .learning {
        text-align: center;
        box-shadow: 0 0 15px rgba(0,0,0,.15);
        background: #fff;
        position: relative
    }

    .chain-type h4 {
        font-size: 24px;
        font-weight: 700;
        color: #283891;
        margin: 15px 0
    }

    .boat p, .chain-type p, .quality .learning {
        color: #535665;
        font-weight: 600
    }

    .chain-type .feature-button .btn_1 {
        width: 100%;
        background-color: #0067a6;
        border: 1px solid #0067a6
    }

    .chain-type .img_top {
        height: 315px
    }

        .chain-type .img_top img {
            height: 100%;
            width: 100%
        }

    .chain-type .learning:hover .feature-button .btn_1 {
        background-color: #000;
        border: 1px solid #000
    }

.boat .row {
    background: url(../images/map_bg.png) center/contain no-repeat;
    padding: 15px 0
}

.boat p {
    font-size: 24px;
    margin-bottom: 20px;
    word-spacing: 5px
}

section.services .learning {
    text-align: center;
    color: #818c9b;
    border: .5px solid #cbcbcb;
    padding: 40px 30px;
    transition: .5s ease-in-out
}

section.services h3, section.services-2 h3 {
    color: #283891;
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 50px
}

section.services .feature-button .btn_1, section.services-2 .feature-button .btn_1 {
    background: #283891;
    border: 1px solid #283891
}

    .certified .learning .btn_1:hover, section.services .feature-button .btn_1:hover, section.services-2 .feature-button .btn_1:hover {
        box-shadow: none
    }

section.services .learning h4, section.services-2 .learning h4 {
    font-size: 24px;
    color: #283891;
    font-weight: 700;
    margin: 20px 0
}

section.services .feature-button, section.services-2 .feature-button {
    margin-top: 20px
}

section.services .learning:hover img, section.services-2 .learning:hover img {
    filter: invert(73%) sepia(11%) saturate(2438%) hue-rotate(155deg) brightness(97%) contrast(86%)
}

section.services .learning:hover {
    background: #283891;
    color: #fff
}

    .supplier .btn_2, section.services .learning:hover .feature-button .btn_1, section.services-2 .learning:hover .feature-button .btn_1 {
        background: #faa61a;
        border: 1px solid #faa61a
    }

.enjoy-product {
    position: relative;
    height: 750px;
    align-items: center;
    background-repeat: no-repeat;
    background-image: none !important
}

.certified, .choose-us li:before, section.supplier {
    align-items: center
}

.enjoy-product h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 40px 0 60px
}

.enjoy-product h2 {
    font-size: 48px;
    color: #fff;
    line-height: 60px
}

.certified h4, .quality h4 {
    font-weight: 700;
    font-size: 32px;
    margin: 30px 0
}

.enjoy-product .content {
    width: 520px;
    margin: auto;
    text-align: center
}

.enjoy-product .learning, .product-accordion table.table {
    text-align: center
}

.quality .learning {
    text-align: center;
    padding: 0 50px
}

.quality h4, section.our-history h2 {
    color: #283891
}

.certified {
    position: relative;
    height: 800px
}

    .certified:before {
        position: absolute;
        content: '';
        background-image: linear-gradient(to right,#000,rgba(0,0,0,.46));
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .certified .learning {
        text-align: center;
        color: #fff;
        padding: 0 30px;
        position: relative;
        transition: .5s ease-in-out
    }

    .certified h4 {
        color: #50c5e6
    }

    .certified .img_top img {
        transform: scale(1);
        width: 300px;
        transition: .5s ease-in-out;
        margin-bottom: 30px
    }

    .certified .learning .btn_1 {
        background: #50c5e6;
        border: 1px solid #50c5e6
    }

    .certified .learning .feature-button {
        margin-top: 40px
    }

.choose-us .bg2-color {
    background: linear-gradient(to left,#f8f8f8 75%,#fff 25%);
    padding: 50px 0 75px
}

.choose-us img {
    box-shadow: #90e0ef -23.05px 22.95px 1.6px
}

.choose-us h2 {
    color: #754d05;
    font-size: 16px
}

.choose-us h3 {
    font-size: 45px;
    color: #283891;
    font-weight: 900;
    margin: 30px 0
}

.choose-us li {
    padding-left: 50px;
    position: relative;
    margin-bottom: 20px
}

    .choose-us li:last-of-type {
        margin-bottom: 0
    }

    .choose-us li:before {
        content: '\f00c';
        font-family: FontAwesome;
        position: absolute;
        font-size: 18px;
        border: 2px solid #fff;
        background: #50c5e6;
        border-radius: 100%;
        height: 30px;
        width: 30px;
        justify-content: center;
        color: #fff;
        outline: #50C5E6 solid 5px;
        left: 0;
        top: 2px
    }

.choose-us h4 {
    font-size: 24px;
    font-weight: 700;
    color: #283891
}

section.supplier {
    height: 660px;
    position: relative;
    background-repeat: no-repeat
}

.supplier .content {
    width: 790px;
    margin: auto;
    text-align: center
}

.supplier h2 {
    font-size: 48px;
    color: #fff;
    font-weight: 700
}

.supplier h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin: 20px 0 70px
}

.about, section.counter {
    transform: translateY(-85px);
    padding-top: 0
}

.counter .col-lg-3 .learning .img_top {
    display: none
}

.counter .col-lg-3:nth-child(4) .learning .img_top {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px
}

.counter .learning {
    text-align: center;
    background: #50c5e6;
    padding: 24px 30px;
    height: 180px
}

    .counter .learning h4 {
        font-size: 72px;
        font-weight: 700;
        height: 95px;
        color: #292929
    }

section.testimonial .image {
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    padding: 110px 0
}

section.testimonial .author-details {
    align-items: center;
    justify-content: center;
    margin-top: 65px
}

section.testimonial .col-lg-9 {
    margin-left: auto
}

.slider-box {
    background: #fff;
    padding: 100px 150px;
    box-shadow: 0 0 5px rgba(0,0,0,.16)
}

#blog-slider, .send_us_message {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%),0 6px 20px 0 rgb(0 0 0 / 19%)
}

section.testimonial .item {
    text-align: center;
    background: #f8f8f8;
    padding: 40px 45px
}

section.testimonial h4 {
    font-size: 16px;
    color: #26282b;
    line-height: 25px
}

section.testimonial p {
    margin-bottom: 80px;
    position: relative
}

    section.testimonial p:before {
        position: absolute;
        content: '';
        width: 260px;
        left: 0;
        background: #50c5e6;
        height: 1px;
        bottom: -35px
    }

    section.testimonial p:after {
        position: absolute;
        content: '';
        width: 60px;
        left: 0;
        background: #faa61a;
        height: 6px;
        bottom: -35px
    }

section.testimonial h3 {
    font-size: 48px;
    color: #283891;
    font-weight: 700;
    margin: 20px 0 30px
}

section.testimonial h2, section.testimonial h5 {
    font-size: 16px;
    color: #754d05;
    font-weight: 700
}

section.testimonial h5 {
    margin-bottom: 10px
}

.partner {
    background: #f5f5f5
}

.bg-image, section.other-banner {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    align-items: center;
    color: #fff
}

.partner .item {
    max-width: 300px;
    margin: auto
}

section.other-banner {
    height: calc(720px - 145px);
    position: relative;
    text-align: center;
    padding-bottom: 0;
    background-image: none !important
}

.blog-slide-text h3, .blog-slide-text p, .blog-tab .card-text, .blog-tab .card-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.bg-image:before, section.other-banner:before {
    position: absolute;
    content: '';
    background-image: linear-gradient(to right,#283891,rgba(102,192,219,.39));
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

section.other-banner h1 {
    font-size: 50px;
    font-weight: 700
}

section.other-banner h2 {
    font-weight: 500;
    margin: 15px 0 0;
    font-size: 16px
}

.about .col-lg-3, .blog_header {
    padding: 0
}

.about .img_top {
    padding: 30px
}

.about .learning {
    border: 1px solid #ccc;
    text-align: center;
    color: #818c9b;
    padding: 30px;
    background: #fff
}

.about h4 {
    margin: 20px 0 15px;
    color: #283891;
    font-weight: 700;
    font-size: 24px
}

section.our-history {
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    margin-bottom: 80px
}

    .contact_detail P, .product-accordion .accordion-body p, section.our-history p {
        color: #000
    }

    section.our-history h4 {
        color: #000;
        font-weight: 900;
        font-size: 24px;
        margin: 15px 0
    }

    .feature-body h3, section.our-history h2 {
        font-size: 32px;
        font-weight: 700
    }

section.services-2 {
    margin-top: -85px;
    padding: 0 0 100px
}

    section.services-2 .learning {
        text-align: center;
        color: #818c9b;
        border: .5px solid #cbcbcb;
        padding: 40px 30px;
        transition: .5s ease-in-out;
        background: #fff;
        position: relative
    }

        section.services-2 .learning:hover {
            background: #283891;
            color: #fff;
            border: .5px solid #283891
        }

#blog-slider, .blog-slide {
    border-radius: 10px
}

.bg-image {
    height: 620px;
    position: relative
}

.feature-body {
    position: relative;
    color: #fff;
    padding: 0 230px
}

    .feature-body h4 {
        font-size: 20px;
        font-weight: 700;
        margin: 15px 0
    }

.anchor-chain {
    padding: 0 0 50px;
    z-index: 1111;
    position: relative
}

    .anchor-chain h3 {
        color: #283891;
        font-size: 32px;
        font-weight: 900;
        margin-bottom: 20px
    }

    .anchor-chain li, .product-accordion li {
        color: #111;
        margin-bottom: 10px;
        position: relative;
        padding-left: 30px
    }

    .anchor-chain.proof p, .blog_content p:not(:last-of-type), .cta h4 {
        margin-bottom: 15px
    }

    .anchor-chain li:before, .product-accordion li:before {
        content: '\f13d';
        position: absolute;
        left: 0;
        font-family: FontAwesome;
        color: #111
    }

    .anchor-chain .bg2-color {
        margin-top: -85px;
        position: relative;
        padding: 20px;
        box-shadow: 0 3px 6px rgba(0,0,0,.16);
        background: #fff
    }

.cta h4 {
    color: #283891;
    font-size: 24px;
    font-weight: 900
}

.cta h3 {
    font-size: 16px;
    color: #111
}

.blog-slide-sec {
    background: linear-gradient(#283891 75%,#fffF 25%);
    min-height: 700px;
    align-items: center;
    padding-bottom: 0
}

    .blog-slide-sec h2 {
        color: #fff;
        font-size: 48px;
        font-weight: 700;
        margin-bottom: 70px
    }

.blog-slide {
    max-width: 1000px;
    background-color: #fff;
    margin: auto
}

.blog-slide-sec .owl-carousel.owl-drag .owl-item {
    overflow: hidden
}

.blog-slide-text {
    padding: 35px 25px;
    text-align: initial
}

    .blog-slide-text h3 {
        font-size: 30px;
        font-weight: 900;
        -webkit-line-clamp: 2
    }

    .blog-slide-text p {
        margin: 30px 0;
        color: #111;
        font-size: 16px;
        -webkit-line-clamp: 4
    }

    .blog-slide-text .custom-btn {
        padding: 9px 29px;
        background-color: #faa61a;
        border-color: #faa61a;
        color: #fff;
        border-radius: 0;
        font-size: 16px;
        font-weight: 700
    }

.blog-slide-sec .owl-theme .owl-nav {
    width: 100%;
    top: 40%;
    position: absolute;
    color: #0d793b;
    font-size: 30px;
    margin-top: 10px
}

    .blog-slide-sec .owl-theme .owl-nav .owl-prev {
        left: -50px;
        position: absolute
    }

#blog-slider .owl-nav i {
    color: #fffF;
    font-size: 35px
}

.blog-slide-sec .owl-theme .owl-nav .owl-next {
    right: -50px;
    position: absolute
}

.blog-slide-sec .owl-theme .owl-dots {
    width: 100%;
    position: absolute;
    margin-top: 20px;
    align-items: center;
    justify-content: center
}

.blog-header-main, .faq-top-banner {
    align-items: center;
    text-align: center
}

.blog-slide-sec .owl-theme .owl-dots .owl-dot span {
    transition: .5s linear
}

.blog-slide-sec .owl-theme .owl-dots .owl-dot.active span {
    width: 16px;
    height: 16px
}

.blog-slide-sec .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #939bc8
}

.blog-tab {
    padding: 0 0 50px
}

.tab-navigation {
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
    padding-bottom: 8px;
    display: none
}

.blog-tab .tab-navigation ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin-left: 10px;
    height: auto
}

.blog-tab .tab-navigation li {
    margin-right: 30px
}

.blog-tab .btn-tab.active {
    text-decoration: none;
    color: #283891;
    font-weight: 700;
    border: 0
}

.blog-tab .tab-navigation li a {
    text-decoration: none;
    color: #000;
    font-size: 20px;
    cursor: pointer;
    font-weight: 500
}

.blog-tab .tab-navigation li:last-of-type {
    margin-right: 0
}

.blog-tab .card {
    box-shadow: 0 20px 30px rgb(0 24 73 / 10%);
    margin: 35px 0;
    border-radius: 10px;
    border: none
}

.blog-tab .card-body {
    height: auto;
    padding: 15px 20px
}

    .blog-tab .card-body a {
        color: #2c2c2c
    }

.blog-tab .card-title {
    font-size: 24px;
    margin: 25px 0;
    font-weight: 900;
    -webkit-line-clamp: 2;
    min-height: 60px
}

.contact_us .title:last-of-type, .heading {
    margin-bottom: 30px
}

.blog-tab .card-text {
    font-size: 20px;
    margin-bottom: 30px;
    color: #58595a;
    line-height: 1.5;
    font-weight: 400;
    -webkit-line-clamp: 4;
    min-height: 115px
}

.accordion-button::after, section.faq-first-section .accordion-button:not(.collapsed)::after {
    font-family: Fontawesome;
    background-image: none;
    font-weight: 400;
    right: -10px;
    position: relative;
    display: flex;
    align-items: center
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
    box-shadow: none
}

.accordion-collapse .accordion-body {
    padding: 15px 35px 16px;
    max-height: 400px;
    overflow-y: auto
}

.accordion-button:focus {
    border-color: transparent
}

.the_green {
    color: #faa61a !important;
    font-weight: 700
}

.blog-slide img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 100%
}

.blog-slide-sec .owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0
}

.blog-header-main {
    display: flex;
    height: calc(340px + 105px);
    background: #283891;
    color: #fff;
    padding: 100px 0 30px
}

.blog_content h3 {
    font-size: 23px;
    margin-bottom: 20px;
    line-height: 30px;
    color: #000;
    font-weight: 600
}

.blog_content ol li {
    color: #818c9b;
    margin-bottom: 15px
}

section.blog_content img {
    margin-top: -95px;
    margin-bottom: 35px
}

.b-botton i {
    margin-right: 10px
}

.faq-top-banner {
    background-color: #283891;
    padding: 100px 0 0;
    height: calc(350px + 150px);
    display: flex
}

    .contact-top-banner .main-heading-style-one h1, .faq-top-banner .main-heading-style-one h1 {
        color: #fff;
        font-size: 48px;
        font-weight: 700;
        margin-bottom: 35px
    }

    .faq-top-banner .main-heading-style-one p {
        color: #fff;
        font-size: 24px;
        margin: auto
    }

        .faq-top-banner .main-heading-style-one p span a {
            color: #29abe2;
            font-size: 24px
        }

section.faq-first-section {
    padding: 100px 0
}

    section.faq-first-section .accordion-item {
        border-top: 2px solid #ccc;
        border-radius: 0 !important;
        background: #fff !important;
        border-left: none;
        border-right: none;
        border-bottom: 0
    }

        section.faq-first-section .accordion-item:last-of-type {
            border-bottom: 2px solid #ccc !important
        }

    section.faq-first-section h2.accordion-header button {
        font-size: 20px;
        color: #58595a;
        font-weight: 700;
        font-family: Roboto,sans-serif;
        padding: 22px 20px
    }

.accordion-button::after {
    color: #58595a;
    content: "\f107";
    font-size: 24px
}

.accordion-button:not(.collapsed)::after {
    background-image: none
}

.contact_us .title, .max_200, .send_us_message .phone_p {
    font-family: Roboto,sans-serif
}

.accordion-body p {
    font-size: 18px;
    line-height: 1.7;
    color: #58595a;
    font-family: Roboto,sans-serif !important
}

section.faq-first-section .accordion-button:not(.collapsed)::after {
    color: #003f7d;
    content: "\f106";
    font-size: 24px;
    top: -5px;
    transform: revert
}

.faq-content .accordion-button:not(.collapsed), .product-accordion .table > tbody .bg-color td:nth-child(2n) {
    background-color: transparent
}

.faq-content .accordion-body a {
    position: relative
}

@media (max-width:1199px) {
    .blog-slide-text h3 {
        font-size: 30px
    }

    .accordion-body p {
        font-size: 15px
    }
}

@media (max-width:991px) {
    .blog-slide-sec .owl-carousel.owl-drag .owl-item .col-lg-6:nth-child(2) {
        order: -1
    }

    .blog-slide-sec {
        overflow: hidden;
        padding-bottom: 60px;
        padding-top: 185px
    }

    .blog-slide-text p {
        min-height: 58px
    }

    .blog-slide img {
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 10px
    }

    .blog-tab {
        padding: 30px 0
    }

    .tab-navigation {
        overflow: auto
    }

    .blog-tab .tab-navigation ul {
        flex-wrap: nowrap;
        width: max-content
    }

    .faq-top-banner {
        height: 350px;
        padding: 90px 0 0
    }

    section.faq-first-section h2.accordion-header button {
        font-size: 16px
    }

    .faq-top-banner .main-heading-style-one h2 {
        font-size: 30px;
        margin-bottom: 15px
    }

    .faq-top-banner .main-heading-style-one p, .faq-top-banner .main-heading-style-one p span a {
        font-size: 18px
    }

    section.faq-first-section {
        padding: 50px 0
    }
}

@media (max-width:767px) {
    .blog-tab .card-title {
        min-height: auto
    }

    .faq-top-banner .main-heading-style-one h2 {
        font-size: 27px
    }
}

.contact_us .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #58595a;
    font-size: 16px
}

.contact_us .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single {
    border-radius: 5px
}

.contact_us .title {
    font-size: 48px;
    margin: 0;
    color: #000;
    font-weight: 700;
    line-height: 1.2
}

.contact_detail li:not(:last-of-type) {
    margin-bottom: 20px
}

.contact_detail li a i {
    color: #faa61a
}

.contact_detail li a i, .contact_detail li a img {
    margin-right: 20px;
    margin-top: 5px
}

.heading {
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 900
}

.select2-container--default .select2-selection--single .select2-selection__rendered, .send_us_message .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #d6d6d6 !important;
    font-size: 13px !important
}

.send_us_message input, .send_us_message textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px 10px 14px;
    border-radius: 0
}

.send_us_message input {
    height: 50px
}

    .send_us_message input::placeholder, .send_us_message textarea::placeholder {
        font-size: 14px;
        font-family: Roboto,sans-serif;
        color: #d6d6d6
    }

.send_us_message label {
    color: #707070;
    font-size: 16px;
    font-weight: 500;
    margin: 15px 0
}

    .send_us_message label span {
        color: red
    }

.send_us_message .phone_p {
    color: #878787;
    font-size: 12px
}

.max_200 {
    color: #58595a;
    font-size: 14px;
    text-align: end;
    font-weight: 400
}

.send_us_message .btn_2 {
    border-radius: 0;
    margin-top: 30px;
    background: #faa61a;
    color: #fff;
    border: 1px solid #faa61a
}

.send_us_message {
    padding: 30px;
    background-color: #fff;
    border-radius: 10px
}

    .send_us_message .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #000 !important;
        font-size: 14px !important;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 10px 0 14px 12px
    }

    .send_us_message .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 0;
        font-size: 16px;
        height: 50px
    }

section.contact_us {
    padding-top: 70px
}

.send_us_message .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    border: none
}

.send_us_message .select2-results__option[aria-selected] {
    font-size: 14px
}

    .anchor-chain.product-table .table-2, .anchor-chain.proof .table-1, .chain-type .feature-video, .enjoy-product .banner-video-2, .enjoy-product .banner-video-3, .other-banner .banner-video, .other-banner .banner-video-3, .other-banner.product-inner .banner-video, .other-banner.product-inner .banner-video-2, .other-banner.product-inner .banner-video-3, .product .banner-video-2, .product-inner, .quality .feature-video, .send_us_message .select2-results__option[aria-selected]:first-of-type img, .send_us_message .select2-search--dropdown .select2-search__field, .services .feature-video, .services-2 .feature-video, .supplier .banner-video, .supplier .banner-video-2, .supplier .banner-video-3 {
        display: none
    }

.send_us_message .select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 12px;
    height: 3px;
    background: #ccc;
    border-radius: 8px;
    transform: rotate(-45deg)
}

.send_us_message .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: "";
    position: absolute;
    left: -9px;
    top: 0;
    width: 12px;
    height: 3px;
    background: #ccc;
    border-radius: 8px;
    transform: rotate(45deg)
}

.send_us_message .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none !important
}

.send_us_message .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    width: 2px
}

.send_us_message .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgba(0,0,0,.3)
}

.send_us_message .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #0077b6;
    outline: #0077B6 solid 1px
}

.send_us_message .select2-search--dropdown {
    display: block;
    padding: 0
}

.send_us_message .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0077b6
}

.send_us_message .select2-container {
    width: 100% !important
}

.contact-top-banner {
    background-color: #283891;
    text-align: center;
    padding: 100px 0 0;
    height: calc(350px + 145px);
    display: flex;
    align-items: center
}

.multiple-number {
    max-width: 105px;
    line-height: 30px
}

.banner video, .certified video, .enjoy-product .banner-video, .other-banner .banner-video-2, .other-banner .banner-video-3 {
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: fill;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0
}

.button-call-us {
    position: relative;
    text-align: center;
    margin-top: 60px
}

section.other-banner.product, section.other-banner.product-inner {
    background-image: url(../images/banner.png) !important
}

.product .banner-video-3 {
    display: block
}

.details-page h2 {
    font-size: 32px;
    color: #283891;
    font-weight: 700
}

.details-page h3 {
    color: #000;
    font-weight: 900;
    font-size: 24px;
    margin: 15px 0;
    line-height: 30px
}

.details-page p {
    color: #000;
    margin-bottom: 10px
}

.details-page h4 {
    font-weight: 700;
    color: #111;
    font-size: 16px;
    margin-bottom: 35px
}

.details-page h5 {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin-bottom: 5px
}

table, td, th {
    border: 1px solid #e5e5e5
}

    table td {
        text-align: center;
        color: #4e4e4e
    }

.table th {
    background: #50c5e6;
    color: #fff;
    padding: 10px
}

.first td {
    color: #4e4e4e;
    font-weight: 700
}

.contact_us select {
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    padding: 10px;
    color: #ccc
}

.author-image {
    min-width: 60px;
    margin-right: 15px
}

.grecaptcha-badge {
    left: 0 !important;
    width: 70px !important
}

    .grecaptcha-badge:hover {
        width: 256px !important
    }

.product-accordion .accordion {
    --bs-accordion-btn-focus-border-color: transparent;
    --bs-accordion-btn-focus-box-shadow: transparent
}

.product-accordion .accordion-flush .accordion-item .accordion-button {
    background-color: #0067a6;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 28px;
    color: #fff
}

    .product-accordion .accordion-flush .accordion-item .accordion-button.collapsed {
        background: #e5e5e5;
        color: #191919
    }

.product-accordion .accordion-body {
    border-bottom: 1px solid #ccc;
    padding: 15px
}

.product-accordion .imported {
    text-align: center;
    color: #000;
    font-size: 16px
}

.product-accordion .accordion-button::after {
    content: '\f078';
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #0067a6;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    font-size: 18px;
    right: 10px
}

.product-accordion .accordion-button:not(.collapsed)::after {
    content: '\f078';
    font-family: FontAwesome;
    background: #50c5e6;
    color: #0067a6;
    font-size: 18px
}

.product-accordion .accordion-body h2 {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-bottom: 15px
}

.product-accordion h3 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    margin-bottom: 15px
}

.product-accordion h4 {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 25px
}

.product-accordion h5 {
    font-size: 16px;
    color: #000;
    font-weight: 900;
    margin-bottom: 15px
}

.product-accordion .table > thead th {
    background: #0067a6;
    color: #fff;
    text-align: center;
    font-weight: 900
}

.product-accordion .table > tbody td {
    color: #000;
    font-weight: 900;
    text-align: center;
    vertical-align: middle
}

    .product-accordion .table > tbody td:first-of-type {
        text-align: start
    }

.product-accordion .table > tbody tr:not(:last-of-type) {
    border-bottom: 1px solid #0067a6
}

.product-accordion .table > thead td {
    color: #000;
    font-weight: 900
}

    .product-accordion .table > tbody .bg-color td:nth-child(odd), .product-accordion .table > tbody td:nth-child(2n), .product-accordion .table > thead td:nth-child(odd) {
        background-color: #d7e0ef
    }

.product-accordion .accordion-flush .accordion-item {
    margin-bottom: 15px;
    border: none
}

.product-accordion .table > tbody td.td-color {
    background-color: #0067a6;
    color: #fff;
    text-align: start
}

.product-accordion .table > tbody td h4 {
    font-size: 18px;
    color: #000;
    font-weight: 900
}

.product-accordion .table > tbody td p {
    color: #898484;
    font-style: italic
}

.width-for-heading {
    width: 50%;
    margin-left: auto
}

.img {
    max-width: 100%;
    height: auto
}

.contact_detail li.phone_number {
    display: flex;
    flex-direction: column
}

.product {
    padding: 225px 0 100px
}