@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");:root {
    --H-family: 'Poppins',sans-serif;
    --B-family: 'Poppins',sans-serif;
    --main: #0071bc;
    --highlight: #21565e;
    --secondry: #121f3e;
    --heading_color: #002441;
    --light-bg: #f6f6f6;
    --white: #fff;
    --light_bg: #fef5ee;
    --gradient: linear-gradient(to right top,#051937,#004d7a,#008793,#00bf72,#a8eb12);
    --black: #000;
    --grey-900: #23263b;
    --grey-800: #36395a;
    --grey-700: #484c7a;
    --grey-600: #5a5e9a;
    --grey-500: #777aaf;
    --grey-400: #9698c3;
    --grey-300: #b6b7d5;
    --grey-200: #d6d6e7;
    --grey-100: #f5f5fa;
    --grey-050: #fcfcfd;
    --grey-000: #fff;
    --pink-900: #59063d;
    --pink-800: #88085c;
    --pink-700: #b80979;
    --pink-600: #e90a96;
    --pink-500: #f82caa;
    --pink-400: #fb5abc;
    --pink-300: #fd89ce;
    --pink-200: #feb9e2;
    --pink-100: #ffeaf6;
    --xenon-1300: #050914;
    --xenon-1200: #0b1535;
    --xenon-1100: #0e2058;
    --xenon-1000: #0e297e;
    --xenon-900: #0c31a7;
    --xenon-800: #0738d2;
    --xenon-700: #003dff;
    --xenon-600: #2857ff;
    --xenon-500: #5172ff;
    --xenon-400: #7990ff;
    --xenon-300: #a2afff;
    --xenon-200: #cad1ff;
    --xenon-100: #f2f4ff;
    --cyan-900: #00526c;
    --cyan-800: #00769b;
    --cyan-700: #009bcb;
    --cyan-600: #0db7eb;
    --cyan-500: #2cc8f7;
    --cyan-400: #5adaff;
    --cyan-300: #89e5ff;
    --cyan-200: #b9efff;
    --cyan-100: #e8faff;
    --green-900: #005e36;
    --green-800: #028950;
    --green-700: #06b66c;
    --green-600: #0de589;
    --green-500: #5feb9e;
    --green-400: #88f0b3;
    --green-300: #aaf4c8;
    --green-200: #c9f8de;
    --green-100: #e6fcf3;
    --orange-900: #963209;
    --orange-800: #bf470a;
    --orange-700: #e8600a;
    --orange-600: #f78125;
    --orange-500: #faa04b;
    --orange-400: #fcbc73;
    --orange-300: #fed59a;
    --orange-200: #ffe9c3;
    --orange-100: #fff9ec;
    --red-900: #83111e;
    --red-800: #ab1325;
    --red-700: #d4142a;
    --red-600: #ee243c;
    --red-500: #f4495d;
    --red-400: #f86e7e;
    --red-300: #fc95a1;
    --red-200: #febdc5;
    --red-100: #ffe6e9;
    --search: #5468ff;
    --answers: #952aff;
    --recommend: #ff2a6a
}

html {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: 'Poppins',sans-serif;
    scroll-behavior: smooth;
    position: relative;
    background: #f9fafe;
    font-weight: 400;
    letter-spacing: inherit;
    color: #00014d;
    text-rendering: optimizeLegibility;
    font-size: 100%
}

a:hover,a:focus,a:active {
    text-decoration: none;
    outline: none
}

a {
    text-decoration: none;
    outline: none;
    color: #21565e
}

p {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: inherit;
    color: #515e81;
    line-height: 30px
}

h1,h2,h3,h4,h3,h6 {
    font-family: var(--H-family)
}

.top_header {
    background: #f7f7f7;
    padding: .625rem
}

.alert svg {
    width: 1.25rem;
    height: 1.25rem
}

header {
    border-bottom: none;
    transition: .4s
}

.navbar-light .navbar-brand {
    width: 238px;
    padding: 0;
    margin: 0 1.875rem 0 0
}

.navbar {
    padding: 0 15px;
    border-bottom: none
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
    color: var(--highlight)
}

.navbar-expand-xl .navbar-nav .nav-link {
    font-weight: 500;
    display: block;
    padding: 2rem 1.25rem;
    text-decoration: none;
    color: #fff;
    position: relative;
    white-space: nowrap;
    text-transform: capitalize;
    transition: .4s
}

.breadcrumb li {
    color: #a3d2d9e3;
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: .5px
}

.breadcrumb li a:after {
    color: #fff;
    content: "→";
    margin: 0 4px
}

.breadcrumb li a {
    color: #fff !important;
    font-size: .9rem;
    font-weight: 300
}

.navbar-expand-xl .navbar-nav .nav-link:last-child:before {
    display: none
}

.navbar-expand-xl .navbar-nav .active .nav-link {
    color: var(--highlight)
}

.RiGhT_nav {
    text-align: right
}

.navbar-expand-xl .RiGhT_nav .nav-link {
    font-size: 1.125rem !important;
    font-weight: 300
}

header {
    position: fixed;
    z-index: 999;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    background: 0 0;
    border-bottom: 1px solid rgba(255,255,255,.05)
}

.dropdown-item {
    font-size: .94rem;
    font-weight: 500;
    display: block;
    padding: .7125rem .75rem;
    text-decoration: none;
    border-radius: .625rem;
    color: #4d5b7c;
    position: relative;
    white-space: nowrap;
    border-radius: 8px
}

.dropdown-item img {
    width: 100%;
    margin: 0 auto;
    height: 120px;
    margin-bottom: 0;
    object-fit: cover;
    border-radius: 13px
}

.bTn_OrDeR i {
    font-size: 1.5625rem;
    margin: 0 .75rem 0 0;
    color: var(--main)
}

.bTn_OrDeR p {
    margin: 0 0 7px
}

.dropdown-item:focus,.dropdown-item:hover {
    color: var(--highlight);
    text-decoration: none;
    background-color: var(--grey-100);
    border-color: var(--main);
}

.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: .4s;
    border-radius: 0;
    border-bottom: 1px solid rgba(221,229,235,.5);
    background: #fff
}

.nav-link.h_social_ico {
    color: #fff !important;
    transition: .4s;
    background: var(--main);
    text-align: center;
    border-radius: .3125rem;
    font-size: 1.125rem !important;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0 !important;
    margin: 0 0 0 .3125rem
}

.navbar-expand-xl .navbar-nav .dropdown-menu.megaheader {
    position: absolute;
    border-radius: 24px;
    border: none;
    box-shadow: 0 1.2rem 1rem rgba(0,0,0,.15) !important;
    padding: .5rem 1.25rem;
    margin: 1px 0 0;
    min-width: 100%;
    padding-bottom: 40px !important
}

.navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
    border-radius: 0 0 8px 8px;
    border: none;
    box-shadow: 0 1.2rem 1rem rgba(0,0,0,.15) !important;
    padding: .5rem .3125rem;
    margin: 1px 0 0;
    padding-bottom: .8125rem
}

.nav-link.header_btn {
    border: 2px solid var(--highlight);
    transition: .4s;
    text-align: center;
    padding: .25rem 1.0625rem !important;
    border-radius: .625rem;
    height: 2.7rem;
    color: var(--white) !important;
    background: var(--highlight);
    box-shadow: rgba(11,43,158,.24) 0px 6px 1.25rem -6px;
    line-height: 1.9rem
}

.nav-link.header_btn:hover {
    border-color: var(--main);
    color: var(--white) !important;
    background: var(--main);
    transition: .4s
}

.nav-link.header_outline_btn {
    border: 2px solid var(--main) !important;
    transition: .4s;
    text-align: center;
    padding: .25rem 1.5625rem !important;
    border-radius: .25rem;
    height: 2.5rem;
    color: var(--main) !important;
    margin-left: .625rem;
    background: #0263e00a
}

.nav-link.header_outline_btn:hover {
    border-color: var(--main);
    color: var(--white) !important;
    background: var(--main);
    transition: .4s
}

.header_outline_btn:focus,.header_btn:focus {
    outline-width: 2px;
    outline-style: solid;
    outline-color: var(--main);
    outline-offset: 2px;
    -moz-outline-radius: .25rem;
    background: var(--main);
    color: var(--white) !important
}

.navbar-nav {
    align-items: center
}

.nav_topXS {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #fff;
    box-shadow: rgba(0,0,0,.06) 0px 2px .5rem;
    padding: 0 .9375rem;
    align-items: center
}

.nav_topXS .navbar-brand {
    padding: 6px 0
}

.dropdown-menu .menu_heading h5 {
    font-size: 1rem;
    padding-bottom: .8125rem;
    margin-bottom: .8125rem;
    border-bottom: 1px solid #efefef;
    font-weight: 500;
    color: var(--heading_color)
}

.dropdown-menu ul {
    padding: 0
}

.dropdown-mega .dropdown-menu ul {
    padding: 0
}

.dropdown-menu ul li {
    padding: 0;
    margin: 0 0 19px;
    list-style: none;
    border-radius: .3125rem;
    break-inside: avoid;
    align-items: center
}

.dropdown-menu ul li:hover {
    transition: .3s;
}

.dropdown-menu ul li:hover h6 {
    color: var(--main);
    transition: .3s
}

.dropdown-menu ul li:hover p {
    color: var(--main);
    transition: .3s
}

.dropdown-menu ul li .mega_link_item {
    display: flex;
    width: 100%;
    padding: .9375rem 1.25rem
}

.dropdown-menu ul li .mega_link_item .image {
    width: 3.75rem;
    height: 3.125rem;
    margin-right: .9375rem;
    position: relative
}

.dropdown-menu ul li .mega_link_item .image img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 80%
}

.mega_links_info {
    width: 100%
}

.mega_links_info h6 {
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .3125rem;
    color: #2a364d
}

.mega_links_info p {
    margin-bottom: 0;
    line-height: normal;
    font-size: .8125rem;
    color: #686868;
    font-weight: 300
}

.navbar-expand-xl .navbar-nav .dropdown-mega .dropdown-menu {
    border: none;
    left: 50%;
    transform: translateX(-50%);
    padding: 1.3rem 1.5625rem;
    padding-bottom: 0
}

.resources_drpdown {
    padding: 0 !important
}

.link_mainHeilight {
    padding: 1.875rem;
    background: var(--main)
}

.link_mainHeilight .mega_links_info p {
    color: #ffffffa3
}

.link_mainHeilight .mega_links_info h6 {
    font-size: .9375rem;
    color: #fff
}

.link_mainHeilight .menu_heading h5 {
    font-size: 1rem;
    padding-bottom: .8125rem;
    margin-bottom: 2px;
    border-bottom: 1px solid #efefef45;
    font-weight: 500;
    color: var(--white)
}

.resources_drpdown ul li:hover {
    transition: .3s;
    background: rgba(245,249,254,.15)
}

.resources_drpdown ul li:hover h6 {
    color: var(--white);
    transition: .3s
}

.resources_drpdown ul li:hover p {
    color: #ffffffa3;
    transition: .3s
}

.blog_top_main {
    padding: 1.25rem
}

.top_blogItem {
    margin-bottom: 1.5625rem;
    display: block
}

.top_blogItem .image {
    min-height: 11.25rem;
    max-height: 11.25rem;
    border-radius: .3125rem;
    margin-bottom: 6px;
    position: relative;
    overflow: hidden
}

.top_blogItem .image .blog_label {
    position: absolute;
    right: .9375rem;
    top: .9375rem;
    background: #fff;
    color: #000;
    font-size: .75rem;
    font-weight: 300;
    border-radius: .25rem;
    height: 1.5625rem;
    z-index: 1;
    padding: 0 .875rem
}

.blog__caption h3 {
    font-size: .9375rem;
    color: var(--heading_color);
    font-weight: 500;
    font-family: var(--B-family);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown-menu.dropdown-menu-end.logindrp {
    padding: .625rem 1.25rem
}

.bhBVsT {
    background-color: #fff;
    border-top: 1px solid #eff3fd;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    padding: 12px 0;
    margin-top: 1.3rem
}

.megaheaderbookapbx {
    padding: 0;
    column-count: initial!important
}

.megaheaderbookapbx ul {
    padding: 0;
    column-count: initial!important
}

.megaheaderbookapbx ul li {
    list-style: none
}

.megaheaderbookapbx li a {
    border-radius: 11px;
    display: flex;
    flex-direction: column;
    margin-top: 2px;
    padding: 16px;
    transition: .3s;
    position: relative;
    margin-bottom: 15px;
    background: #fff;
    border: 2px solid #f3f5f7;
    box-shadow: rgba(50,50,93,.25) 0px 13px 27px -5px,rgba(0,0,0,.3) 0px 8px 16px -8px;
    box-shadow: rgba(0,0,0,.1) 0px 10px 15px -3px,rgba(0,0,0,.05) 0px 4px 6px -2px
}

.megaheaderbookapbx li a span {
    z-index: 2;
    position: relative
}

.megaheaderbookapbx li a span:first-of-type {
    color: #24335a;
    font-size: 18px;
    font-weight: 600
}

.megaheaderbookapbx li a span:last-of-type {
    color: #4d5b7c;
    display: initial;
    display: block
}

.megaheaderbookapbx li a:hover {
    background: rgba(0,123,196,.08);
    transition: .3s;
    border-color: var(--main)
}

.megaheaderbookapbx li a:hover span:first-of-type {
    color: var(--main);
    transition: .3s
}

.megaheaderbookapbx li a img {
    position: absolute;
    right: -10px;
    top: -17px;
    object-fit: contain;
    z-index: 0;
    width: 119px
}

.blacklogo {
    display: none
}

.fixed .blacklogo {
    display: block
}

.fixed .whitelogo {
    display: none
}

.fixed .navbar-expand-xl .navbar-nav .nav-link {
    color: #000
}

.megaheader .dropdown-item {
    font-size: 17px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    letter-spacing: 1px
}

.btn_theme {
    border: 2px solid var(--highlight);
    transition: .4s;
    text-align: center;
    padding: 0 1.875rem;
    border-radius: .625rem;
    font-size: .875rem;
    height: 53px;
    background: var(--highlight);
    color: var(--white);
    display: inline-block;
    box-shadow: rgba(11,43,158,.15) 0px 6px 1.25rem -6px;
    font-weight: 600;
    white-space: nowrap;
    line-height: 49px
}

.btn_theme:hover {
    color: var(--white);
    background: var(--highlight);
    border-color: var(--highlight);
    transition: .3s
}

.btn_outline_theme {
    border: 2px solid var(--main);
    transition: .4s;
    text-align: center;
    padding: .25rem 1.0625rem;
    border-radius: 6px;
    font-size: .8125rem;
    height: 2.5rem;
    color: var(--main);
    display: inline-block;
    background: #f5f9fe
}

.btn_theme:focus,.btn_outline_theme:focus {
    outline-width: 2px;
    outline-style: solid;
    outline-color: var(--main);
    outline-offset: 2px;
    -moz-outline-radius: .25rem
}

.banner_main {
    padding: 0;
    position: relative;
    background: var(--main) url(/demo/wp-content/themes/sinotruck/images/banner_bgn.png);
    background-size: cover;
    overflow: hidden;
    z-index: 1
}

.banner_main:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.51) 100%)
}

.btn_banner {
    display: inline-block;
    transition: .4s;
    font-size: .9375rem;
    font-weight: 600;
    padding: 0 1.25rem;
    border-radius: 5px;
    letter-spacing: 0;
    text-transform: capitalize;
    border: 2px solid;
    box-shadow: rgba(11,43,158,.15) 0px 6px 1.25rem -6px;
    height: 42px;
    line-height: 36px;
    color: #fff;
    background: var(--highlight);
    border-color: var(--highlight)
}

.btn_banner:hover {
    color: var(--highlight);
    background: #fff;
    border-color: var(--highlight)
}

.banner_content h1 {
    font-weight: 900;
    font-size: 3rem;
    margin: 0;
    color: #fff;
    text-transform: capitalize;
    line-height: 72px;
    text-shadow: 0 1px 1px #000
}

.banner_content h1 span {
    font-weight: 500
}

.banner_content p {
    color: #fff;
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 36px
}

.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.banner_content ul {
    margin: 1.25rem 0 0;
    padding: 0
}

.hp_content {
    text-align: center
}

.banner_content {
    width: 100%;
    position: relative;
    text-align: center;
    background: rgba(255,255,255,0);
    padding: 28px;
    border-radius: 1px;
    backdrop-filter: blur(2px);
}

.banner_outline_btn {
    display: inline-block;
    padding: 0 1.25rem;
    margin-left: .625rem;
    font-size: .9375rem;
    border: 2px solid #fff;
    border-radius: 0;
    background: #f5f9fe;
    color: var(--main);
    font-weight: 600;
    height: 3.125rem;
    line-height: 47px
}

.hp_content h2 {
    font-weight: 700;
    font-size: 2.5rem
}

.carousel-item:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.banner-background:after {
    content: "";
    position: absolute;
    height: 400px;
    width: 400px;
    top: 50%;
    left: -1%;
    background: #26ade4;
    background: -moz-linear-gradient(90deg,rgba(38,173,228,1) 0%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg,rgba(38,173,228,1) 0%,rgba(255,255,255,0) 100%);
    border-radius: 100%;
    transform: translate(-50%,-50%);
    mix-blend-mode: multiply;
    opacity: .3
}

.banner_btn {
    display: inline-block;
    padding: .9375rem 2.0625rem;
    border: 2px solid var(--main);
    background: var(--main);
    color: #242121;
    font-size: .875rem;
    border-radius: 0;
    margin: 26px 0 0;
    text-transform: uppercase;
    transition: .2s;
    letter-spacing: 1px;
    font-weight: 600;
    box-shadow: .25rem .25rem 0 rgba(235,198,193,.35)
}

.banner_btn:hover {
    background: var(--main);
    color: var(--secoendry);
    transition: .2s;
    box-shadow: none
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(255,255,255,conic-gradient)'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(255,255,255,conic-gradient)'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-control-next,.carousel-control-prev {
    width: 5%
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    background-position: center;
    background-size: 1.5625rem;
    width: 50px;
    height: 50px;
    background-color: #fff;
    opacity: 1;
    filter: invert(0) grayscale(0) !important;
    border-radius: 10px
}

.slider_navigateion {
    position: absolute;
    bottom: 3.125rem;
    left: 15%;
    z-index: 9;
    opacity: .5;
}

.slider_navigateion button {
    background: 0 0;
    border: none;
    border: 1px solid rgba(255,255,255,.9);
    width: 3.125rem !important;
    height: 3.125rem !important;
    line-height: 60.5rem;
    margin: 0 0 0 9px;
    border-radius: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    background-position: center;
    background-size: 1.5625rem
}

.carousel-caption {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    text-align: center
}

.decorator {
    position: absolute;
    left: 32%;
    bottom: 52px
}

.img-fluid.arowbtnbnr {
    position: absolute;
    left: 28%;
    bottom: -43px;
    position: absolute;
    z-index: 9;
    height: 141px;
    opacity: .7;
}

.section_title h2 {
    font-weight: 600;
    color: var(--heading_color);
    margin-bottom: 0;
    font-family: 'IBM Plex Sans',sans-serif;
    text-transform: capitalize
}

.section_title h6 {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--main)
}

.section_title h2 span {
    font-weight: 700
}

.section_title.color_fff h2 {
    color: var(--white)
}

.section_title.color_fff h2 span {
    color: var(--white);
    background: rgba(255,255,255,.09)
}

.section_title.color_fff p {
    color: var(--white)
}

.key-point-list {
    padding: 0;
    margin-top: 1.25rem
}

.key-point-list li {
    list-style: none;
    display: inline-block;
    padding-left: 21px !important;
    margin-right: 9px !important;
    font-size: .9375rem !important;
    color: #fff;
    position: relative;
    text-transform: capitalize;
    opacity: .7
}

.key-point-list li:before {
    content: "\F270";
    position: absolute;
    left: -2px;
    top: -2px;
    width: 1.875rem;
    font-family: bootstrap-icons !important;
    color: var(--white);
    font-size: 1rem
}

.features_main {
    padding: 3.75rem 0;
    background-size: 13.125rem;
    background-position: center;
    position: relative;
    padding-top: 0
}

.features_main .banner_shp .shape .banner-shape-1 {
    position: absolute;
    top: 31%;
    left: -18%;
    z-index: -1;
    width: 29%
}

.feature_dv {
    margin-top: 39px;
    border-radius: 1.125rem
}

.featurs_item {
    padding: 16px;
    text-align: center;
    margin-bottom: 1.5625rem;
    border-radius: 10px;
    transition: .4s;
    min-height: 15.25rem;
    border: 2px solid transparent;
    overflow: hidden
}

.featurs_item:hover {
    box-shadow: rgba(100,100,111,.2) 0px 7px 29px 0px;
    transition: .4s;
    z-index: 1;
    background: #fff
}

.featurs_item h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: .75rem;
    color: var(--heading_color)
}

.featurs_item img {
    height: 78px;
    margin-bottom: .9375rem;
    filter: grayscale(10)
}

.featurs_item p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    color: #515e81
}

.featurs_item:hover h4 {
    transition: .4s;
    color: var(--highlight)
}

.featurs_item:hover img {
    filter: grayscale(0);
    opacity: 1
}

.lrinner {
    overflow: hidden;
    margin-bottom: 2.5rem
}

.lrinner .image {
    min-height: 25rem;
    overflow: hidden;
    max-height: 33.75rem;
    border-radius: 10px;
    position: relative;
    box-shadow: rgba(0,0,0,.1) 0px .625rem .9375rem -3px,rgba(0,0,0,.05) 0px .25rem 6px -2px
}

.lrinner .image img {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    transform: scale(1.3)
}

.block-content {
    padding: 2.5rem
}

.block-content h2 {
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
    margin: 0 0 1.25rem
}

.block-content p {
    margin: 0 0 1rem
}

.hpinne {
    border-radius: 0;
    overflow: hidden;
    background: #f4f4ff url(/demo/wp-content/themes/sinotruck/images/bg_mdplan.png);
    padding: 2.5rem;
    margin-bottom: -11.875rem;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    box-shadow: rgba(50,50,93,.12) 0px .8125rem 27px -.3125rem,rgba(0,0,0,.04) 0px .5rem 1rem -.5rem
}

.about_main {
    padding: 0;
    background: #21565e url(/demo/wp-content/themes/sinotruck/images/wrapper-section-01.png);
    background-position: top right;
    background-repeat: no-repeat;
    overflow: hidden
}

.about_main h3 {
    font-size: 50px;
    font-family: 'IBM Plex Sans',sans-serif;
    margin: 0 0 20px;
    font-weight: 800;
    color: #fff;
    padding: 0;
    position: relative
}

.about_main h3:after {
    margin-top: 17px;
    content: "";
    width: 64px;
    height: 4px;
    background-image: linear-gradient(264deg,#f69b00,#ed6a00);
    display: block;
    border-radius: 2px
}

.about_main p {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: inherit;
    color: #fff;
    line-height: 30px
}

.about_main p.helighttext {
    font-size: 23px;
    color: #151515;
    font-weight: 600;
    line-height: 36px
}

.line_btn {
    display: inline-block;
    border-bottom: 2px solid #000;
    padding: 4px 6px;
    font-size: 18px;
    color: #000
}

.review_main {
    padding: 3.125rem 0;
    background: #fff url(/demo/wp-content/themes/sinotruck/images/1-4.jpg)
}

.review_main {
    padding: 3.125rem 0;
    background: var(--white);
    background-size: 100px
}

.quote_item {
    text-align: left;
    padding: 0;
    position: relative;
    margin: .9375rem;
    border-radius: 20px;
    box-shadow: rgba(100,100,111,.1) 0px 7px .75rem 0px;
    background: #fff;
    overflow: hidden
}

.quote_item:before {
    position: absolute;
    content: '\F6B0';
    right: .9375rem;
    top: .75rem;
    color: #2d56ff;
    font-size: 70px;
    line-height: 1;
    opacity: .1;
    font-family: bootstrap-icons !important
}

.quote_item h5 {
    font-size: 18px;
    color: #0b0b0b;
    margin-bottom: 12px;
    line-height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    position: relative;
    font-weight: 600
}

.testi_inner {
    position: relative
}

.testi_inner:before {
    position: absolute;
    content: '\F6B0';
    left: 7px;
    top: 0;
    color: var(--highlight);
    font-size: 40px;
    line-height: 1;
    font-family: bootstrap-icons !important
}

.testi_inner:after {
    position: absolute;
    content: '\F6B0';
    right: 8px;
    top: 0;
    color: var(--highlight);
    font-size: 39px;
    line-height: 1;
    font-family: bootstrap-icons !important;
    transform: rotate(180deg)
}

.t_sig {
    text-align: center;
    border-top: 2px solid #f3f6ff;
    padding-top: 9px
}

.t_sig .content p {
    font-size: .875rem;
    line-height: normal;
    margin: 0
}

.t_sig .content b {
    display: block;
    color: var(--main);
    font-weight: 500;
    font-size: 1.125rem
}

.t_sig .image {
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    border-radius: .25rem;
    margin-right: .625rem;
    box-shadow: rgba(0,0,0,.25) 0px .0625em .0625em,rgba(0,0,0,0) 0px .125em .5em,rgba(255,255,255,.1) 0px 0px 0px 1px inset
}

.t_sig .image img {
    transform: scale(1.1)
}

.brandTlgo {
    width: 100%;
    margin: 0 0 1.125rem;
    height: 210px;
    position: relative
}

.brandTlgo img {
    height: 210px;
    width: 100%;
    object-fit: cover
}

.designation {
    color: #327af6;
    margin: 0 0 1.125rem;
    font-weight: 500;
    font-size: 1rem
}

.trustar {
    margin: .9375rem 0 0;
    display: flex;
    white-space: nowrap;
    justify-content: space-between
}

.trustar img {
    width: 11.875rem !important;
    height: 1.375rem
}

.trustar span {
    width: 100%
}

.owl-prev span,.owl-next span {
    font-size: 21px;
    background: #fff;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 41px;
    border-radius: 100%;
    text-align: center;
    color: var(--main);
    margin: 0 -.9375rem 0 -1.125rem;
    box-shadow: rgba(0,0,0,.09) 0px 3px .75rem;
    display: inline-block;
    font-weight: 700
}

.owl-prev span:hover,.owl-next span:hover {
    color: #8199a3
}

.owl-prev,.owl-next {
    position: absolute;
    top: 0;
    height: 100%
}

.owl-prev {
    left: 7px
}

.owl-next {
    right: 7px
}

.btn_theme_outline {
    color: #fff;
    text-transform: capitalize;
    padding: .625rem 1.65rem;
    position: relative;
    background: #21565e;
    font-size: 17px;
    font-weight: 600;
    transition: .4s;
    align-items: center;
    border: 1px solid var(--highlight);
    border-radius: .625rem
}

.btn_theme_outline:hover {
    color: var(--white);
    background: var(--highlight);
    transition: .3s
}

.btn_theme_outline:focus {
    box-shadow: none
}

.btn_theme_outline i {
    transition: .3s
}

.btn_theme_outline:hover i {
    transform: translate3d(.3125rem,0,0);
    transition: .3s
}

.satup_support_main {
    padding: 5rem 0;
    background: #fff;
    background-size: cover;
    background-position: right
}

.Scdtail h3 {
    font-size: 2.8rem !important;
    font-weight: 700;
    margin-bottom: 1.375rem;
    color: var(--white);
    line-height: 46px;
    letter-spacing: -.5px
}

.Scdtail p {
    margin-bottom: 31px;
    font-size: 22px;
    color: #fff
}

.liststyle {
    margin: .9375rem 0;
    padding: 0;
    margin-bottom: 1.5625rem
}

.liststyle li {
    list-style: none;
    margin: 0 0 9px;
    position: relative;
    padding-left: 1.875rem;
    font-size: .9375rem;
}

.liststyle li:before {
    position: absolute;
    content: '\F26E';
    font-family: bootstrap-icons;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 100%;
    background: #1987542e;
    color: green;
    line-height: 21px;
    left: 0;
    font-weight: 700;
    text-align: center
}

.brand_item {
    margin: 1.25rem;
    height: 100px;
    overflow: hidden;
    position: relative
}

.brand_item img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: auto !important;
    height: 100%
}

.item_products {
    transition: .5s
}

.item_products .image {
    overflow: hidden;
    position: relative
}

.services_main .container-fluid {
    max-width: 90%
}

.item_products .image img {
    position: relative;
    overflow: hidden;
    transition: .5s;
    width: 100%
}

.item_products h3 {
    color: #000;
    padding: 0 0 4px;
    transition: .5s;
    position: relative
}

.item_products a {
    font-size: 14px
}

.item_products:hover .image img {
    transform: scale(1.2);
    transition: .5s
}

.item_products:hover a {
    color: var(--highlight);
    transition: .5s;
    padding-left: 20px
}

.item_products:hover h3 {
    color: var(--highlight);
    transition: .5s;
    padding-left: 20px
}

.Scdtail {
    padding: 60px;
    border-radius: 15px
}

footer {
    padding: 3.3rem 0 0;
    background: #0b2f35;
    color: #fff;
    text-align: center;
    position: relative
}

.logobt img {
    width: 300px;
    margin: 0 0 30px
}

.nav-folderized .nav {
    display: block !important
}

.f_link_main h6 {
    font-size: 17px;
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 0;
    font-weight: 700;
    text-transform: capitalize
}

.f_link_main a {
    color: var(--main)
}

.f_link_main {
    font-size: 14px
}

.f_link_main ul {
    margin: 0;
    padding: 0
}

.f_link_main ul li {
    margin: 0;
    list-style: none;
    display: inline-block
}

.border-top {
    border-top: 1px solid #022a39 !important
}

.footer-copyright {
    color: #a0abaf;
    font-size: 14px
}

.footer-copyright a {
    color: #a0abaf
}

.f_link_main ul li a {
    margin: 0;
    list-style: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 4px;
    display: block;
    margin: 0 35px 0 0;
    transition: .2s
}

.f_link_main ul li a:hover {
    color: #21565e;
    transition: .2s
}

.Social_footer {
    margin: 0;
    padding: 30px 0
}

.Social_footer li {
    list-style: none;
    display: inline-block
}

.Social_footer li a {
    display: flex;
    width: auto;
    line-height: 32px;
    text-align: center;
    margin: 0 7px 0 0 !important;
    font-size: 16px;
    padding: 4px 24px;
    border-radius: 32px;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255,255,255,.16);
    transition: all .35s;
    transition-timing-function: cubic-bezier(.31,-.105,.43,1.59)
}

.Social_footer li a span {
    margin-left: 5px
}

.Social_footer li a i {
    font-size: 20px
}

.Social_footer li a:hover {
    transition: all ease .5s;
    -moz-transition: all ease-in .5s;
    -webkit-transition: all ease-in .5s;
    -o-transition: all ease-in .5s
}

.tw_bg {
    background: #00ABE3!important;
    color: #fff
}

.tw_bg:hover {
    color: #00ABE3!important;
    background: #fff!important
}

.fb_bg {
    background: #4060A5!important;
    color: #fff
}

.fb_bg:hover {
    color: #4060A5!important;
    background: #fff!important
}

.insta_bg {
    color: #fff;
    background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;
    background: -webkit-radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important
}

.linkd_bg {
    background: #0094BC!important;
    color: #fff
}

.linkd_bg:hover {
    color: #0094BC!important;
    background: #fff!important
}

.insta_bg:hover {
    color: transparent!important;
    background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;
    background: -webkit-radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;
    background-clip: text!important;
    -webkit-background-clip: text!important
}

.f_newsLetter {
    padding: 40px 0
}

.f_newsLetter h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 700
}

footer .address a {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 31px;
    display: block
}

.subscribe_form .btn.btn-lg.btn-block {
    background: var(--main);
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 27px;
    border-radius: 5px !important;
    letter-spacing: .4px
}

.subscribe_form .form-control {
    border: none;
    padding: 5px 12px;
    font-weight: 500;
    height: 45px;
    margin: 0 0 10px;
    border-radius: 5px !important;
    padding-left: 35px;
    background-image: url(/demo/wp-content/themes/sinotruck/images/envelope_F.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 9px 18px;
    font-size: 14px
}

.cll_msg {
    padding: 0;
    margin: 0
}

.cll_msg li {
    padding: 0;
    margin: 3px 0 15px;
    list-style: none;
    font-size: 16px;
    color: #b8c0c3;
    font-weight: 500
}

.f30 {
    font-size: 26px !important;
    font-weight: 700;
    color: var(--main) !important
}

.f_link_main {
    padding: 7px 0;
    border-top: 1px solid #254b51;
    border-bottom: 1px solid #254b51;
    margin-top: 24px
}

.nav_ofcanvas.offcanvas-start {
    width: 350px
}

.content_tags {
    display: flex;
    align-items: center;
    margin: 0 0 10px
}

.content_tags .field {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    color: var(--main);
    margin: 0 10px 0 0;
    border-right: 1px solid;
    padding: 0 10px 0 0
}

.content_tags .field i {
    color: var(--main)
}

.content_tags .field:last-child {
    border-right: none;
    padding: 0
}

.shareIcons a {
    font-size: 14px;
    background: var(--main);
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 30px;
    margin: 0 0 0 6px;
    color: var(--white)
}

.inner_banner {
    padding: 55px 0;
    color: var(--white);
    background: url(/demo/wp-content/themes/sinotruck/images/innerbg.jpg);
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-size: cover;
    text-align: center;
    padding-top: 130px
}

.inner_banner:before {
    content: '';
    background: url(/demo/wp-content/themes/sinotruck/images/hero-curved-overlay-desktop.svg);
    position: absolute;
    width: 100%;
    height: 3.125rem;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2
}

.inner_banner:after {
    content: '';
    background: linear-gradient(90deg,#0b2f35,rgba(15,21,46,0)),linear-gradient(180deg,rgba(15,21,46,.64),rgba(15,21,46,0));
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: -1
}

.img-fluid.imginrbnr {
    position: absolute;
    bottom: -1.25rem;
    left: 29%
}

.inner_banner h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: .625rem;
    letter-spacing: 0;
    text-transform: capitalize
}

.inner_banner p {
    color: #e3ecf4
}

.inner_banner a {
    margin-top: .75rem
}

.inbinr {
    position: relative;
    z-index: 2
}

.breadcrumb {
    margin: 0;
    justify-content: center
}

.breadcrumb li a {
    color: var(--white)
}

.breadcrumb .breadcrumb-item {
    color: #c1cdd0;
    font-size: .875rem
}

.breadcrumb-item+.breadcrumb-item:before {
    color: #fff
}


.inner_features_item {
    padding: 3.125rem 0;
    margin-bottom: 2.5rem
}

.inner_features_item .content {
    padding: 0 3.125rem
}

.inner_features_item .content h3 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: .8125rem
}

.INNER_features_main {
    padding: 3.125rem 0;
    background: #fff;
    padding-top: 0
}

.services_main {
    padding: 3.75rem 0;
    padding-bottom: 1.875rem
}

.services_item {
    padding: 1.5625rem;
    text-align: left;
    background: #fff;
    min-height: 300px;
    border-radius: .25rem;
    position: relative;
    overflow: hidden;
    margin: .625rem;
    -webkit-box-shadow: 0px .3125rem 3.125rem rgba(50,112,252,.08);
    box-shadow: 0px .3125rem 3.125rem rgba(50,112,252,.08);
    box-shadow: rgba(1,149,182,0) 0px .9375rem 1.5625rem,rgba(1,149,182,0) 0px .3125rem .625rem;
    margin-bottom: 1.875rem;
    box-shadow: rgba(50,50,93,.05) 0px .8125rem 27px -.3125rem,rgba(0,0,0,.09) 0px .5rem 1rem -.5rem
}

.services_item:before {
    content: "";
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #0e70a1;
    border-radius: .3125rem .3125rem 0 0;
    z-index: -1;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.services_item:after {
    content: "";
    position: absolute;
    bottom: -50%;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #0e70a1;
    border-radius: .25rem;
    z-index: -1;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.services_item:hover:after {
    bottom: 0
}

.services_item:hover:before {
    top: 0
}

.services_item:hover hr {
    background: #fff;
    opacity: .3
}

.services_item p {
    font-size: 1.125rem;
    margin: 0 0 .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.services_item h5 {
    color: #0e70a1;
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
    font-size: 1.125rem;
    font-family: var(--H-family);
    font-size: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.services_item a {
    color: var(--main);
    margin: .625rem 0 0;
    font-weight: 500;
    font-size: 1rem;
    text-transform: capitalize;
    border-bottom: 1px solid #0e70a1;
    display: inline-block;
    letter-spacing: 0px;
    transition: .2s;
    padding: 0 3px
}

.services_item a:hover {
    letter-spacing: 0px;
    transition: .2s
}

.services_item img {
    height: 3.75rem;
    width: auto !important;
    position: absolute;
    left: 0
}

.bottom_img.img-fluid {
    filter: grayscale(10);
    position: absolute;
    right: -29px;
    bottom: -1rem;
    width: auto;
    height: 11.375rem;
    opacity: .06
}

.services_item:hover {
    transition: .3s;
    z-index: 9
}

.services_item:hover h5 {
    transition: .3s;
    color: #fff
}

.services_item:hover p {
    color: #fff
}

.services_item:hover a {
    transition: .3s;
    color: #fff;
    border-color: #fff
}

.C_itemD {
    padding: 1.5625rem 1.875rem;
    text-align: left;
    padding-left: 103px;
    position: relative;
    margin-bottom: 0;
    border-radius: 0;
    margin-left: 0;
    border-bottom: 1px solid #f2f6fb
}

.C_itemD img {
    margin: 0 0 .625rem;
    position: absolute;
    left: 1.25rem;
    width: 3.125rem
}

.C_itemD h4 {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0
}

.C_itemD p {
    font-size: 1rem;
    margin: 0;
    opacity: .7
}

.C_itemD a {
    font-size: 1.25rem;
    font-weight: 500;
    color: #1f545c;
    font-family: var(--H-family);
    margin: 0;
    display: block;
    transition: .2s
}

.C_itemD a:hover {
    transition: .2s;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    color: var(--highlight)
}

.btn_emailus {
    display: block;
    padding: .625rem .9375rem;
    background: var(--main);
    border-radius: 100px;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 11px 1.125rem -.5rem rgb(23 92 255/60%);
    transition: .3s;
    text-align: center
}

.btn_emailus:hover {
    box-shadow: none;
    transition: .3s
}

.contact-form-wrap {
    padding: 27px 3.125rem;
    box-shadow: 1rem .5rem 2.0625rem 11px rgba(217.99999999999994,226.99999999999997,228.99999999999994,.22);
    border-radius: 0;
    box-shadow: rgba(0,0,0,.1) 0px .25rem 6px -1px,rgba(0,0,0,.06) 0px 2px .25rem -1px;
    background: #fff;
    border-top: .625rem solid #21565e;
    border-radius: 9px;
    margin-top: -90px;
    z-index: 9;
    position: relative;
    margin-bottom: 3.75rem !important
}

.contact-form-wrap h2 {
    font-weight: 600
}

.contact-form-wrap textarea {
    min-height: 100px
}

.contact-form-wrap label {
    font-size: .875rem;
    font-weight: 400;
    margin: 0 0 .3125rem 6px;
    color: #77879e
}

.contact-form-wrap h2 {
    font-weight: 600;
    color: var(--heading_color);
    margin-bottom: 1.25rem
}

.contact-form-wrap p {
    font-weight: 400;
    color: #959595;
    max-width: 470px;
    margin: 0 auto;
    line-height: normal;
    font-size: .875rem;
}

.contact-form-wrap .form-group {
    margin-bottom: .9375rem
}

.contact-form-wrap .form-group .form-control {
    height: 55px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 1.25rem;
    color: #546274;
    color: var(--main);
    font-weight: 500;
    font-size: .9375rem
}

.form-select {
    height: 55px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 1.25rem;
    color: #546274;
    color: var(--main);
    font-weight: 500;
    font-size: .9375rem;
    padding-right: 32px
}

.contact-form-wrap .form-group .form-control::placeholder {
    color: #ddd
}

.contact-form-wrap .form-group textarea.form-control {
    padding-top: .875rem;
    height: 100px
}

.contact-form-wrap .subtn_btn {
    height: 55px;
    padding: 0;
    border-radius: .625rem;
    background: #21565e;
    color: #fff;
    font-weight: 600;
    outline: none;
    box-shadow: none;
    padding: 0 3.75rem;
    box-shadow: rgba(11,43,158,.15) 0px 6px 1.25rem -6px;
    display: inline-block;
    margin-top: .3125rem;
    width: 100%;
    line-height: 52px
}

.dotted_ng {
    background: #fff url(/demo/wp-content/themes/sinotruck/images/bg_dotted.png)
}

.SUb_Help_Heading {
    border-bottom: 7px solid #e5effc;
    margin-bottom: 1.375rem
}

.why-counter {
    position: relative;
    padding: 2.5rem;
    padding-top: 1.875rem;
    overflow: hidden;
    background-color: #f2f6f7;
    margin-bottom: 1.5625rem;
    min-height: 20rem;
    border-radius: 8px
}

.why-inner {
    position: relative;
    z-index: 3
}

.why-inner h4 {
    font-weight: 700;
    font-size: 1.5625rem;
    letter-spacing: 0.25rem
}

.stat-value {
    margin-bottom: .5rem;
    font-size: 2.5rem;
    font-weight: 600;
    color: #249dde
}

.stat-value span {
    font-weight: 300
}

.stat-title {
    margin-bottom: .625rem;
    font-size: 1.125rem;
    font-weight: 500
}

.stat-info {
    font-size: 1.125rem;
    color: #7d8e9b;
    max-width: 300px
}

.stat-value {
    margin-bottom: .5rem;
    font-size: 2.5rem;
    font-weight: 600;
    color: #249dde
}

.stat-value span {
    font-weight: 300
}

.stat-title {
    margin-bottom: .625rem;
    font-size: 1.125rem;
    font-weight: 500
}

.stat-info {
    font-size: 1.125rem;
    color: #7d8e9b;
    max-width: 300px
}

.contact_inner_banner {
    background: var(--main) url(/demo/wp-content/themes/sinotruck/images/banner_bg.png);
    padding: 3.125rem 0;
    padding-bottom: 13.125rem;
    background-size: cover;
    background-position: center
}

.multiaddress {
    padding: 3.75rem 0
}

.why-inner ul {
    padding: 0
}

.why-inner ul li {
    padding: 0;
    margin: 0 0 .9375rem;
    display: flex;
    align-items: center
}

.why-inner ul li img {
    width: 1.875rem;
    margin-right: 1.25rem
}

.why-inner ul li:before {
    display: none
}

.why-inner ul li span {
    color: #4b5a7b;
    text-transform: uppercase;
    font-size: .8125rem;
    letter-spacing: 0.3125rem;
    font-weight: 600
}

.why-inner ul li a {
    font-weight: 600;
    color: var(--main);
    font-family: var(--H-family);
    font-size: 23px;
    line-height: normal
}

.about_inner {
    padding: 0 100px
}

.about_inner ul {
    margin-block:30px}

.about_inner ul li {
    list-style: none;
    font-size: 16px;
    margin: 0 0 15px;
    font-weight: 500;
    position: relative;
    color: #fff
}

.about_inner ul li:before {
    position: absolute;
    content: '\F26A';
    left: -29px;
    top: 4px;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    font-family: bootstrap-icons !important
}

.testi_inner {
    text-align: center;
    padding: 10px 31px;
    padding-top: 8px
}

.faqcatogrytyp {
    margin-bottom: 1.875rem;
    border-radius: .625rem
}

.partner_logos {
    background: #fff
}

.inner_treat {
    border-radius: 10px
}

.satupsupportdv {
    background: #0e6fa10f url(/demo/wp-content/themes/sinotruck/images/calltoactbg.jpg);
    border-radius: 15px;
    background-position: left
}

.gmailphoneno a {
    display: inline-block;
    font-size: 17px;
    color: #fff;
    margin: 0 20px 0 0;
    background: rgba(8,69,79,.15);
    padding: 4px 24px;
    border: 1px solid #254b51;
    border-radius: 32px;
    backdrop-filter: blur(27px)
}

.gmailphoneno a i {
    margin: 0 4px 0 0
}

.copyright {
    padding: 0 0 30px;
    font-size: 14px;
    color: #fff
}

.fxinnr {
    position: fixed;
    right: 0;
    bottom: 51px;
    z-index: 9;
    padding: 18px 21px;
    background: var(--main);
    font-weight: 600;
    color: #fff;
    border-radius: 50px 0 0 50px;
    display: inline-block;
    box-shadow: rgba(50,50,93,.25) 0px 6px 12px -2px,rgba(0,0,0,.3) 0px 3px 7px -3px
}

.top_details {
    padding: 60px 0;
    margin: -15px 0 0;
    position: relative;
    z-index: 9;
    background: #fff;
    border-radius: 40px 40px 0 0
}

.line {
    margin-top: 0;
    display: inline-block;
    width: 132px;
    height: 3px;
    background-image: linear-gradient(264deg,#f69b00,#ed6a00);
    border-radius: 2px
}

.card_vechicle_main {
    padding: 60px 0
}

.vechiel_item {
    overflow: hidden;
    border: 1px solid #e9e9e9;
    border-radius: 18px;
    padding: 15px 10px 0;
    margin-bottom: 25px;
    min-height: 348px
}

.vechiel_item .image {
    overflow: hidden
}

.vechiel_item .image img {
    width: 72px;
    height: 72px
}

.vechial_text {
    padding: 20px 0
}

.vechial_text h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize
}

.vechial_text p {
    margin: 5px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    font-size: 14px
}

.carousel-item {
    height: 80vh
}

@-webkit-keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 15716px;
        stroke-dasharray: 15716px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 15716px
    }
}

@keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 15716px;
        stroke-dasharray: 15716px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 15716px
    }
}

@-webkit-keyframes animate-svg-fill-1 {
    0% {
        fill: transparent
    }

    100% {
        fill: #fff
    }
}

@keyframes animate-svg-fill-1 {
    0% {
        fill: transparent
    }

    100% {
        fill: #fff
    }
}

.svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(.47,0,.745,.715) 0s both,animate-svg-fill-1 .7s cubic-bezier(.47,0,.745,.715) .8s both;
    animation: animate-svg-stroke-1 1s cubic-bezier(.47,0,.745,.715) 0s both,animate-svg-fill-1 .7s cubic-bezier(.47,0,.745,.715) .8s both
}

@-webkit-keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 96.38407897949219px;
        stroke-dasharray: 96.38407897949219px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 96.38407897949219px
    }
}

@keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 96.38407897949219px;
        stroke-dasharray: 96.38407897949219px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 96.38407897949219px
    }
}

@-webkit-keyframes animate-svg-fill-2 {
    0% {
        fill: transparent
    }

    100% {
        fill: #eef1fb
    }
}

@keyframes animate-svg-fill-2 {
    0% {
        fill: transparent
    }

    100% {
        fill: #eef1fb
    }
}

.svg-elem-2 {
    -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(.47,0,.745,.715) .12s both,animate-svg-fill-2 .7s cubic-bezier(.47,0,.745,.715) .9s both;
    animation: animate-svg-stroke-2 1s cubic-bezier(.47,0,.745,.715) .12s both,animate-svg-fill-2 .7s cubic-bezier(.47,0,.745,.715) .9s both
}

@-webkit-keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 20.75020980834961px;
        stroke-dasharray: 20.75020980834961px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 20.75020980834961px
    }
}

@keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 20.75020980834961px;
        stroke-dasharray: 20.75020980834961px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 20.75020980834961px
    }
}

.svg-elem-3 {
    -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(.47,0,.745,.715) .24s both,animate-svg-fill-3 .7s cubic-bezier(.47,0,.745,.715) 1s both;
    animation: animate-svg-stroke-3 1s cubic-bezier(.47,0,.745,.715) .24s both,animate-svg-fill-3 .7s cubic-bezier(.47,0,.745,.715) 1s both
}

@-webkit-keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 25.43754005432129px;
        stroke-dasharray: 25.43754005432129px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 25.43754005432129px
    }
}

@keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 25.43754005432129px;
        stroke-dasharray: 25.43754005432129px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 25.43754005432129px
    }
}

.svg-elem-4 {
    -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(.47,0,.745,.715) .36s both,animate-svg-fill-4 .7s cubic-bezier(.47,0,.745,.715) 1.1s both;
    animation: animate-svg-stroke-4 1s cubic-bezier(.47,0,.745,.715) .36s both,animate-svg-fill-4 .7s cubic-bezier(.47,0,.745,.715) 1.1s both
}

@-webkit-keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 16.205519676208496px;
        stroke-dasharray: 16.205519676208496px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 16.205519676208496px
    }
}

@keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 16.205519676208496px;
        stroke-dasharray: 16.205519676208496px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 16.205519676208496px
    }
}

.svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(.47,0,.745,.715) .48s both,animate-svg-fill-5 .7s cubic-bezier(.47,0,.745,.715) 1.2000000000000002s both;
    animation: animate-svg-stroke-5 1s cubic-bezier(.47,0,.745,.715) .48s both,animate-svg-fill-5 .7s cubic-bezier(.47,0,.745,.715) 1.2000000000000002s both
}

@-webkit-keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 135.49407958984375px;
        stroke-dasharray: 135.49407958984375px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 135.49407958984375px
    }
}

@keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 135.49407958984375px;
        stroke-dasharray: 135.49407958984375px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 135.49407958984375px
    }
}

.svg-elem-6 {
    -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(.47,0,.745,.715) .6s both,animate-svg-fill-6 .7s cubic-bezier(.47,0,.745,.715) 1.3s both;
    animation: animate-svg-stroke-6 1s cubic-bezier(.47,0,.745,.715) .6s both,animate-svg-fill-6 .7s cubic-bezier(.47,0,.745,.715) 1.3s both
}

@-webkit-keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 15716px;
        stroke-dasharray: 15716px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 15716px
    }
}

@keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 15716px;
        stroke-dasharray: 15716px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 15716px
    }
}

@-webkit-keyframes animate-svg-fill-7 {
    0% {
        fill: transparent
    }

    100% {
        fill: #fff
    }
}

@keyframes animate-svg-fill-7 {
    0% {
        fill: transparent
    }

    100% {
        fill: #fff
    }
}

.svg-elem-7 {
    -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(.47,0,.745,.715) .72s both,animate-svg-fill-7 .7s cubic-bezier(.47,0,.745,.715) 1.4000000000000001s both;
    animation: animate-svg-stroke-7 1s cubic-bezier(.47,0,.745,.715) .72s both,animate-svg-fill-7 .7s cubic-bezier(.47,0,.745,.715) 1.4000000000000001s both
}

@-webkit-keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 224px;
        stroke-dasharray: 224px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 224px
    }
}

@keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 224px;
        stroke-dasharray: 224px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 224px
    }
}

@-webkit-keyframes animate-svg-fill-8 {
    0% {
        fill: transparent
    }

    100% {
        fill: #fff
    }
}

@keyframes animate-svg-fill-8 {
    0% {
        fill: transparent
    }

    100% {
        fill: #fff
    }
}

.svg-elem-8 {
    -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(.47,0,.745,.715) .84s both,animate-svg-fill-8 .7s cubic-bezier(.47,0,.745,.715) 1.5s both;
    animation: animate-svg-stroke-8 1s cubic-bezier(.47,0,.745,.715) .84s both,animate-svg-fill-8 .7s cubic-bezier(.47,0,.745,.715) 1.5s both
}

.vechl_item .image {
    height: 245px;
    overflow: hidden;
    border-radius: 10px
}

.vechl_item .image img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    transform: scale(1.1)
}

.testimonial {
    text-align: center;
    margin: 0
}

.testimonial .description {
    padding: 30px 24px;
    margin-bottom: 50px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    color: var(--white);
    line-height: 28px;
    text-align: left;
    position: relative
}

.z-depth-1 img {
    width: 64px;
    height: 64px
}

.z-depth-1 .vechiel_item {
    min-height: 220px;
    margin-bottom: 24px;
    margin-top: 24px
}

.z-depth-1 h4 {
    font-size: 14px
}

.testimonial .description:after {
    content: "";
    width: 50.2%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

.testimonial .testimonial-content {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex
}

.testimonial .testimonial-content:before {
    content: "";
    width: 2px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: -50px;
    left: 50%
}

.testimonial .testimonial-content:after {
    content: "";
    width: 3px;
    height: 40px;
    background: #fff;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: skewX(-45deg);
    transform-origin: 100% 100% 0
}

.testimonial .pic {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 7px
}

.testimonial .pic img {
    width: 100%;
    height: auto;
    border-radius: 50%
}

.testimonial .title {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: var(--white);
    letter-spacing: 1px;
    margin: 0;
    text-transform: capitalize
}

.owl-theme .owl-controls {
    margin-top: 30px
}

.owl-theme .owl-controls .owl-page span {
    width: 15px;
    height: 10px;
    border-radius: 0;
    background: #ff5a5f;
    opacity: .8;
    transition: all .3s ease 0s
}

.owl-theme .owl-controls .owl-page.active span {
    width: 35px;
    background: #2660a4
}

.white_color {
    color: var(--white) !important
}

.wflat {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 29px;
    right: 19px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    font-size: 38px;
    z-index: 100;
    text-align: center;
    animation: .7s infinite alternate hilado;
    line-height: 52px
}

@keyframes hilado {
    0% {
        bottom: 10px
    }

    100% {
        bottom: 29px
    }
}

.cookies-notification {
    position: fixed;
    left: 2px;
    bottom: 2px;
    z-index: 99999;
    box-sizing: border-box;
    align-items: center;
    width: 100%;
    padding: 16px;
    background: #006b79;
    border: 1px solid #fff;
    display: none;
    max-width: 380px;
    border-radius: 4px
}

.cookies-notification__message {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    width: 100%
}

.cookies-notification__message-link {
    margin-left: 5px;
    font-weight: 500;
    text-decoration: underline;
    color: currentColor
}

.cookies-notification .btn {
    padding: .2rem .75rem;
    font-size: 12px;
    border-radius: .25rem;
    font-weight: 700;
    margin-left: 10px;
    margin-top: 5px
}

.row .dropdown-item {
    padding: 0;
    text-align: center;
    margin-bottom: 10px
}

.product_slider .carousel-indicators {
    right: 0;
    bottom: 0
}

.product_slider .carousel-indicators li {
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: relative;
    opacity: 1;
    margin: 0 10px 0 0;
    padding: 0;
    transition: .2s;
    border: 4px solid transparent;
    flex: 0 0 auto
}

.product_slider .carousel-indicators li:hover {
    border-color: var(--main);
    transition: .2s
}

.product_slider .carousel-indicators li img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    opacity: 1;
    height: 100%
}

.product_slider .carousel-indicators li.active {
    border: 4px solid var(--highlight);
    opacity: 1
}

.product_slider .carousel-item {
    position: relative;
    min-height: 400px;
    height: 400px
}

.product_slider .carousel-item img {
    margin: auto;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 12px
}

.product_slider .carousel-item:before {
    display: none
}

.product_slider .carousel-indicators {
    position: relative;
    margin: 10px 0;
    border: none;
    padding: 0;
    background: #fff;
    justify-content: start;
    overflow: hidden;
    overflow-x: scroll;
    scrollbar-width: thin
}

.detail_slider_img {
    width: 100%;
    position: relative;
    margin: 0
}

table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: #fff;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: thin;
}

.f_item {
    text-align: center;
    padding: 0;
    margin-bottom: 25px;
    border-radius: 10px;
}

.TOP_FiX_DEtail {
    display: none
}

.product_details {
    padding: 50px 0;
    background: #fff
}

.PCNt_MAIn {
    display: flex;
    align-items: stretch;
    margin-bottom: 30px
}

.pM_btn {
    padding: 6px;
    border: 1px solid #ddd;
    background: #fff;
    font-weight: 300;
    position: relative;
    height: 45px;
    display: block;
    width: 45px;
    text-align: center;
    font-size: 16px;
    line-height: 45px;
    padding: 0 0 11px;
    color: #626262
}

.pM_btn:hover {
    background: #dfdfdf;
    color: #555
}

.p_Count {
    width: 70px;
    height: 45px;
    border: 1px solid #ddd;
    padding: 10px 15px
}

.pro_top_heading {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px;
    padding: 9px 19px 11px;
    background: #f0f0f0;
    border-radius: 0;
    color: #4a4a4a
}

.mt_50px {
    margin-top: 50px
}

.m_t50 {
    margin-top: 23px
}

.border1px_hover_img {
    border: 1px solid #ddd;
    padding-top: 30px;
    padding-bottom: 30px
}

.pad_lg0 {
    padding: 0 !important
}

.cp-ship-opt {
    background: #f6f6f6;
    padding: 2.4rem;
    border-radius: 1rem
}

.DeLiVeRy_tYpE {
    margin: 20px 0 0;
    padding: 10px
}

.Prodiscount {
    text-decoration: line-through;
    font-size: 23px;
    color: #bbb;
    margin: 0 10px 0 0;
    font-weight: 400
}

.size_color {
    margin: 15px 0
}

.modal_no {
    margin: 7px 0 13px
}

.size_color .form-floating>.form-control,.form-floating>.form-select {
    height: 45px;
    padding: 0 0 0 17px !important;
    font-size: 14px;
    border-radius: 0;
    border-radius: 5px;
    background-color: #f6f5f6;
    border: none;
    margin: 0
}

.size_color h6 {
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 9px 18px
}

.bsBox.margin6px {
    margin: -1px
}

.header_btn {
    border: 2px solid var(--highlight);
    transition: .4s;
    text-align: center;
    padding: .25rem 1.0625rem !important;
    border-radius: .625rem;
    height: 2.7rem;
    color: var(--white) !important;
    background: var(--highlight);
    box-shadow: rgba(11,43,158,.24) 0px 6px 1.25rem -6px;
    line-height: 1.9rem
}

.breadcrumb li {
    text-transform: uppercase
}

p a {
    color: #21565e;
    font-weight: 600
}

p a:hover {
    opacity: .8
}

.breadcrumb_Mbbs .breadcrumb li:first-child {
    display: none
}

.breadcrumb_Mbbs .breadcrumb li a:after {
    color: #1f545c
}

.breadcrumb_Mbbs .breadcrumb li a {
    color: #20555d !important
}

.breadcrumb_Mbbs .breadcrumb li {
    color: #21565e;
    font-size: .9rem;
    font-weight: 500
}

.header_btn:hover {
    border-color: var(--main);
    color: var(--white) !important;
    background: var(--main);
    transition: .4s
}

tbody,td,tfoot,th,thead,tr {
    text-align: left
}

.bdr-l {
    border-left: 1px solid #ddd;
    background: #f9f9f9;
    padding: 24px;
    height: 400px;
    border-radius: 12px
}

.chart_modal a {
    color: #000;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 15px
}

.PdrSliDer {
    display: flex
}

textarea.form-control {
    height: 90px
}