body h1,
body h2,
body h3,
body h4,
body strong {
    font-family: 'Proxima Nova Th' !important;
}

body h5,
body p,
body span,
body li,
body ul,
body a {
    font-family: 'Proxima Nova Rg' !important;
}
body .container-wrap {
    padding: 0 !important;
}
#footer-outer #footer-widgets li ul.sub-menu {
    display: none;
}
#footer-outer #copyright[data-layout="centered"] {
    padding: 15px 0;
    font-size: 14px;
}
#header-outer #top .span_9 .top_btnphone {
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 30px;
    right: 25px;
    display: flex;
    align-items: center;
    gap: 18px;
}
#header-outer #top .span_9 .top_btnphone a {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 1.3;
    transition: 0.3s;
}
#header-outer #top .span_9 .top_btnphone a i {
    color: #E25D26;
    margin-right: 8px;
    position: relative;
    font-size: 20px;
}
#header-outer #top nav > ul > li > a span{
    font-size: 22px;
    line-height: 1.4;
    color: #282828;
    text-transform: uppercase;
    transition: 0.3s;
}
#header-outer #top .sf-menu li ul li.menu-item a span{
    font-size: 17px;
    line-height: 1.4;
    color: #282828;
    text-transform: uppercase;
    transition: 0.3s;
}
#header-outer #top nav > ul > li > a span:hover,
#header-outer #top .sf-menu li ul li.menu-item a span:hover{
    color: #f47933;
    transition: 0.3s;
}
#header-outer #top nav > ul > li > a {
    position: relative;
    top: 25px;
    opacity: 1 !important;
}
body #header-outer #top nav>ul>li.btn_contact_menu a span {
    color: white;
    line-height: 1.4;
    background: #F47933;
    padding: 20px 30px;
    transition: 0.3s;
}
body #header-outer #top nav>ul>li.btn_contact_menu a span:hover {
    transition: 0.3s;
    background: #282828;
}
header#top {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 1) 100%);
}
.span_small span {
    font-weight: 100;
}
.bx_img_product img.swiper-slide-image {
    height: 600px;
    width: 100%;
    object-fit: cover;
}
.bx_img_case img.swiper-slide-image {
    height: 700px;
    width: 100%;
    object-fit: cover;
}
.bx_img_product .swiper-pagination {
    position: relative;
    top: 20px;
}
.bx_img_product:before {
    content: "";
    position: absolute;
    background: #00BAF2;
    width: 75px;
    height: 75px;
    right: -35px;
    top: 30px;
    z-index: 999;
}
.bx_img_product:after {
    content: "";
    position: absolute;
    background: #00BAF2;
    width: 100px;
    height: 20px;
    left: -35px;
    bottom: 100px;
    z-index: 999;
}
.bx_img_case .elementor-swiper-button.elementor-swiper-button-next {
    position: absolute;
    right: -40px !important;
}
.bx_img_case .elementor-swiper-button.elementor-swiper-button-prev {
    position: absolute;
    left: -40px !important;
}
.bx_img_case .swiper-pagination {
    position: relative;
    top: 20px;
}
.row_case_tn:before,
.row_ab_tn:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    background: #040608;
    top: -100px;
    clip-path: polygon(0 21%, 100% 0, 100% 100%, 0% 100%);
}
.row_case_tn:after {
    content: "CASE STUDIES";
    position: absolute;
    width: 100%;
    height: auto;
    top: 70px;
    color: #ffffff45;
    text-align: center;
    opacity: 0.2;
    font-size: 170px;
    font-weight: 900;
    font-family: 'Proxima Nova Th';
}
.bx_who_tn:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    background: #13bbee;
    top: -40px;
    clip-path: polygon(0 21%, 100% 0, 100% 100%, 0% 100%);
}
.bx_who_tn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    background: #13bbee;
    bottom: -40px;
    clip-path: polygon(0 21%, 100% 0, 100% 100%, 0% 100%);
}
.bx_who_tn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    background: #000000;
    bottom: -70px;
    clip-path: polygon(0 21%, 100% 0, 100% 100%, 0% 100%);
}
.icon_contact i {
    color: #f47933;
    font-size: 24px;
    margin-right: 10px;
}
.form_contact .gform-body.gform_body .gform_fields.top_label {
    gap: 15px;
}
.form_contact .gform-body.gform_body .gform_fields.top_label .ginput_container input,
.form_contact .gform-body.gform_body .gform_fields.top_label .ginput_container textarea{
    padding: 25px;
    border-radius: unset;
    font-size: 18px;
}
.form_contact .gform-footer.gform_footer.top_label input {
    width: 100% !important;
    background: #f47933 !important;
    font-family: 'Proxima Nova Rg' !important;
    font-size: 22px !important;
    text-transform: uppercase !important;
    line-height: 1.5 !important;
	border-radius: unset !important;
}
.form_contact .gform_validation_errors {
	display:none;
}
#footer-outer #footer-widgets .col {
    display: flex;
    gap: 18px;
}
#footer-outer .col.footer1 img {
    width: 70%;
}
#footer-outer .col.footer1 {
    width: 25%;
}
#footer-outer .col.footer2,
#footer-outer .col.footer3 {
	width: 35%;
}
#footer-outer .col.footer1 .widget_media_image,
#footer-outer .col .widget_nav_menu{
    width: 50%;
}
#footer-outer .row {
    padding-bottom: 0;
}
#footer-outer .col.footer3 p {
    font-size: 16px;
}
#footer-outer #footer-widgets .widget h4 {
    font-size: 20px;
    line-height: 1.4;
}
#footer-outer #footer-widgets li {
    border: unset !important;
}
#footer-outer #footer-widgets li a {
    font-size: 15px;
    line-height: 1.3;
}
.big_our_product:before {
    content: "OUR";
    position: absolute;
    transform: rotate(-90deg);
    z-index: 999;
    font-size: 200px;
    left: -115px;
    top: 300px;
    font-weight: bold;
    color: #80808021;
}
.big_our_product:after {
    content: "PRODUCTS";
    position: absolute;
    transform: rotate(-90deg);
    z-index: 999;
    font-size: 200px;
    right: -20%;
    top: 30%;
    font-weight: bold;
    color: #80808021;
}
.big_our_case:before {
    content: "OUR";
    position: absolute;
    transform: rotate(-90deg);
    z-index: 999;
    font-size: 200px;
    left: -115px;
    top: 300px;
    font-weight: bold;
    color: #80808021;
}
.big_our_case:after {
    content: "CASE STUDIES";
    position: absolute;
    transform: rotate(-90deg);
    z-index: 999;
    font-size: 200px;
    right: -27%;
    top: 30%;
    font-weight: bold;
    color: #80808021;
}
#header-outer #top nav > ul > li.current-menu-item > a span {
    color: #f47933;
}
.img_400 img {
    height: 400px;
	width: 100%;
    object-fit: cover;
}
.img_400 a {
	width: 100%;
}
.img_700 img {
    height: 700px;
    object-fit: cover;
}
.bot_border_title .elementor-heading-title {
    display: inline-block;
    border-bottom: 12px solid #00BAF2;
}
.bef_af_top:before {
    content: "";
    width: 65px;
    height: 65px;
    background: #00BAF2;
    position: absolute;
    top: 15px;
    left: 10px;
}
.bef_af_top:after {
    content: "";
    width: 70px;
    height: 12px;
    background: #00BAF2;
    position: absolute;
    top: 60px;
    right: 0;
}
.bef_af_bot:before {
    content: "";
    width: 65px;
    height: 65px;
    background: #00BAF2;
    position: absolute;
    bottom: 15px;
    right: 10px;
}
.bef_af_bot:after {
    content: "";
    width: 70px;
    height: 12px;
    background: #00BAF2;
    position: absolute;
    top: 60px;
    left: 0;
}
.befo_che_white:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    background: white;
    top: -40px;
    clip-path: polygon(0 21%, 100% 0, 100% 100%, 0% 100%);
}
.overlay_header .elementor-background-overlay {
    opacity: 0.92 !important;
}
.single-post .container.main-content {
    padding: 80px 0;
}
.row .col .header_post .img_header_post img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 10px;
}
.row .col .header_post h1 {
    font-size: 40px;
    line-height: 1.4;
    font-weight: 700;
    color: #343434;
}
.row .col .header_post .des {
    display: flex;
    gap: 20px;
    font-size: 22px;
    line-height: 1.4;
    margin: 22px 0;
    margin-top: 10px;
    font-weight: 500;
}
.row .col .header_post .des p {
    padding: 0;
}
.big_latest_post {
    display: grid;
    gap: 36px;
}
.big_latest_post .min_latest {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    position: relative;
    gap: 16px;
}
.big_latest_post .min_latest .img {
    width: 30%;
}
.big_latest_post .min_latest .img a {
    display: flex;
}
.row .col .big_latest_post .min_latest .img a img {
    margin: 0;
    border-radius: 10px;
    height: 125px;
    object-fit: cover;
}
.big_latest_post .min_latest .des {
    width: 65%;
}
.big_latest_post .min_latest .des a h2 {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 500;
}
.big_latest_post .min_latest .des .content {
    font-size: 18px;
    line-height: 1.4;
}
.big_latest_post .min_latest .btn_read-ser {
    text-transform: uppercase;
    padding: 6px 18px;
    display: inline-block;
    transition: 0.3s;
    font-size: 14px;
    margin-top: 13px;
    background: #FF8427;
    color: #fff;
}
.post-area>article .content-inner, .post-area>article .content-inner p, .post-area>article .content-inner strong, .post-area>article .content-inner span, .post-area>article .content-inner li {
    font-size: 20px;
    line-height: 1.5;
}
#header-outer #top nav>ul>li.only_mobile,
#footer-outer #footer-widgets .col ul li.only_mobile{
    display: none !important;
}
#header-outer #top .span_9 .top_btnphone a:hover {
    transition: 0.3s;
    color: #f47933;
}
.big_case_studies .min_case {
    position: relative;
}
.big_case_studies .min_case .image img {
    width: 100%;
    height: 700px;
    object-fit: cover;
    object-position: center;
}
.big_case_studies .min_case .btn_title a {
    position: absolute;
    bottom: 20%;
    right: -50px;
    font-size: 32px;
    line-height: 1.3;
    background: #00BAF2;
    color: white;
    padding: 20px 50px;
    font-weight: bold;
    transition: 0.3s;
    z-index: 999;
}
.big_case_studies .min_case .btn_title a:hover {
    background: #0c0c0c;
    transition: 0.3s;
}
.big_case_studies .slick-list {
    overflow: unset;
}
.big_case_studies .slick-slide.slick-current.slick-active {
    opacity: 1;
}
.big_case_studies .slick-slide {
    opacity: 0;
}
.big_case_studies .slick-prev:before, .big_case_studies .slick-next:before {
    font-family: 'slick';
    font-size: 60px;
    line-height: 1;
    opacity: 1;
}
.big_case_studies .slick-prev, .big_case_studies .slick-next {
    width: 50px;
    height: 50px;
}
.big_case_studies .slick-prev {
    position: absolute;
    z-index: 9999;
    left: -80px;
}
.big_case_studies .slick-next {
    position: absolute;
    z-index: 9999;
    right: -70px;
}
.big_case_studies .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #00baf2;
    font-size: 30px;
    line-height: 1.3;
}
.big_case_studies .slick-dots li button:before {
    opacity: 1;
    color: white;
    font-size: 30px;
    line-height: 1.3;
}
.big_case_studies .slick-dots li {
    width: 35px;
    height: 35px;
}
.big_case_studies .slick-dots {
    bottom: -50px;
}
#header-outer #top nav > ul > li > a > .sf-sub-indicator i,
#header-outer.transparent #top nav > ul > li > a > .sf-sub-indicator i{
    font-size: 22px;
    color: #f47933 !important;
	opacity: 1 !important;
}