*,
::after,
::before,
ol,
ul {
    margin: 0;
    padding: 0
}

#preloader .preloader,
#preloader .preloader span {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px
}

body,
label {
    font-weight: 400
}

footer ul,
ol,
ul {
    list-style: none
}

*,
::after,
::before {
    box-sizing: border-box
}

.section-padding,
.section-padding-02 {
    padding-top: 85px;
}

body {
    font-size: 14px;
    line-height: 1.75;
    font-family: 'Futura PT' !important;
    color: #4c4d56;
    outline: 0;
    visibility: visible;
    overflow-X: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: ""
}

.datapro-about-section-04 .about-img-wrap .about-img-big,
.datapro-cta-section-02 .cta-wrap .cta-btn,
.text-right,
body[dir=rtl] {
    text-align: right
}

body .container {
    max-width: 1320px
}

.icon img,
body .col-full,
img {
    max-width: 100%
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'Futura PT';
    color: #0e0e0e;
    font-weight: 700;
    margin-top: 0;
    line-height: 1.5;
    margin-bottom: 0
}

h1 {
    font-size: 36px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

.font-static-16,
h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}

a,
button {
    color: inherit;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer
}

.section-padding,
body {
    overflow-x: hidden
}

a,
button,
img,
input {
    transition: .3s linear;
    outline: 0
}

a:focus,
button:focus,
img:focus,
input:focus {
    outline: 0
}

a:focus {
    color: none;
    outline: 0;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color: #248b92
}

button,
input[type=submit] {
    cursor: pointer
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1
}

.main-wrapper,
.section {
    float: left;
    width: 100%
}

.section-padding {
    padding-bottom: 85px;
}

.footer-section-03 .footer-widget-wrap,
.section-padding-03 {
    padding-top: 140px
}

.section-title .title {
    font-size: 35px;
    line-height: 32px;
    font-family: 'Futura PT';
    font-weight: 600;
    color: #0e0e0e
}

.btn:hover,
.center-heading.colored .section-title,
.datapro-about-section .about-content-wrap .section-title .sub-title,
.datapro-about-section .about-content-wrap .section-title .title,
.datapro-cta-section-02 .cta-wrap .cta-btn .btn:hover,
.header-menu .main-menu li.active-menu>a,
.header-menu .main-menu li:hover a,
.header-menu .main-menu li:hover>.menu-icon::after,
.header-menu .main-menu li:hover>a,
.header-section-02 .header-menu .main-menu>li>a,
.header-section-04 .header-cart .cart-btn,
.header-section-04 .header-menu .main-menu>li .menu-icon::after,
.header-section-04 .header-menu .main-menu>li>a,
.header-section-04 .header-search .search-btn,
.section-title .sub-title.white,
.section-title .title.white,
.services-small-item.active .services-title,
.services-small-item.active p,
.services-small-item:hover .services-title,
.services-small-item:hover p,
.woocommerce table thead th {
    color: #fff
}

.section-title .sub-title {
    font-size: 14px;
    line-height: 30px;
    font-family: 'Futura PT';
    font-weight: 500;
    color: #248b92;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px
}

.footer-section-03 .footer-social .social li a:hover,
.header-section-06 .dropdown-cart .cart-items .single-cart-item .item-content .quantity,
.header-section-06 .dropdown-cart .cart-total .value,
.progress-wrap-3::after,12
.section-title .sub-title.color-2 {
    color: #ff5538
}

.header-section-06 .header-cart .cart-btn:hover,
.header-section-06 .header-menu .main-menu>li .sub-menu li.active>a,
.header-section-06 .header-menu .main-menu>li .sub-menu li:hover>a,
.header-section-06 .header-menu .main-menu>li.active-menu>.menu-icon::after,
.header-section-06 .header-menu .main-menu>li.active-menu>a,
.header-section-06 .header-menu .main-menu>li:hover>.menu-icon::after,
.header-section-06 .header-menu .main-menu>li:hover>a,
.header-section-06 .header-search .search-btn:hover,
.header-top-wrapper .header-social ul li a:hover,
.section-title .sub-title.color-3,
.service-item-05 .service-content .title:hover a {
    color: #11ddf5
}

.section-title2 {
    max-width: 690px;
    margin: 0 auto
}

.section-title2 .title {
    font-size: 48px;
    line-height: 54px;
    font-family: 'Futura PT';
    font-weight: 800;
    color: #333
}

.footer-social .social li a:hover,
.header-menu .main-menu li .sub-menu li.active>a,
.header-menu .main-menu li .sub-menu li:hover>a,
.header-menu .main-menu li.active-menu>.menu-icon::after,
.header-section-04 .dropdown-cart .cart-items .single-cart-item .item-content .quantity,
.header-section-04 .dropdown-cart .cart-total .value,
.header-section-04 .header-cart .cart-btn:hover,
.header-section-04 .header-menu .main-menu>li.active-menu>.menu-icon::after,
.header-section-04 .header-menu .main-menu>li.active-menu>a,
.header-section-04 .header-menu .main-menu>li:hover>.menu-icon::after,
.header-section-04 .header-menu .main-menu>li:hover>a,
.header-section-04 .header-search .search-btn:hover,
.header-section-04.sticky .header-wrap .header-cart .cart-btn:hover,
.header-section-04.sticky .header-wrap .header-menu .main-menu li .sub-menu li.active>a,
.header-section-04.sticky .header-wrap .header-menu .main-menu li.active-menu>.menu-icon::after,
.header-section-04.sticky .header-wrap .header-menu .main-menu li.active-menu>a,
.header-section-04.sticky .header-wrap .header-menu .main-menu li:hover>.menu-icon::after,
.header-section-04.sticky .header-wrap .header-menu .main-menu li:hover>a,
.header-section-04.sticky .header-wrap .header-search .search-btn:hover,
.header-section-05 .header-social ul li a:hover,
.section-title2 .title span {
    color: #248b92
}

.section-title2 .sub-title {
    font-size: 12px;
    line-height: 30px;
    font-family: 'Futura PT';
    font-weight: 800;
    color: #a1a1a1;
    text-transform: uppercase;
    margin-bottom: 10px
}

.section-title2 p {
    font-size: 16px;
    line-height: 30px;
    font-family: 'Futura PT';
    font-weight: 600;
    color: #4c4d56;
    padding: 0 50px;
    margin-top: 20px
}

.swiper-pagination .swiper-pagination-bullet {
    border-radius: 50%;
    background-color: #e8e8e8;
    width: 7px;
    height: 7px;
    transition: .3s linear;
    position: relative;
    opacity: 1
}

.btn::after,
.btn::before,
body .button::after,
body .button::before {
    background: #0e0e0e;
    height: 50%;
    width: 0;
    transition: .3s cubic-bezier(.785, .135, .15, .86);
    z-index: -1;
    content: ""
}

.swiper-pagination .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    left: -7px;
    top: -7px;
    border: 1px solid #57585a;
    transform: scale(0);
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    border-radius: 50%;
    transition: .3s linear
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #248b92
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    transform: scale(1)
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999
}

#preloader .preloader {
    padding: 0;
    text-align: left;
    box-sizing: border-box;
    top: 50%;
    left: 50%
}

#preloader .preloader span {
    border-radius: 50%;
    background-color: #248b92;
    -webkit-animation: 1.3s linear infinite preloader;
    animation: 1.3s linear infinite preloader
}

#preloader .preloader span:last-child {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes preloader {
    0% {
        transform: scale(0, 0);
        opacity: .5
    }

    100% {
        transform: scale(1, 1);
        opacity: 0
    }
}

@keyframes preloader {
    0% {
        transform: scale(0, 0);
        opacity: .5
    }

    100% {
        transform: scale(1, 1);
        opacity: 0
    }
}

label {
    display: block;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: capitalize
}

input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]),
select,
textarea {
    border: 1px solid #ebebeb;
    box-shadow: none;
    color: #415674;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 0;
    padding: 10px 25px;
    max-width: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    transition: .3s linear
}

input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):focus,
textarea:focus {
    outline: 0;
    border-color: #248b92
}

input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: .95;
    font-size: 13px;
    color: #898c94;
    font-weight: 600
}

input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder,
textarea:-moz-placeholder {
    opacity: .95;
    font-size: 13px;
    color: #898c94;
    font-weight: 600
}

input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: .95;
    font-size: 13px;
    color: #898c94;
    font-weight: 600
}

input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: .95;
    font-size: 13px;
    color: #898c94;
    font-weight: 600
}

.about-list,
.btn-margin,
.datapro-hero-section-03 .hero-content .hero-btn .btn {
    margin-top: 40px
}

.btn-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: -5px
}

.btn-wrap .btn {
    margin: 5px
}

.btn,
body .button,
body form input.wpcf7-submit {
    display: inline-block;
    overflow: hidden;
    transform: perspective(0) translateZ(0);
    background: linear-gradient(90deg, #248b92 0, #1a2e59 100%);
    box-shadow: 0 0 1px transparent;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-family: 'Futura PT';
    font-weight: 500;
    height: 60px;
    line-height: 56px;
    padding: 0 70px;
    border: 0 solid;
    letter-spacing: .6px;
    box-shadow: none;
    transition: .5s;
    cursor: pointer;
    z-index: 1;
    position: relative
}

.btn-3,
.btn-4 {
    height: 50px;
    color: #fff
}

.btn-3,
.product-lesting-pg button#checkoutButton {
    padding: 0 40px
}

.btn-4,
.btn-white,
.header-section-06 .dropdown-cart .cart-btns .btn.btn-3 {
    box-shadow: 11px 10px 38px 0 rgba(46, 63, 99, .15)
}

.wpcf7-spinner {
    margin: auto 24px;
    position: absolute;
    top: 0;
    bottom: 0
}

.submit-btn-area p {
    margin: 0 auto;
    position: relative
}

.btn::before,
body .button::before {
    position: absolute;
    top: 0;
    left: 0;
    right: auto
}

.btn::after,
body .button::after {
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto
}

.btn:focus,
.btn:focus:active {
    box-shadow: none
}

.btn:hover::before,
body .button:hover::before {
    width: 100%;
    right: 0;
    left: auto
}

.btn:hover::after,
body .button:hover::after {
    width: 100%;
    left: 0;
    right: auto
}

.btn-3 {
    line-height: 45px;
    font-size: 14px;
    background: #ff5538
}

.btn-4 {
    line-height: 48px;
    font-size: 18px;
    padding: 0 45px;
    background: #11ddf5
}

.btn-4:hover {
    background: #fff;
    color: #11ddf5
}

.btn-primary,
.btn-primary:hover {
    background-color: #248b92;
    border-color: #248b92
}

.btn-round {
    border-radius: 100px
}

.btn-square {
    border-radius: 0
}

[class*=btn-icon-] i {
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    line-height: 28px;
    text-align: center;
    padding: 15px;
    background-color: rgba(0, 0, 0, .1)
}

.btn-icon-left {
    padding-left: 69px
}

.btn-icon-left i,
.timeline .swiper-button-prev {
    left: 0;
    right: auto
}

.btn-icon-right {
    padding-right: 69px
}

.btn-icon-right i,
.timeline .swiper-button-next {
    left: auto;
    right: 0
}

.btn-primary {
    color: #fff
}

.btn-secondary,
.btn-secondary:hover {
    background-color: #000c29;
    border-color: #000c29
}

.btn-secondary {
    color: #fff
}

.btn-white,
.datapro-cta-section .cta-wrap .cta-content p a:hover,
.header-section-02.sticky .header-wrap .header-menu .main-menu li a,
.header-section-04.sticky .header-wrap .header-menu .main-menu li a {
    color: #0e0e0e
}

.btn-white {
    background-color: #fff;
    border-color: #fff
}

.btn-white::after,
.btn-white::before {
    background: #248b92
}

.header-section {
    position: relative;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    z-index: 999;
    float: none
}

.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-logo a img {
    width: 225px
}

.header-menu .main-menu {
    display: flex;
    margin: 0
}

.header-menu .main-menu li {
    position: relative;
    padding: 36px 20px;
    overflow: hidden;
    transition: .5s
}

.header-menu .main-menu li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    background: #1b2e59;
    top: 0;
    left: 0;
    clip-path: polygon(25% 0, 100% 0%, 75% 100%, 0 100%);
    z-index: -1;
    transition: .5s
}

.header-menu .main-menu li a {
    font-size: 16px;
    font-family: 'Futura PT';
    font-weight: 600;
    text-transform: capitalize;
    color: #0e0e0e
}

.header-menu .main-menu li.active-menu::before,
.header-menu .main-menu li:hover::before {
    transition: .5s;
    height: 100%
}

.header-menu .main-menu li .menu-icon::after {
    content: '\f16c';
    font-family: flaticon;
    font-size: 10px;
    color: #94a0b9;
    margin-left: 5px;
    transition: .3s linear
}

.header-menu .main-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.header-menu .main-menu li .sub-menu {
    position: absolute;
    left: 0;
    top: 110%;
    width: 270px;
    background: #fff;
    box-shadow: 0 2px 29px rgba(0, 0, 0, .05);
    padding: 20px 0;
    border-radius: 5px;
    border-top: 3px solid #248b92;
    opacity: 0;
    z-index: 99;
    visibility: hidden;
    transition: .3s linear
}

.header-menu .main-menu li .sub-menu li,
.woocommerce form#address_form table.wc-shipping-multiple-addresses td button.qib-button,
.woocommerce-order-received .woocommerce .addresses .woocommerce-column,
section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses {
    padding: 0
}

.header-menu .main-menu li .sub-menu li a {
    padding: 5px 25px;
    font-size: 15px;
    font-family: 'Futura PT';
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    position: relative;
    z-index: 1
}

.header-meta {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.header-btn {
    margin-left: 25px;
    padding: 0 28px;
    letter-spacing: 0
}

.header-btn .btn {
    height: 45px;
    line-height: 45px;
    padding: 0 45px
}

.header-toggle {
    margin-left: 30px
}

.header-toggle button {
    background: 0 0;
    border: 0;
    padding: 0
}

.header-toggle button span {
    width: 25px;
    height: 2px;
    background: #248b92;
    margin: 5px 0;
    display: block
}

.header-toggle button span:last-child,
.woocommerce-order-received .woocommerce-customer-details {
    margin-bottom: 0
}

.header-section-02,
.header-section-04 {
    background: 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.header-section-02.sticky,
.header-section-04.sticky {
    background: #fff;
    border-bottom: 0
}

.header-section-02.sticky .header-wrap .header-logo .logo-black,
.header-section-04.sticky .header-wrap .header-logo .logo-black,
.logged-in.woocommerce-account #main .woocommerce,
.woocommerce-account .woocommerce form .form-row .woocommerce-input-wrapper {
    display: block
}

.datapro-counter-section-02 .box-count:last-child .single-counter::before,
.datapro-counter-section-02 .single-counter.single-counter-4::before,
.header-section-02 .header-logo .logo-black,
.header-section-02.sticky .header-wrap .header-logo .logo-white,
.header-section-04 .header-logo .logo-black,
.header-section-04.sticky .header-wrap .header-logo .logo-white,
.header-section-05 .header-search::before,
.header-section-06 .header-search::before,
.product-lesting-pg .widget.widget_block .yith-wcan-reset-filters,
.woocommerce-account .woocommerce-EditAccountForm fieldset .show-password-input,
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-order-received td.woocommerce-table__product-total.product-total,
.woocommerce-order-received tfoot,
.woocommerce-order-received th.woocommerce-table__product-table.product-total,
aside.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-reset-filters,
body .select2-container--default .select2-selection__arrow b,
body .shipping_address p#wcms_message br,
body span.dropdown-wrapper,
body.woocommerce-account #customer_login div.u-column2 .register>p:nth-child(2),
body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td.actions,
body.woocommerce-cart a.checkout-button.button:first-child,
body.woocommerce-cart header.entry-header,
body.woocommerce-checkout div#customer_details,
body.woocommerce-page header.entry-header,
html body .woocommerce-info {
    display: none
}

.header-section-02.sticky .header-wrap .header-menu .main-menu li .menu-icon::after,
.header-section-04.sticky .header-wrap .header-menu .main-menu li .menu-icon::after,
.header-section-06 .header-menu .main-menu>li .menu-icon::after {
    color: #94a0b9
}

.header-section-02.sticky .header-wrap .header-cart .cart-btn,
.header-section-02.sticky .header-wrap .header-search .search-btn,
.header-section-04.sticky .header-wrap .header-cart .cart-btn,
.header-section-04.sticky .header-wrap .header-search .search-btn {
    color: #333
}

.header-section-04.sticky .header-wrap .header-menu .main-menu li .sub-menu {
    border-top: 3px solid #248b92
}

.header-section-04.sticky .header-wrap .header-menu .main-menu li .sub-menu li:hover>a {
    color: #248b92;
    padding-left: 35px
}

.header-section-04 .header-cart .cart-btn .count {
    background: #248b92;
    color: #fff
}

.header-section-04 .dropdown-cart .cart-btns .btn.btn-3 {
    background: #248b92;
    color: #fff;
    box-shadow: 11px 10px 38px 0 rgba(46, 63, 99, .15)
}

.header-section-04 .dropdown-cart .cart-btns .btn.btn-3:hover {
    background: #fff;
    color: #248b92
}

.header-section-05 .header-social {
    position: relative;
    padding-right: 25px;
    margin-right: 20px
}

.header-section-05 .header-social::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ebebeb;
    width: 1px;
    height: 30px
}

.footer-social .social li,
.header-section-05 .header-social ul li,
.header-top-wrapper .header-social ul li,
.submit-btn-area p,
body.storefront-full-width-content .woocommerce-tabs ul.tabs li {
    display: inline-block
}

.header-section-05 .header-social ul li+li,
.header-top-wrapper .header-social ul li+li {
    margin-left: 10px
}

.header-section-05 .header-social ul li a {
    font-size: 15px;
    display: block;
    color: #565656
}

.header-section-05 .header-search,
.header-section-06 .header-search {
    padding-left: 0
}

.header-top-section {
    background: #030213
}

.header-top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0
}

.header-top-wrapper .header-top-info ul li {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    position: relative
}

.header-top-wrapper .header-top-info ul li i {
    font-size: 20px;
    color: #11ddf5;
    position: relative;
    top: 1px;
    margin-right: 7px
}

.header-top-wrapper .header-top-info ul li+li {
    padding-left: 30px;
    margin-left: 25px
}

.header-top-wrapper .header-top-info ul li+li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background: #353542;
    width: 1px;
    height: 45px;
    transform: translateY(-46%)
}

.header-top-wrapper .header-social {
    display: flex;
    align-items: center
}

.header-top-wrapper .header-social span {
    font-size: 14px;
    color: #11ddf5;
    display: inline-block;
    margin-right: 20px
}

.header-top-wrapper .header-social ul li a {
    display: inline-block;
    font-size: 14px;
    color: #8c8c8c
}

.header-section-06 .header-menu,
.woocommerce .woocommerce-pagination a.woocommerce-Button.woocommerce-Button--next.button {
    margin-left: auto
}

.header-section-06 .header-menu .main-menu>li .sub-menu {
    border-top: 3px solid #11ddf5
}

.header-section-06 .header-cart .cart-btn .count {
    background: #11ddf5;
    color: #fff
}

.header-section-06 .dropdown-cart .cart-btns .btn.btn-3 {
    background: #ff5538;
    color: #fff
}

.header-section-06 .dropdown-cart .cart-btns .btn.btn-3:hover {
    background: #fff;
    color: #ff5538
}

.header-section-06 .header-meta {
    position: relative;
    padding-left: 15px
}

.header-section-06 .header-meta::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #cfcfcf;
    width: 1px;
    height: 25px
}

.header-section-06 .header-btn .btn {
    height: 50px;
    line-height: 48px
}

.header-section-06 .header-btn .btn:hover {
    background: #0f0948
}

.sticky {
    position: fixed;
    top: 0;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .07);
    -webkit-animation: 1s sticky;
    animation: 1s sticky
}

@-webkit-keyframes sticky {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes sticky {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

.datapro-hero-section {
    background: center center/cover no-repeat #f0f0f0;
    overflow: hidden;
    position: relative;
    padding-top: 85px;
    z-index: 1
}

.datapro-hero-section .shape-2 {
    position: absolute;
    width: 100%;
    height: 130px;
    right: 0;
    left: 0;
    bottom: -130px;
    background: #fff;
    transform: skewY(-3deg);
    transform-origin: 0;
    z-index: 2
}

.datapro-hero-section .hero-content .sub-title {
    font-size: 18px;
    font-family: 'Futura PT';
    font-weight: 600;
    letter-spacing: 1px;
    height: 45px;
    line-height: 43px;
    background: #fff;
    color: #484848;
    padding-left: 10px;
    padding-right: 25px;
    display: inline-block;
    border-radius: 35px;
    margin-bottom: 10px
}

.datapro-hero-section .hero-content .sub-title span {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    font-size: 16px;
    font-family: 'Futura PT';
    font-weight: 600;
    background: #248b92;
    color: #fff;
    border-radius: 35px;
    padding: 0 15px;
    margin-right: 10px
}

.datapro-hero-section .hero-content .title {
    font-size: 72px;
    line-height: 84px;
    color: #0e0e0e;
    margin-top: 15px
}

.datapro-hero-section .hero-content p {
    font-size: 24px;
    line-height: 36px;
    color: #4c4d56;
    padding-right: 45px;
    margin-top: 30px
}

.datapro-hero-section .hero-content .hero-btn .btn {
    margin-top: 45px
}

.datapro-hero-section .hero-images .images {
    text-align: center;
    position: relative;
    bottom: -50px
}

.datapro-hero-section-03 {
    height: 1020px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.section.datapro-hero-section-03::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 32%);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.datapro-hero-section-03 .shape-1 {
    position: absolute;
    top: -34%;
    left: -9%;
    z-index: -1
}

.datapro-hero-section-03 .shape-2 {
    position: absolute;
    left: 10%;
    top: -27%;
    z-index: 1
}

.datapro-hero-section-03 .shape-3 {
    position: absolute;
    right: -4%;
    bottom: -19%;
    z-index: -1
}

.datapro-hero-section-03 .shape-4 {
    position: absolute;
    top: 20%;
    right: -29%;
    z-index: -1
}

.datapro-hero-section-03 .hero-content .sub-title {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff
}

.datapro-hero-section-03 .hero-content .title {
    font-size: 70px;
    line-height: 80px;
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 3px 5px rgba(0, 0, 0, .7);
    margin: 10px 0 30px;
}

.datapro-hero-section-03 .hero-content p {
    font-size: 28px;
    line-height: 37px;
    font-weight: 500;
    color: #fff;
    margin-top: 30px;
    letter-spacing: .4px;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .7)
}

.service-content-wrap {
    padding-top: 45px
}

.service-item {
    background: #fff;
    box-shadow: 0 43px 100px 0 rgba(0, 0, 0, .13);
    border-radius: 10px;
    border-top: 10px solid #248b92;
    transform: translate3d(0, 0, 0);
    padding: 30px 40px 40px;
    margin-top: 30px;
    transition: .3s linear
}

.service-item.service-01,
.service-item.service-03 {
    margin-top: 55px
}

.service-item .service-img img {
    height: 80px
}

.service-item .service-content .title {
    font-size: 24px;
    line-height: 30px;
    padding-right: 15px;
    margin-top: 20px
}

.copyright-text,
.footer-widget-about,
.oxy-woo-my-account form.woocommerce-ResetPassword.lost_reset_password p .woocommerce-Button.button,
.service-item .service-content p {
    margin-top: 15px
}

.service-item:hover {
    transform: translateY(-5px) translate3d(0, -5px, 0)
}

.counter-img img,
.service-img img,
.testimonial-content img {
    filter: invert(46%) sepia(43%) saturate(2000%) hue-rotate(135deg) brightness(96%) contrast(92%)
}

.datapro-service-section-05 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: 160px;
    z-index: 1
}

.datapro-service-section-05::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(https://datapro.ae/wp-content/themes/datapro/assets/images/service-bg4.jpg);
    width: 100%;
    height: 75%;
    z-index: -1
}

.datapro-service-section-05 .service-wrap {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 15px;
    padding-left: 105px;
    padding-right: 105px;
    padding-bottom: 90px
}

.datapro-service-section-05 .section-title {
    max-width: 560px;
    margin: 0 auto
}

.datapro-service-section-05 .service-content-wrap {
    padding-top: 60px
}

.datapro-service-section-05 .service-item-04,
.footer-widget {
    margin-top: 30px
}

.datapro-service-section-05 .service-item-04 .service-img img,
.service-item-05 .service-img img {
    transition: .3s linear
}

.datapro-service-section-05 .service-item-04 .service-content .title {
    font-size: 24px;
    line-height: 27px;
    font-weight: 600;
    margin-top: 30px;
    padding-right: 70px
}

.datapro-service-section-05 .service-item-04 .service-content p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px
}

.datapro-service-section-05 .service-item-04:hover .service-img img,
.service-item-05:hover .service-img img {
    transform: scale(1.1)
}

.datapro-about-section .about-content-wrap .play-btn a::after,
.datapro-about-section .about-content-wrap .play-btn a::before,
.play-btn-02 a::after,
.play-btn-02 a::before {
    z-index: 0;
    transform: translate(-50%, -50%);
    display: block;
    content: ""
}

.service-item-05 {
    background: #fff;
    border-radius: 10px;
    padding: 40px 51px 45px;
    margin-top: 30px
}

.service-item-05 .service-content .title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-top: 25px
}

.service-item-05 .service-content p {
    font-size: 14px;
    line-height: 30px;
    margin-top: 15px
}

.datapro-cta-section .cta-wrap {
    background: #e6f0fb;
    max-width: 845px;
    margin: 0 auto;
    position: relative;
    border-radius: 10px;
    padding: 40px 125px
}

.datapro-cta-section .cta-wrap .cta-icon {
    position: absolute;
    left: 30px;
    top: -60px;
    height: 85px;
    width: 85px;
    line-height: 85px;
    text-align: center;
    background: #fff;
    box-shadow: 0 20px 43px 0 rgba(0, 0, 0, .09);
    border-radius: 50%
}

.datapro-cta-section .cta-wrap .cta-content p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #4c4d56
}

.datapro-cta-section .cta-wrap .cta-content p a {
    font-weight: 600;
    color: #248b92
}

.datapro-cta-section-02 .cta-wrap {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 10px;
    padding: 55px 105px;
    margin-bottom: -90px
}

.datapro-cta-section-02 .cta-wrap .cta-content p {
    font-size: 30px;
    line-height: 44px;
    font-weight: 600;
    padding-left: 90px;
    color: #fff;
    font-family: 'Futura PT';
    margin: 0
}

body .site-footer a:not(.button):not(.components-button) {
    color: #c4c5c7
}

body .site-footer {
    background-color: #eef9fd;
    margin: 0;
    padding: 0
}

.datapro-about-section .about-content-wrap .play-btn a i,
.play-btn-02 a {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 15px;
    display: inline-block;
    background: linear-gradient(240deg, #248b92 0, #1a2e59 100%);
    color: #fff;
    transition: .3s linear;
    text-align: center
}

.datapro-cta-section-02 .cta-wrap .cta-content .cta-icon {
    width: 115px;
    height: 115px;
    line-height: 110px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: -35px;
    left: 35px;
    background: #010f31;
    display: flex;
    align-items: center;
    justify-content: center
}

.datapro-cta-section-02 .cta-wrap .cta-btn .btn {
    font-size: 21px;
    background: #fff;
    color: #0e0e0e;
    padding: 0 24px;
    text-decoration: none;
}

.datapro-about-section {
    background: center center/cover no-repeat #0c0520;
    padding-top: 200px;
    position: relative;
    overflow: hidden
}

.datapro-about-section .shape-1 {
    position: absolute;
    width: 100%;
    height: 130px;
    right: 0;
    left: 0;
    top: -30px;
    background: #fff;
    transform: skewY(-3deg);
    transform-origin: 0;
    z-index: 2
}

.datapro-about-section .about-content-wrap .play-btn a,
.datapro-about-section .about-img-wrap,
.datapro-about-section-04 .about-img-wrap,
.efabless-unique-section .efabless-sub-main-div,
.play-btn-02 a,
.process-wrapper {
    position: relative
}

.datapro-about-section .about-img-wrap .about-img img {
    border-radius: 10px
}

.datapro-about-section .about-img-wrap .about-img.about-img-big {
    padding-top: 80px
}

.datapro-about-section .about-img-wrap .about-img.about-img-sm {
    position: absolute;
    top: 0;
    right: 0
}

.datapro-about-section .about-img-wrap .about-img.about-img-sm .shape-01 {
    position: absolute;
    width: 9px;
    height: 235px;
    background: #248b92;
    right: 10px;
    bottom: -270px
}

.datapro-about-section .about-content-wrap {
    padding-left: 100px
}

.datapro-about-section .about-content-wrap p {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding-right: 15px;
    margin-top: 20px
}

.datapro-about-section .about-content-wrap .play-btn,
.datapro-pagination,
.datapro-testimonial-section-02 .testimonial-content-wrap-02 {
    margin-top: 60px
}

.datapro-about-section .about-content-wrap .play-btn a i {
    border-radius: 50%
}

.datapro-about-section .about-content-wrap .play-btn a span {
    font-size: 24px;
    font-family: 'Futura PT';
    font-weight: 600;
    color: #fff;
    margin-left: 30px
}

.datapro-about-section .about-content-wrap .play-btn a::before {
    border: 2px solid #fff;
    position: absolute;
    left: 16%;
    top: 50%;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    -webkit-animation: 3.25s linear .8s infinite zoombig;
    animation: 3.25s linear .8s infinite zoombig
}

.datapro-about-section .about-content-wrap .play-btn a::after {
    border: 2px solid #fff;
    position: absolute;
    left: 16%;
    top: 50%;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    -webkit-animation: 3.25s linear infinite zoombig;
    animation: 3.25s linear infinite zoombig
}

.datapro-about-section .about-content-wrap .play-btn a:hover i,
.play-btn-02 a:hover {
    background: linear-gradient(180deg, #248b92 0, #1a2e59 100%)
}

@-webkit-keyframes zoombig {
    0% {
        transform: translate(-50%, -50%) scale(.5);
        opacity: 1;
        border-width: 3px
    }

    40% {
        opacity: .5;
        border-width: 3px
    }

    65% {
        border-width: 2px
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-width: 2px
    }
}

@keyframes zoombig {
    0% {
        transform: translate(-50%, -50%) scale(.5);
        opacity: 1;
        border-width: 3px
    }

    40% {
        opacity: .5;
        border-width: 3px
    }

    65% {
        border-width: 2px
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-width: 2px
    }
}

.about-list ul li {
    font-size: 16px;
    line-height: 36px;
    font-family: 'Futura PT';
    font-weight: 500;
    color: #333
}

.about-list ul li i {
    font-size: 16px;
    color: #248b92;
    margin-right: 10px
}

.datapro-about-section-04 .about-content-wrap {
    padding-right: 105px
}

.datapro-about-section-04 .about-content-wrap .text {
    font-size: 18px;
    line-height: 30px;
    margin-top: 14px
}

.datapro-about-section-04 .about-img-wrap .about-img img {
    border-radius: 10px;
    margin: 0 0 0 auto
}

.datapro-about-section-04 .about-img-wrap .about-img-sm {
    position: absolute;
    left: -15px;
    bottom: 35px;
    border: 8px solid #fff;
    border-radius: 10px
}

.about-author-info-wrap {
    margin-top: 30px;
    background: #1b2e59;
    padding: 22px 33px;
    border-radius: 15px;
    font-size: 22px;
    color: #fff;
    line-height: 160%;
    text-transform: capitalize
}

.about-author-info-wrap .about-author .name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-top: 20px
}

.about-author-info-wrap .about-author .designation {
    font-size: 12px;
    line-height: 18px
}

.about-author-info-wrap .about-info {
    flex: 1;
    padding-left: 50px;
    margin-left: 30px;
    position: relative
}

.about-author-info-wrap .about-info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background: #ececec;
    width: 2px;
    height: 95px;
    transform: translateY(-50%)
}

.about-author-info-wrap .about-info p,
.techwix-contact-section .contact-wrap .contact-info ul li .contact-info-item .contact-info-text p {
    font-size: 16px;
    line-height: 30px;
    color: #0e0e0e
}

.about-author-info-wrap .about-info .number {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #248b92
}

.play-btn-02 {
    position: absolute;
    left: 15%;
    top: 16%
}

.play-btn-02 a {
    border-radius: 50%
}

.play-btn-02 a::before {
    border: 2px solid #248b92;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    -webkit-animation: 3.25s linear .8s infinite zoombig;
    animation: 3.25s linear .8s infinite zoombig
}

.play-btn-02 a::after {
    border: 2px solid #248b92;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    -webkit-animation: 3.25s linear infinite zoombig;
    animation: 3.25s linear infinite zoombig
}

.datapro-counter-section {
    background: #e5effa;
    padding-top: 60px;
    padding-bottom: 80px
}

.contact-info-section .contact-info-wrap,
.datapro-counter-section .counter-wrap {
    margin-top: -30px
}
.box-count{
    position:relative;
}
.single-counter {
    display: flex;
    align-items: center;
    margin-top: 0;
}

.single-counter .counter-img {
    height: 95px;
    width: 95px;
    line-height: 95px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    background: #fff;
    box-shadow: 0 0 51px 0 rgba(0, 0, 0, .09);
    border-radius: 10px
}

.single-counter .counter-content,
.techwix-contact-section .contact-wrap .contact-info ul li .contact-info-item .contact-info-text {
    margin-left: 20px
}

.single-counter .counter-content span {
    font-size: 40px;
    line-height: 26px;
    font-family: 'Futura PT';
    font-weight: 700;
    color: #248b92;
    display: inline-flex
}

.box-count:nth-child(2) span.counter::after,
.box-count:nth-child(3) span.counter::after,
.box-count:nth-child(4) span.counter::after {
    content: 'k+';
    display: block
}

.box-count:nth-child(3) span.counter::after {
    content: '+'
}

.box-count:nth-child(4) span.counter::after {
    content: '/5'
}

.single-counter .counter-content p {
    font-size: 12px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: #4c4d56;
    margin: 11px 0 12px !important;
}

.datapro-counter-section-02 .counter-wrap {
    border: 1px solid #e1e1e1;
    background: #fff;
       margin-bottom: 0px;
    position: relative;
    z-index: 5;
    /*padding: 15px 25px 40px*/
}

.datapro-counter-section-02 .single-counter {
    position: static;
    margin-left: 0;
    padding: 32px 27px 18px;
}

.datapro-counter-section-02 .single-counter::before {
        content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: #e1e1e1;
    width: 1px;
    height: 100%;
}

.testimonial-wrap {
    height: 530px;
    background: center center/cover no-repeat #f0f0f0;
    overflow: hidden;
    border-radius: 5px;
    padding: 75px 65px 90px 75px
}

.testimonial-wrap .testimonial-img {
    position: relative;
    z-index: 1
}

.testimonial-wrap .testimonial-img .shape-1 {
    position: absolute;
    top: 20px;
    left: 20px;
    -webkit-animation: 7s linear infinite round-01;
    animation: 7s linear infinite round-01;
    z-index: -1
}

.testimonial-wrap .testimonial-img img {
    position: relative;
    bottom: 45px
}

.testimonial-wrap .testimonial-content-wrap {
    max-width: 520px;
    background: #fff;
    padding: 50px 50px 60px;
    position: relative
}

.testimonial-wrap .testimonial-content-wrap::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 35px solid transparent;
    border-top: 40px solid #fff;
    left: -50px;
    bottom: 215px;
    z-index: 1;
    transform: rotate(90deg)
}

.single-testimonial p {
    font-size: 26px;
    line-height: 36px;
    margin-top: 20px;
    margin-bottom: 15px
}

.datapro-testimonial-section-02 .single-testimonial-02 .testimonial-content .name,
.single-testimonial .name {
    font-size: 16px;
    line-height: 20px;
    color: #0e0e0e
}

.datapro-testimonial-section-02 .single-testimonial-02 .testimonial-content .designation,
.single-testimonial .designation {
    font-size: 12px;
    line-height: 20px;
    color: #47484a
}

.datapro-testimonial-section-02,
section.client-section {
    background: #eef9fd
}

.datapro-testimonial-section-02 .single-testimonial-02 {
    background: #fff;
    box-shadow: 0 10px 15px 0 rgb(13 169 223 / 10%);
    border-radius: 10px;
    width: 570px;
    margin: 0 40px 60px;
    position: relative
}

.datapro-testimonial-section-03 .single-testimonial-02:nth-child(2n) {
    margin: 10px 0 60px 40px
}

.datapro-testimonial-section-02 .single-testimonial-02 .testimonial-thumb {
    position: absolute;
    left: -7%;
    top: 50%;
    transform: translateY(-65%);
    z-index: 3;
    width: 130px;
    height: 130px
}

.datapro-testimonial-section-02 .single-testimonial-02 .testimonial-thumb img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.datapro-testimonial-section-02 .single-testimonial-02 .testimonial-content {
    padding: 40px 40px 40px 130px
}

.datapro-testimonial-section-02 .single-testimonial-02 .testimonial-content p {
    font-size: 20px;
    line-height: 32px;
    color: #4c4d56;
    margin-top: 20px;
    margin-bottom: 15px
}

.testimonial-02-active .swiper-pagination {
    position: relative;
    margin-top: 50px
}

.testimonial-02-active .swiper-pagination .swiper-pagination-bullet {
    margin: 0 7px
}

.testimonial-02-active .swiper-pagination .swiper-pagination-bullet::after {
    border: 1px solid #fff
}

.testimonial-02-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.page-banner-section {
    padding-top: 0;
    min-height: 450px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    float: none
}

.page-banner-section .shape-1 {
    position: absolute;
    left: -32%;
    top: -35%;
    z-index: -1
}

.page-banner-section .shape-2 {
    position: absolute;
    left: -11%;
    top: -30%;
    z-index: -1
}

.page-banner-section .shape-3 {
    position: absolute;
    right: -2%;
    bottom: -27%;
    z-index: -1
}

.page-banner-section .shape-4 {
    position: absolute;
    right: -26%;
    bottom: -81%;
    z-index: -1
}

.page-banner .title {
    font-size: 60px;
    line-height: 1.25;
    font-family: 'Futura PT';
    display: inline-block;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1
}

.page-banner .breadcrumb {
    margin-bottom: 0;
    margin-top: 10px
}

.page-banner .breadcrumb .breadcrumb-item {
    color: #fff;
    font-size: 20px
}

.page-banner .breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 8px
}

.page-banner .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "/";
    font-family: flaticon !important;
    font-size: 20px;
    padding-right: 5px;
    color: #fff
}

.datapro-pagination .pagination li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    transition: .3s linear
}

.datapro-pagination .pagination li a.active {
    background-color: #248b92;
    color: #fff
}

.footer-widget-wrap {
    padding-top: 70px;
    padding-bottom: 75px
}

.widget-info {
    padding-top: 20px
}

.widget-info ul li {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 10px
}

.widget-info ul li .info-icon i {
    display: inline-block;
    color: #248b92;
    font-size: 18px;
    margin-right: 10px;
    margin-top: 2px
}

.widget-info ul li .info-text {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Futura PT';
    font-weight: 600;
    color: #c4c5c7
}

/* .footer-widget-about p {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    padding-right: 110px;
    margin-top: 20px
} */
.footer-widget-about p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding-right: 14px;
    margin-top: 20px;
    letter-spacing: .4px;
}
.copyright-text p,
.widget-link li a {
    color: #c4c5c7;
    font-size: 16px;
}
footer .footer-widget-wrap .footer-box:nth-child(4) .footer-widget {
    padding: 0 18px 0 0;
}
.ct-mailchimp1.style1 [type=email] {
    font-size: 14px;
    color: #fff;
    padding-left: 24px;
    height: 46px;
    border: none;
    background-color: #0f0f35;
}
html body .news-form input.wpcf7-email {
    background: #50729152!important;
    border: 1px solid #ffffff3b!important;
}
html body .news-form p {
    margin:0!important;
}

input.wpcf7-submit {}

.news-btn input.wpcf7-submit {
    width: 55px;
    padding: 0;
    height: 55px;
    border: 0!important;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    background: transparent;
    border-radius: 0!important;
    line-height: 100%!important;
    font-size: 0;
}

input.wpcf7-submit form.wpcf7-form.init {}

.news-form ::placeholder {
    color:#fff!important;
}

.news-form form.wpcf7-form {
    margin: 0!important;
    position: relative;
    border-radius: 5px!important;
    overflow: hidden;
}

.news-btn::before {
    position: absolute;
    background: linear-gradient(90deg, #248b92 0, #1a2e59 100%);
    width: 55px;
    height: 55px;
    content: '\f1d8';
    font-weight: 400;
    font-family: "font awesome 5 free";
    top: 0;
    left: auto;
    right: 0;
    z-index: 1;
    text-align: center;
    line-height: 55px;
    color: #fff;
    font-size: 17px;
}
footer p {
    color: #c9c9c9;
    line-height: 140%;
    font-size: 16px;
}
@media only screen and (max-width:1399px) {
    .footer-widget-about p {
        padding-right: 0
    }
}

.footer-social .social,
.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .form-btn,
.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form {
    margin-top: 25px
}

.footer-social .social li+li {
    margin-left: 5px
}

.footer-social .social li a {
    width: 35px;
    height: 35px;
    line-height: 37px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    background: #fff;
    color: #248b92;
    text-decoration: none
}

body .col-full {
    width: 100%;
    padding: 0;
    margin: 0
}

.footer-widget .footer-widget-title {
    font-size: 20px;
    font-family: 'Futura PT';
    font-weight: 600;
    color: #fff
}

.footer-section-03 .widget-link,
.widget-link {
    padding-top: 22px
}

.widget-link li {
    margin-top: 7px
}

footer ul {
    padding: 0;
    margin: 0
}

.widget-link li a {
    font-weight: 500 !important;
    transition: .3s linear;
    font-family: 'Futura PT';
    text-decoration: none
}

.widget-link li a:hover {
    color: #248b92;
    padding-left: 10px
}

.footer-social ul li a.custom-class::before {
    content: "\f39e";
    font-family: "Font Awesome 5 Brands";
    font-size: 16px;
    color: #248b92
}

.footer-social ul li:nth-child(2) a::before {
    content: "\f099"
}

.footer-social ul li:nth-child(3) a::before {
    content: "\f0e1"
}

.footer-section {
    background: center center/cover no-repeat #031a48
}

.footer-logo {
    max-width: 170px
}
.footer-copyright-area {
    border-top: 1px solid #1f5672a1;
    padding-top: 9px;
    padding-bottom: 0px;
}
.progress-wrap.active-progress svg {
    background: #031a48;
    border-radius: 25px;
}

@media only screen and (max-width:767px) {
    .copyright-text {
        text-align: center
    }
}

.footer-section-02 {
    background: #000
}

.footer-section-02 .footer-widget-wrap {
    padding-top: 130px
}

.footer-section-04 .footer-copyright-area {
    border-top: 1px solid #e0e0e0
}

.footer-section-04 .copyright-text p {
    font-size: 14px;
    color: #0e0e0e
}

footer .footer-widget-wrap .row {
    display: grid;
    grid-template-columns: 27% 21% 26% 26%;
}
footer .footer-widget-wrap .footer-box {
    width: 100%;
}






.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 93, 224, .2);
    opacity: 0;
    visibility: hidden;
    transform: translateX(130%);
    z-index: 99;
    transition: .2s linear
}

.progress-wrap::after {
    position: absolute;
    content: "\f108";
    font-family: flaticon !important;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #248b92;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    transform: rotate(90deg);
    cursor: pointer;
    display: block;
    z-index: 1
}

.progress-wrap svg path {
    fill: none
}

.progress-wrap svg.progress-circle path {
    stroke: #248b92;
    stroke-width: 4;
    box-sizing: border-box
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}

.progress-wrap-3 {
    box-shadow: inset 0 0 0 2px rgba(255, 85, 56, .2)
}

.item-bg,
.services-small-item {
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .06)
}

.progress-wrap-3 svg.progress-circle path {
    stroke: #ff5538
}

.card-figcaption-button {
    background: #dedede;
    font-size: 18px;
    border: none;
    padding: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    margin-top: 0
}

.card-figcaption-button span {
    text-align: center;
    line-height: 36px;
    margin: 0 auto;
    color: #fff
}

.sale-flag-discount {
    background: #ff3c20;
    border-radius: 50px;
    color: #fff;
    right: 15px;
    height: 40px;
    width: 40px;
    font-size: 12px;
    line-height: 2.85714rem;
    padding-left: .5rem;
    padding-right: .78571rem;
    padding-top: .10714rem;
    position: absolute;
    text-align: center;
    z-index: 10
}

.rating--small .icon {
    width: 12px;
    height: 12px;
    margin: 0
}

.rating--small {
    margin-bottom: 5px
}

.icon,
.icon svg {
    transition: .15s
}

.icon--ratingEmpty svg {
    fill: #dfdfdf
}

.rating--small .icon--ratingEmpty svg {
    fill: #999
}

.price-section {
    color: #999;
    font-size: 16px;
    font-weight: 700
}

.price-section .price--withoutTax {
    color: #ff3c20
}

body button.action-link.button--wishlist {
    width: 100%;
    border: 0;
    background: 0 0
}

.services-small-item,
.services-small-item:before {
    border-radius: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    height: 100%
}

.action-item.compare .form-check-input {
    margin: 8px
}

span.logo-text {
    background: #248b92;
    background: linear-gradient(to right, #248b92 0, #1a2e59 53%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px
}

.section.datapro-serve-section-05 {
    background: #f8f8f8;
    background: linear-gradient(177deg, #f8f8f8 0, #fff 100%)
}

.services-small-item .button i,
.services-small-item .icon i,
.services-small-item:before {
    background-image: linear-gradient(135deg, #80d0c7 0, #13547a 100%)
}

.center-heading {
    text-align: center
}

.center-heading .section-title {
    font-weight: 400;
    font-size: 28px;
    color: #3b566e;
    letter-spacing: 1.1px;
    line-height: 38px;
    margin-bottom: 20px
}

.center-text {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #6f8ba4;
    line-height: 28px;
    letter-spacing: 1px;
    margin-bottom: 50px
}

.center-text.colored {
    color: #c7e5ff
}

.center-text p,
.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .heading-wrap {
    margin-bottom: 30px
}

.services-small-item {
    display: block;
    background: #fff;
    padding: 40px 28px;
    text-align: center;
    transition: .3s;
    position: relative;
    z-index: 2;
    margin-bottom: 0
}

.services-small-item:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition: .3s;
    opacity: 0
}

.services-small-item .icon,
.services-small-item .icon i {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s
}

.process-box:hover .process-box_img:after,
.services-small-item.active:before,
.services-small-item:hover:before {
    opacity: 1
}

.services-small-item.active .icon:before,
.services-small-item:hover .icon:before {
    opacity: .26
}

.services-small-item.active .icon i,
.services-small-item:hover .icon i {
    background: -webkit-linear-gradient(#fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.services-small-item.active .button i,
.services-small-item:hover .button i {
    background-image: linear-gradient(135deg, #fff 0, #fff 100%) !important;
    color: #2b708b !important
}

.services-small-item:hover {
    margin-top: -15px
}

.services-small-item .icon {
    width: 120px;
    height: 120px;
    margin: auto auto 20px;
    position: relative;
    transition: .3s;
    background: #e9f6f6;
    border-radius: 100%;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.services-small-item .icon i {
    display: block;
    height: 67px;
    line-height: 67px;
    position: absolute;
    width: 100%;
    top: 22px;
    z-index: 2;
    font-size: 28px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: .3s
}

.services-small-item .services-title,
.services-small-item p {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    position: relative;
    z-index: 2
}

.services-small-item .services-title {
    font-weight: 600;
    font-size: 24px;
    color: #000;
    letter-spacing: .2px;
    margin-bottom: 15px;
    transition: .3s
}

.services-small-item p {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .88px;
    line-height: 24px;
    transition: .3s;
    margin-bottom: 30px;
    color: #4c4d56
}

.services-small-item .button {
    position: relative;
    z-index: 2
}

.services-small-item .button i {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
    padding-left: 3px
}

.services-small-item:hover+.item-bg {
    bottom: 30px
}

.item-bg {
    content: '';
    position: absolute;
    width: 80%;
    height: 15px;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 1;
    background: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.icon img {
    width: auto;
    height: auto;
    padding: 12px
}

.process-box .process-box_img {
    position: relative;
    border-radius: 50%;
    display: inline-block
}

.process-box .process-box_img img {
    width: 190px;
    padding: 20px;
    border-radius: 50%;
    border: 2px dashed #248b92;
    -webkit-transition: .4s;
    transition: .4s;
    background: #fff
}

.process-box .process-box_title {
    font-size: 22px;
    margin-top: 20px
}

p {
    margin-bottom: 0;
    font-size: 18px
}

.process-box:hover .process-box_img img {
    padding: 0;
    border-color: transparent
}

.process-box .process-box_img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: rgb(94 169 175 / 70%);
    width: 100%;
    height: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 0
}

.process-wrapper .process-line {
    position: absolute;
    top: 56%;
    left: 50%;
    -webkit-transform: translate(calc(-50% + 500px), calc(-50% - 25px));
    -ms-transform: translate(calc(-50% + 500px), calc(-50% - 25px));
    transform: translate(calc(-50% + 500px), calc(-50% - 25px));
    margin: 0 -500px;
    z-index: 1
}

.efabless-unique-section {
    background: #f8f8f8
}

.efabless-unique-section .efabless-sub-main-div::before {
    position: absolute;
    content: "";
    height: 5px;
    width: 100%;
    background: #ccc;
    top: auto;
    bottom: 240px;
    right: -91px;
    left: auto;
    transform: rotate(-17deg);
    -webkit-transform: rotate(-17deg);
    -o-transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    -moz-transform: rotate(-17deg)
}

.efabless-unique-section .efabless-sub-main-div::after {
    position: absolute;
    content: "";
    right: -86px;
    left: auto;
    top: -247px;
    bottom: auto;
    border-left: 22px solid #ccc;
    border-top: 12px ridge transparent;
    border-bottom: 12px ridge transparent;
    transform: rotate(-18deg);
    -webkit-transform: rotate(-18deg);
    -o-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    -moz-transform: rotate(-18deg)
}

.efabless-unique-section .efabless-main-box-div .box-common {
    float: left;
    width: 19.4%;
    position: relative
}

.efabless-unique-section .efabless-main-box-div {
    margin-left: 243px
}

.efabless-unique-section .efabless-main-box-div .box-common .efabless-content-1 {
    position: absolute;
    top: -219px;
    bottom: auto;
    left: auto;
    right: -17px;
    width: 203px;
    min-height: 174px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 1px 7px 1px rgba(0, 0, 0, .1);
    padding: 43px 30px
}

.efabless-unique-section .efabless-main-box-div .box-common .efabless-content-1 p {
    text-align: center;
    font-size: 24px;
    font-family: lato;
    line-height: 120%;
    font-weight: 700
}

.efabless-unique-section .efabless-main-div {
    margin-top: 441px
}

.efabless-unique-section .efabless-main-box-div .box-common:nth-child(2n+2) .efabless-content-1 {
    bottom: -202px;
    top: auto
}

.efabless-unique-section .efabless-main-box-div .box-common:nth-child(3) .efabless-content-1 {
    top: -331px;
    bottom: auto
}

.efabless-unique-section .efabless-main-box-div .box-common:last-child .efabless-content-1 {
    top: -443px;
    bottom: auto
}

.efabless-unique-section .efabless-main-box-div .box-common:nth-child(2) .efabless-content-1 {
    bottom: -195px;
    left: 18px
}

.efabless-unique-section .efabless-main-box-div .box-common:nth-child(4) .efabless-content-1 {
    top: -69px;
    bottom: auto;
    left: 18px
}

.efabless-unique-section .efabless-section-logo {
    z-index: 9;
    position: relative
}

.efabless-unique-section .efabless-main-box-div .box-common .efabless-content-2 p {
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: 700;
    font-family: lato
}

.efabless-unique-section .efabless-main-box-div .efabless-content-2 {
    position: relative;
    top: 71px
}

.efabless-unique-section .efabless-main-box-div .box-common:nth-child(2n+2) .efabless-content-2 {
    bottom: 90px;
    top: auto;
    left: 30px
}

.efabless-unique-section .efabless-main-box-div .box-common:nth-child(3) .efabless-content-2 {
    top: -37px;
    bottom: auto
}

.efabless-unique-section .efabless-main-box-div .box-common:nth-child(4) .efabless-content-2 {
    top: auto;
    bottom: 200px
}

.efabless-unique-section .efabless-main-box-div .box-common:last-child .efabless-content-2 {
    top: auto;
    bottom: 150px;
    left: 7px
}

.efabless-unique-section .efabless-main-box-div .box-common .efabless-content-1::before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    background: #fff;
    border: 4px solid #cb050a;
    border-radius: 100px;
    top: auto;
    bottom: -99px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.efabless-unique-section .efabless-main-box-div .box-common:nth-child(2n+2) .efabless-content-1::before {
    top: -86px;
    bottom: auto
}

.efabless-unique-section .efabless-main-box-div .box-common:nth-child(4) .efabless-content-1::before {
    top: -72px
}

.efabless-unique-section .efabless-main-box-div .box-common:last-child .efabless-content-1::before {
    top: auto;
    bottom: -102px
}

.efabless-unique-section .efabless-main-box-div .box-common .efabless-content-1::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 41px;
    background: url("../../static/image/efabless-arrow.png");
    margin: 0 auto;
    left: 0;
    right: 0;
    top: auto;
    bottom: -72px
}

.efabless-unique-section .efabless-main-box-div .box-common:nth-child(2n+2) .efabless-content-1::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    top: -59px;
    bottom: auto
}

.efabless-unique-section .efabless-main-box-div .box-common:nth-child(4) .efabless-content-1::after {
    top: -44px
}

.process-area5 {
    background: url(../../static/image/h7-bg-section5.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important
}

.timeline .item--image {
    width: 160px;
    position: relative;
    margin: 0 auto
}

.item--year {
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 40%;
    line-height: 135%;
    left: 0;
    transform: translateY(-50%);
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    text-shadow: #000 1px 0 1px
}

.timeline .item--inner .number-time {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    background-color: #248b92;
    margin: 11px auto 0;
    text-align: center;
    max-width: 103px
}

.timeline .item--inner .number-time:before {
    border-color: transparent transparent transparent #248b92;
    content: '';
    border-width: 20px;
    border-style: solid;
    position: absolute;
    top: 0;
    right: -40px
}

.timeline .item--inner .number-time span:after {
    border-color: transparent #248b92 #248b92 transparent;
    bottom: 0
}

.timeline .item--inner .number-time span:after,
.timeline .item--inner .number-time span:before {
    content: '';
    border-width: 20px;
    border-style: solid;
    position: absolute;
    left: -27px
}

.techwix-contact-section-03 .contact-wrap .contact-form .contact-form-wrap .form-btn,
.timeline .item--inner,
.woocommerce-account table.shop_table thead th {
    text-align: center
}

.timeline .item--inner .number-time span:before {
    border-color: #248b92 #248b92 transparent transparent;
    top: 0
}

.timeline .slide-time:before {
    content: '';
    height: 0;
    left: 15px;
    right: 15px;
    z-index: -1;
    border-bottom: 2px dotted #cec7b9;
    position: absolute;
    top: 222px
}

.timeline h3.item--title {
    padding: 20px;
    background: #fff;
    box-shadow: rgba(0 0 0 /13%) 0 0 15px;
    min-height: 145px;
    border-radius: 15px;
    margin: 18px 0 0;
    font-size: 22px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.timeline span.font-18 {
    line-height: 120%;
    font-size: 22px;
    display: block
}

.timeline .slide-time {
    position: relative;
    overflow: hidden;
    padding: 0 20px 29px
}

.timeline .swiper-button-next,
.timeline .swiper-button-prev {
    margin: 0;
    top: 205px;
    transform: translate(0, 0);
    bottom: auto;
    height: 30px;
    width: 30px;
    background-color: #f0f3f7;
    border: 3px solid #248b92;
    color: #191919;
    border-radius: 100%
}

.bg-blue,
.job-details::after {
    background-color: #337ab7
}

.timeline .swiper-button-next:after,
.timeline .swiper-button-prev:after {
    color: #1a2e59;
    font-size: 18px
}

body .timeline .swiper-pagination {
    position: static;
    margin: 30px 0 0
}

.client-section ul {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    align-items: center;
    grid-gap: 0 3px;
    margin: -38px auto 0 16px
}

.client-section ul:first-child {
    position: relative;
    bottom: 0;
    left: 0
}

.client-section ul li::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 185px;
    height: 210px;
    background: url(../../static/image/white.png) 0 0/100% 100% no-repeat;
    filter: drop-shadow(2px 4px 6px rgba(0 89 176 / 10%))
}

.client-section ul li {
    height: 215px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    transition: .5s;
    width: 188px;
    margin: 0 15px
}

.client-section ul:nth-child(2n) {
    max-width: 1049px;
    margin: -30px auto 0
}

.client-section ul li a {
    position: relative;
    z-index: 1;
    text-align: center;
    display: block;
    width: 100%
}

section.client-section .wrap-area img {
    padding: 0;
    max-width: 122px;
    margin: 0 auto
}

.techwix-contact-section .contact-wrap {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 60% 100%
}

.techwix-contact-section .contact-wrap .contact-info .section-title .title {
    position: relative;
    padding-left: 45px
}

.techwix-contact-section .contact-wrap .contact-info .section-title .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background: #ff5538;
    height: 150px;
    width: 4px;
    transform: translateY(-50%)
}

.techwix-contact-section .contact-wrap .contact-info ul {
    padding-top: 15px
}

.techwix-contact-section .contact-wrap .contact-info ul li {
    margin-top: 15px;
    padding-right: 65px
}

.techwix-contact-section .contact-wrap .contact-info ul li:first-child {
    border-top: 0
}

.techwix-contact-section .contact-wrap .contact-info ul li .contact-info-item .contact-info-icon i {
    font-size: 50px;
    color: #ff5538
}

.techwix-contact-section .contact-wrap .contact-info ul li .contact-info-item .contact-info-text .title {
    font-size: 24px;
    line-height: 30px;
    color: #0e0e0e
}

.techwix-contact-section .contact-wrap .contact-form {
    background: #f8f8f8;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 110px
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .heading-wrap .sub-title {
    font-size: 14px;
    line-height: 30px;
    font-family: Barlow, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #248b92
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .heading-wrap .title {
    font-size: 42px;
    line-height: 54px;
    font-weight: 600;
    color: #333
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) {
    height: 55px;
    line-height: 55px;
    border: 1px solid #ebebeb;
    padding-left: 15px
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder {
    opacity: .95;
    font-size: 14px;
    color: #4c4d56;
    font-family: Barlow, sans-serif;
    font-weight: 400
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder {
    opacity: .95;
    font-size: 14px;
    color: #4c4d56;
    font-family: Barlow, sans-serif;
    font-weight: 400
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder {
    opacity: .95;
    font-size: 14px;
    color: #4c4d56;
    font-family: Barlow, sans-serif;
    font-weight: 400
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder {
    opacity: .95;
    font-size: 14px;
    color: #4c4d56;
    font-family: Barlow, sans-serif;
    font-weight: 400
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form textarea {
    height: 135px;
    border: 1px solid #ebebeb;
    padding-left: 15px;
    resize: none
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form textarea::-webkit-input-placeholder {
    opacity: .95;
    font-size: 14px;
    color: #4c4d56;
    font-family: Barlow, sans-serif;
    font-weight: 400
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form textarea:-moz-placeholder {
    opacity: .95;
    font-size: 14px;
    color: #4c4d56;
    font-family: Barlow, sans-serif;
    font-weight: 400
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form textarea::-moz-placeholder {
    opacity: .95;
    font-size: 14px;
    color: #4c4d56;
    font-family: Barlow, sans-serif;
    font-weight: 400
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form textarea:-ms-input-placeholder {
    opacity: .95;
    font-size: 14px;
    color: #4c4d56;
    font-family: Barlow, sans-serif;
    font-weight: 400
}

.techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .form-btn .btn {
    font-size: 16px;
    width: 100%;
    height: 55px;
    line-height: 50px;
    margin-bottom: 10px
}

.techwix-contact-section-02 .contact-wrap .contact-info .section-title .title::before {
    background: #086ad8
}

.techwix-contact-section-02 .contact-wrap .contact-info ul li .contact-info-item .contact-info-icon i {
    color: #086ad8
}

.techwix-contact-section-02 .contact-wrap .contact-form {
    background: #fff;
    box-shadow: 0 0 139px 0 rgba(0, 0, 0, .1)
}

.contact-info-section .contact-info-wrap .single-contact-info {
    background: #ffffff;
    padding: 45px 25px 50px;
    border-radius: 10px;
    margin-top: 30px;
    min-height: 306px;
    box-shadow: rgba(0 0 0 / 12%) 0 0 20px;
}
.contact-info-section .contact-info-wrap .single-contact-info .info-content .title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 15px
}

.contact-info-section .contact-info-wrap .single-contact-info .info-content p {
    font-size: 18px;
    line-height: 30px
}

.techwix-contact-section-03 .contact-wrap {
    margin-bottom: -60px;
    position: relative;
    z-index: 5
}

.techwix-contact-section-03 .contact-wrap .contact-form .contact-form-wrap .form-btn .btn {
    width: 70%
}

.contact-map-section .contact-map-wrap {
    margin-bottom: -8px
}

.contact-map-section .contact-map-wrap iframe {
    height: 550px;
    width: 100%;
    filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg)
}

.info-icon img {
    margin: 0 auto
}

body select,
body textarea.wpcf7-textarea {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    box-shadow: none;
    outline: 0;
    color: #94979e;
    font-size: 16px;
    font-family: 'Futura PT';
    font-weight: 500;
    letter-spacing: .3px
}

.page-banner h1 {
    color: #fff;
    text-shadow: 0 3px 3px #000
}

.opportunities-section .col-12 {
    margin: 0 0 30px
}

.opportunities-section .vacancy-header {
    box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
    border-radius: 20px;
    position: relative;
    padding: 40px 30px 60px;
    z-index: 0;
    width: 90%;
    margin: 0 auto;
    height: 100%
}

.opportunities-section .vacancy-header .job-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0
}

.opportunities-section .vacancy-header .numbering {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.job-details {
    position: relative;
    padding: 5px 0
}

.font-weight-600 {
    margin: 0 0 10px 20px !important;
    font-weight: 600
}

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

.job-details::after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 13px;
    height: 13px;
    border-radius: 2px;
    transform: rotate(45deg)
}

.intro {
    font-weight: 400;
    font-size: 18px;
    color: #000
}

.opportunities-section .view-btn a.btn {
    position: absolute;
    left: 50%;
    bottom: -5%;
    transform: translate(-50%, 5%);
    width: 50%;
    line-height: 21px;
    padding: 15px
}

.opportunities-section .vacancy-header .numbering p {
    font-size: 24px;
    margin: 0;
    color: #fff
}

.number-opening {
    font-size: 20px
}

.opportunities-section .vacancy-header::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 185px;
    background-image: url(../../static/image/career-shape.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1
}

.custom-button-price-container a.woocommerce-LoopProduct-link.woocommerce-loop-product__link,
.job-details p,
.product-lesting-pg .widget.widget_block,
.product-lesting-pg .yith-wcan-filters .yith-wcan-filter:last-child,
.woocommerce form.register .form-row:last-child,
.woocommerce-account #customer_login>div[class*=col-]>h2,
.woocommerce-account .woocommerce form.register .wc-terms-and-conditions .checkbox,
.woocommerce-account .woocommerce form.register .wc-terms-and-conditions .checkbox input[type=checkbox],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper,
.woocommerce-notices-wrapper:empty,
aside#yith-woo-ajax-reset-navigation-3,
tr.woocommerce-table__line-item.order_item td.woocommerce-table__product-name.product-name a,
tr.woocommerce-table__line-item.order_item td.woocommerce-table__product-name.product-name strong {
    margin: 0
}

.woocommerce-active ul.products li.product .button.add_to_cart_button,
.woocommerce-active ul.products li.product a.added_to_cart.wc-forward {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    line-height: 44px;
    border: 1px solid #e3e3e3;
    color: #fff;
    background-color: #20533b;
    font-size: 0px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    width: 44px;
    height: 44px;
    padding: 0;
    transition: .3s ease-in-out;
    box-shadow: 0 5px 10px 0 rgba(91, 91, 91, .1)
}

.woocommerce-active ul.products li.product .button.add_to_cart_button::before,
.woocommerce-active ul.products li.product a.added_to_cart.wc-forward::before {
    width: 44px;
    height: 44px;
    transition: .3s ease-in-out;
    content: "\e915";
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    font-size: 22px;
    border-right: 0 solid transparent;
    border-bottom: 0 solid #20533b;
    transform: translateX(0);
    content: "\f154";
    font-family: flaticon
}

.woocommerce-active ul.products li.product a.added_to_cart.wc-forward::before {
    content: "\f06e";
    font-family: var(--fa-style-family, "Font Awesome 6 Pro")
}

.woocommerce-active ul.products li.product .button.added {
    display: none;
    transition: .5s
}

.custom-button-price-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse
}

.product-lesting-pg button.add-to-cart-button {
    font-size: 0;
    background: 0 0;
    box-shadow: none;
    border: 0;
    padding: 0;
    line-height: normal;
    position: relative
}

.product-lesting-pg .add-to-cart-button {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer;
    transition: background-color .3s
}

.product-lesting-pg .add-to-cart-button:hover {
    background-color: #f2f2f2
}

.product-lesting-pg .add-to-cart-button.selected {
    background-color: #4caf50;
    color: #fff
}

.product-lesting-pg .add-to-cart-button input[type=checkbox] {
    pointer-events: all;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 100% !important;
    padding: 0 !important;
    border: 1px solid #969393 !important
}

input[type=checkbox]:checked:after {
    opacity: 1;
    border-color: #fff
}

input[type=checkbox]:after {
    content: "";
    opacity: 0;
    display: block;
    left: 9px;
    top: 5px;
    position: absolute;
    width: 7px;
    height: 13px;
    border: 3px solid #24878f;
    border-top: 0;
    border-left: 0;
    transform: rotate(41deg)
}

.product-lesting-pg .add-to-cart-button input[type=checkbox]:checked,
input[type=checkbox]:checked {
    background: #248a91 !important;
    border: 1px solid #24868f !important
}

.quantity {
    display: flex;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    background-color: #f0f0f0;
    max-width: 100px
}

.quantity button {
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 19px;
    width: 28px;
    text-align: center;
    height: 35px;
    transition: background-color .2s;
    background: #1b315b;
    line-height: normal;
    border-radius: 0;
    min-width: 28px;
    padding: 0
}

html .woocommerce .quantity,
html .woocommerce-page .quantity {
    width: 105px;
    white-space: unset;
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: center;
    border: 0
}

.quantity button:hover {
    background-color: #248a91;
    color: #fff
}

html body .product-lesting-pg table .input-box {
    width: 46px;
    text-align: center;
    padding: 2px 4px !important;
    font-size: 16px !important;
    outline: 0 !important;
    border: 1px solid #004085 !important;
    height: 35px;
    color: #000;
    background: #fff;
    white-space: unset;
    border-radius: 0 !important
}

.product-lesting-pg .input-box::-webkit-inner-spin-button,
.product-lesting-pg .input-box::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.product-lesting-pg .input-box[type=number] {
    -moz-appearance: textfield
}

table {
    border-collapse: collapse;
    color: #4a4a4d;
    font: 15px/1.4 Sans-serif;
    width: 100%
}

.woocommerce table thead {
    background: linear-gradient(180deg, #248b92 0, #1a2e59 100%) !important
}

tbody tr:nth-child(2n) {
    background: #f0f0f2
}

td,
th {
    padding: 6px 10px;
    vertical-align: middle
}

td {
    border-bottom: 1px solid #cecfd5;
    border-right: 1px solid #cecfd5
}

td:first-child {
    border-left: 1px solid #cecfd5
}

.pagination-area .page-numbers {
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 1px solid #1a3960;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #1a3960
}

.pagination-area .page-numbers.current,
.pagination-area .page-numbers:hover {
    background-color: #1a3960;
    color: #fff;
    text-decoration: none
}

.pagination-area .next::before,
.pagination-area .prev::before {
    content: "\f061";
    font-size: 16px;
    font-family: "Font Awesome 6 Pro"
}

.pagination-area .prev::before {
    content: "\f060"
}

.pagination-area .next,
.pagination-area .prev {
    font-size: 0
}

.product-lesting-pg aside.widget_yith-woocommerce-ajax-navigation-filters form {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

aside.widget_yith-woocommerce-ajax-navigation-filters,
body .col2-set#customer_login .col-2,
body.single-product #primary div.product .woocommerce-product-gallery {
    margin: 0 !important
}

.product-lesting-pg .yith-wcan-filters {
    margin: 0 0 20px !important
}

html .yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper {
    border: 1px solid rgba(var(--yith-wcan-filters_colors_accent_r, 73), var(--yith-wcan-filters_colors_accent_g, 139), var(--yith-wcan-filters_colors_accent_b, 162), .3);
    box-shadow: 0 0 7px 0 rgba(var(--yith-wcan-filters_colors_accent_r, 73), var(--yith-wcan-filters_colors_accent_g, 139), var(--yith-wcan-filters_colors_accent_b, 162), .3)
}

a.yith-wcan-reset-navigation.button {
    padding: 0;
    font-size: 0;
    width: 35px;
    height: 35px;
    background: #dd4242 !important;
    border-radius: 100%;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

a.yith-wcan-reset-navigation.button::before {
    content: "\f021";
    font-family: "Font Awesome 6 Pro";
    font-size: 16px;
    color: #fff
}

.table-wrapper {
    overflow-x: auto
}

body header.woocommerce-products-header {
    margin: 0;
    padding: 63px 0 !important
}

.product-lesting-pg .yith-wcan-filters .yith-wcan-filter {
    margin: 0 2% 0 0;
    min-width: 23.3%
}

@media screen and (max-width:645px) {

    .product-lesting-pg .yith-wcan-filters .yith-wcan-filter,
    .product-lesting-pg .yith-wcan-filters .yith-wcan-filter:last-child {
        margin: 20px 4% 0 0;
        min-width: 47%
    }

    .product-lesting-pg .yith-wcan-filters .yith-wcan-filter:first-child {
        margin: 0 4% 0 0
    }

    .product-lesting-pg .yith-wcan-filters .yith-wcan-filter:nth-child(2) {
        margin-top: 0
    }

    .product-lesting-pg .yith-wcan-filters .yith-wcan-filter:last-child,
    .product-lesting-pg .yith-wcan-filters .yith-wcan-filter:nth-child(2) {
        margin-right: 0
    }
}

.woocommerce-checkout form.woocommerce-checkout #order_review_heading {
    float: none !important
}

body .shipping_address p#wcms_message {
    display: block !important
}

body .shipping_address p#wcms_message input#wcms_set_addresses {
    margin-top: 14px !important;
    cursor: pointer;
    font-size: 20px !important
}

form#address_form {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 15px
}

form#address_form table.wc-shipping-multiple-addresses {
    border-radius: 12px;
    box-shadow: rgb(0 0 0 / 15%) 0 0 12px;
    margin-top: 20px
}

.woocommerce form#address_form table.wc-shipping-multiple-addresses tr td {
    padding: 19px 25px
}

.woocommerce form#address_form table.wc-shipping-multiple-addresses tr td:last-child {
    text-align: right !important
}

.woocommerce form#address_form table.wc-shipping-multiple-addresses .qib-container {
    width: 90px;
    margin: 0 auto
}

.woocommerce form#address_form table.wc-shipping-multiple-addresses td .quantity .input-text.qty {
    padding-left: 8px !important;
    padding-right: 14px !important
}

.logged-in.woocommerce-account #main .woocommerce {
    position: relative;
    padding-top: 0 !important
}

.woocommerce-account .my-account-tittle {
    color: #111;
    font-size: 28px !important;
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    padding: 0 15px 17px;
    width: 24%
}

.woocommerce-account .my-account-tittle::before {
    position: absolute;
    content: "";
    display: block;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #eee;
    width: 100%;
    height: 1px
}

.woocommerce-MyAccount-content {
    box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0;
    padding: 30px
}

.woocommerce-MyAccount-content .tabel-content {
    border-bottom: 1px;
    padding-bottom: 10px
}

.woocommerce-account .woocommerce-MyAccount-content .t21-order-table-content {
    padding-bottom: 23px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e8ecee
}

.t21-order-table-title {
    margin-bottom: 10px
}

.woocommerce-MyAccount-content .tabel-title,
.woocommerce-account .woocommerce-MyAccount-content p.t21-order-sub-title,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content legend {
    color: #333;
    font-size: 20px;
    font-family: 'without Sans';
    margin: 0 0 18px;
    font-weight: 400;
    text-shadow: 0 0
}

.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form h3 {
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 30px
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    text-shadow: none;
    padding: 0;
    color: #fff
}

.woocommerce-account .woocommerce-MyAccount-navigation h2.myaccountnav-title {
    font-size: 24px;
    line-height: 120%;
    color: #111;
    padding: 0 0 15px 16px;
    margin-bottom: 22px;
    font-family: 'without Sans';
    border-bottom: 1px solid #ddd
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0 0 12px !important;
    padding: 0 0 0 15px;
    border-bottom: 0;
    font-size: 0 !important
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
    color: #333;
    font-size: 18px;
    font-family: 'Space Grotesk', sans-serif;
    text-decoration: none !important
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a:before {
    content: "\f101";
    font-family: fontAwesome;
    margin-right: 11px;
    font-size: 16px
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active>a,
body.woocommerce-account .woocommerce-MyAccount-navigation li>a:hover {
    text-shadow: 0 0
}

.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content p a,
.woocommerce-account .woocommerce-MyAccount-content p strong {
    display: inline;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: .2px;
    font-family: 'Space Grotesk', sans-serif
}

.woocommerce-account .t21-order-table-content p a {
    line-height: 2;
    border-bottom: 1px solid #333;
    font-weight: 500;
    text-shadow: 0 0
}

.woocommerce-MyAccount-content p strong {
    font-weight: 400
}

.woocommerce-account .woocommerce-MyAccount-content p {
    color: #333;
    font-size: 18px;
    text-align: left
}

.woocommerce-account .t21-order-table-content p a:hover,
body.woocommerce-account .woocommerce table.my_account_orders .button:hover,
body.woocommerce-account table.shop_table tbody tr td a:hover {
    color: #eab16c !important;
    border-color: #eab16c !important
}

.woocommerce-account #content a.button {
    padding: 19px 15px 16px
}

.woocommerce-account .t21-my-account-page {
    padding-top: 80px;
    padding-bottom: 140px;
    position: relative
}

.woocommerce-account #customer_login {
    border: 0;
    display: flex
}

.woocommerce-account #customer_login>div[class*=col-] {
    width: 50%
}

.oxy-woo-checkout label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox,
.woocommerce-account table.shop_table tr td a,
.woocommerce-form-login label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    padding: 0;
    margin: 0
}

.woocommerce-account #customer_login .login .form-row:nth-child(3) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: left
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 29.1%;
    align-self: flex-start;
    margin: 0;
    padding-right: 55px
}

.woocommerce-account .woocommerce .page-title {
    width: 100%;
    margin-bottom: 32px
}

.woocommerce-account .u-columns.woocommerce-Addresses,
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-customer-details .addresses {
    display: flex;
    flex-wrap: wrap
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 70.9%;
    margin-left: 0;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .12);
    border-radius: 0;
    padding: 30px 29px
}

.woocommerce-account #reviews #comments ol.commentlist li .comment-text,
.woocommerce-account .col2-set,
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account form.checkout_coupon,
.woocommerce-account form.login,
.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password,
.woocommerce-account table.shop_table,
.woocommerce-account ul.woocommerce-order-overview,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-form-coupon {
    border: 0
}

.t21-order-tabel-wrap {
    margin-bottom: 22px
}

.t21-order-table-title.t21-address-title {
    margin-top: 0
}

.woocommerce-account .addresses .woocommerce-column:last-child,
.woocommerce-account .addresses .woocommerce-column:nth-child(2n),
.woocommerce-account .woocommerce-Addresses .woocommerce-Address:last-child,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address:nth-child(2n),
.woocommerce-order-received .addresses .woocommerce-column:last-child,
.woocommerce-order-received .addresses .woocommerce-column:nth-child(2n) {
    margin-right: 0
}

.woocommerce-account .addresses .woocommerce-column,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
.woocommerce-order-received .addresses .woocommerce-column,
section.woocommerce-customer-details {
    border: 1px solid #ddd;
    border-radius: 15px 15px 0 0;
    margin: 0 2% 0 0;
    width: 49%;
    padding-bottom: 45px;
    position: relative;
    margin-bottom: 20px !important
}

.woocommerce-account .addresses .woocommerce-column__title,
.woocommerce-account .woocommerce-Address .woocommerce-Address-title,
.woocommerce-order-received .addresses .woocommerce-column__title,
h2.woocommerce-column__title {
    background: linear-gradient(180deg, #248b92 0, #1a2e59 100%) !important;
    border-radius: 15px 15px 0 0;
    padding: 15px 28px;
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 18px !important
}

.woocommerce-account .addresses h2.woocommerce-column__title,
.woocommerce-account .woocommerce-Address-title h3,
.woocommerce-order-received .addresses h2.woocommerce-column__title {
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-size: 19px;
    line-height: 120%
}

.woocommerce-account .addresses .woocommerce-column address,
.woocommerce-account .woocommerce-Address address,
.woocommerce-order-received .addresses .woocommerce-column address,
section.woocommerce-customer-details address {
    padding: 16px 15px
}

.woocommerce-account .addresses .woocommerce-column address,
.woocommerce-account .woocommerce-Address address,
.woocommerce-order-received .addresses .woocommerce-column address {
    padding: 16px 28px;
    font-size: 18px;
    font-style: normal;
    color: #333;
    font-family: 'Space Grotesk', sans-serif
}

.col2-set.addresses .woocommerce-Address .t21-edit-btn {
    position: absolute;
    bottom: 0;
    border-top: 1px solid #ddd;
    width: 100%;
    left: 0;
    right: 0;
    padding-left: 28px;
    height: 45px
}

.col2-set.addresses .woocommerce-Address .t21-edit-btn a {
    color: #333;
    font-size: 18px;
    text-align: left;
    font-weight: 500;
    text-decoration: none;
    line-height: 45px
}

.u-columns.woocommerce-Addresses.col2-set.addresses {
    margin: 15px 0 20px
}

.col2-set.addresses .woocommerce-Address .t21-edit-btn a.edit:hover {
    color: #eab16c
}

.woocommerce-account table.shop_table thead th,
.woocommerce-order-received .shop_table.order_details thead th {
    padding: 17.2px 20px;
    border-right: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-number {
    text-align: left !important
}

.woocommerce-account table,
.woocommerce-account table.shop_table,
.woocommerce-order-received .shop_table.order_details {
    border-collapse: separate;
    border: 0;
    border-radius: 15px 15px 0 0;
    overflow: hidden
}

body.woocommerce-account table.shop_table tr td {
    border-bottom: 1px solid #ddd !important;
    border: 0;
    font-family: 'Space Grotesk', sans-serif;
    background: 0 0 !important;
    text-align: center;
    padding: 20px 0
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number {
    text-align: left
}

.woocommerce-account table.shop_table tfoot tr th,
.woocommerce-account table.shop_table tr td,
.woocommerce-order-received .shop_table.order_details tfoot tr th,
.woocommerce-order-received .shop_table.order_details tr td,
body.woocommerce-account table.shop_table tr td:last-child {
    border-right: 1px solid #ddd
}

body.woocommerce-account table.shop_table tr td:first-child {
    border-left: 1px solid #ddd;
    padding-left: 25px;
    text-align: left
}

.woocommerce-account table.shop_table thead th:last-child,
.woocommerce-order-received .shop_table.order_details thead th:last-child {
    border-right: 0
}

.woocommerce-account table.shop_table tbody tr,
.woocommerce-order-received .shop_table.order_details tbody tr {
    border-bottom: 1px solid #ddd
}

.woocommerce-account table.shop_table tfoot tr th,
.woocommerce-account table.shop_table tr td,
.woocommerce-account table.shop_table tr td a,
.woocommerce-account table.shop_table tr td span,
.woocommerce-account table.shop_table tr td strong,
.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .woocommerce-Price-amount,
.woocommerce-checkout form #order_review_heading .woocommerce-checkout-review-order-table .woocommerce-Price-amount,
.woocommerce-order-received .shop_table.order_details tfoot tr th,
.woocommerce-order-received .shop_table.order_details tr td,
.woocommerce-order-received .shop_table.order_details tr td a,
.woocommerce-order-received .shop_table.order_details tr td span,
.woocommerce-order-received .shop_table.order_details tr td strong,
td.product-name {
    color: #333;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0;
    font-size: 16px;
    text-transform: none;
    text-decoration: none !important
}

.woocommerce-account table.account-orders-table td a,
.woocommerce-account table.account-orders-table td.woocommerce-orders-table__cell-order-actions a,
.woocommerce-account table.account-orders-table th a {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.woocommerce-account .woocommerce table.my_account_orders .button {
    padding: 0;
    color: #333;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
    transition: .5s;
    background: 0 0 !important;
    min-width: auto;
    width: auto
}

.woocommerce-account .woocommerce table.my_account_orders .button:hover,
.woocommerce-account table.shop_table tbody tr td a:hover {
    color: #0f6639
}

.woocommerce-account .woocommerce form fieldset>legend {
    position: relative;
    top: auto;
    display: block;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 13px;
    color: #333
}

.woocommerce-account .woocommerce form fieldset {
    padding: 0;
    margin-bottom: 5px;
    margin-top: 8px
}

.woocommerce .woocommerce-pagination {
    display: flex;
    justify-content: center
}

.woocommerce .woocommerce-pagination a.woocommerce-Button {
    width: auto;
    display: inline-block;
    vertical-align: top;
    min-width: 110px;
    margin: 20px 0 0
}

.woocommerce-view-order .woocommerce-MyAccount-content p mark {
    font-weight: 400;
    background: 0 0;
    color: #333
}

.woocommerce-account .woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title {
    font-weight: 600;
    margin: 14px 0 20px;
    font-size: 24px;
    line-height: 120%
}

.woocommerce-order-received .woocommerce ul.order_details li:last-child {
    margin: 0;
    border: 0
}

.woocommerce-account .addresses .woocommerce-column__title,
.woocommerce-order-received .addresses h2.woocommerce-column__title {
    padding-top: 13px;
    padding-bottom: 13.1px
}

.woocommerce-account table.shop_table.shop_table.order_details tr td:last-child,
.woocommerce-order-received .shop_table.order_details tr td:last-child {
    text-align: right;
    padding-right: 25px;
    width: 180px
}

.woocommerce-account .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before,
.woocommerce-account .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before,
.woocommerce-order-received .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before,
.woocommerce-order-received .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
    color: #165f3a
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
    margin-top: 5px;
    word-break: break-all;
    display: block
}

.woocommerce-order-received .woocommerce-order {
    width: 100%
}

.woocommerce-order-received .woocommerce ul.order_details {
    padding: 25px;
    flex-wrap: wrap;
    display: flex;
    margin: 42px 0 20px
}

.woocommerce-order-received .woocommerce ul.order_details li {
    float: none;
    flex: 0 0 31%;
    margin: 0 1% 0 0;
    border-right: 1px;
    text-transform: none;
    color: #333;
    font-size: 19px;
    font-weight: 500;
    line-height: 120%;
    padding-right: 25px;
    border-bottom: 0
}

.woocommerce-order-received .woocommerce ul.order_details li strong {
    font-weight: 400;
    font-size: 16px;
    color: #666;
    line-height: 140%;
    display: block;
    width: fit-content;
    margin: 12px 0 0
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin: 0 0 50px;
    font-size: 24px;
    font-weight: 700;
    color: #05954f;
    text-align: center
}

.woocommerce-order-received .woocommerce ul.order_details li strong span {
    font-weight: 400;
    color: #666
}

.woocommerce-order-received .woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses {
    border: 0;
    display: flex;
    flex-wrap: wrap
}

.woocommerce-order-received .woocommerce-customer-details section {
    margin-bottom: 0 !important
}

.woocommerce-error {
    color: red;
    border: 1px solid red;
    text-align: center;
    padding: 10px 15px;
    font-family: Poppins, sans-serif;
    margin: 0 0 20px;
    font-size: 15px;
    line-height: normal;
    background: 0 0
}

.woocommerce-error a {
    color: #333;
    font-size: 15px
}

.woocommerce-message,
body .woocommerce-review__awaiting-approval,
section.t21-cart-page .woocommerce-info {
    color: green;
    border: 1px solid green;
    text-align: center;
    padding: 5px 15px;
    font-family: Poppins, sans-serif;
    margin: 0 0 20px;
    line-height: normal;
    background: 0 0;
    font-size: 16px;
    display: block
}

body .woocommerce-review_awaiting-approval {
    margin-bottom: 0;
    padding: 0
}

.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
    font-size: 16px;
    line-height: 120%;
    justify-content: center
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input,
body .select2-dropdown {
    border: 1px solid #ddd
}

body p.form-row.form-row-first.form-row-first,
body p.form-row.form-row-last.form-row-last,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields p.form-row.form-row-first.form-row-first,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields p.form-row.form-row-last.form-row-last {
    width: 49% !important;
    float: left !important;
    position: relative;
    margin-right: 2% !important;
    margin-bottom: 20px;
    margin-top: 0
}

body p.form-row.form-row-last.form-row-last,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields p.form-row.form-row-last.form-row-last {
    margin-right: 0 !important;
    clear: none
}

.woocommerce form .form-row-wide,
.woocommerce-account .woocommerce-EditAccountForm fieldset p,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields #billing_company_field,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .form-row,
.woocommerce-page form .form-row-wide {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100% !important;
    margin: 0 0 10px !important;
    padding-top: 0 !important
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields label,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields label,
body.woocommerce-account .woocommerce-MyAccount-content label {
    line-height: auto;
    height: auto;
    font-size: 16px;
    margin-bottom: 0
}

.select2-container .select2-selection--single .select2-selection__rendered,
body span.selection {
    width: 100%;
    height: 100%
}

.woocommerce-form-coupon-toggle .woocommerce-info:before,
.woocommerce-form-login-toggle .woocommerce-info:before,
form.woocommerce-ordering:before,
span.select2-selection__arrow:before {
    content: "\f105";
    position: absolute;
    top: 24px;
    left: auto;
    bottom: auto;
    right: 15px;
    line-height: 10px;
    width: 10px;
    height: 10px;
    font-family: Fontawesome;
    font-size: 17px;
    color: #b8b8b8;
    transform: rotate(90deg)
}

form.woocommerce-ordering:before {
    top: 26px;
    pointer-events: none
}

.woocommerce form .form-row .select2-container .selection {
    display: block;
    padding: 0;
    font-size: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    line-height: normal;
    font-size: 16px;
    color: #333;
    font-family: Poppins, sans-serif
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    font-size: 16px;
    color: #666;
    font-family: Poppins, sans-serif;
    display: block;
    padding: 12px 0 0
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered span {
    line-height: normal;
    font-size: 16px;
    color: #333;
    font-family: Poppins, sans-serif;
    display: block
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields label,
body.woocommerce-account .woocommerce-MyAccount-content label {
    line-height: auto;
    height: auto
}

body.woocommerce-account span em {
    font-style: normal;
    font-size: 16px;
    color: #535353;
    line-height: 100%;
    margin: 10px 0;
    display: inline-block
}

body .select2-results__option {
    padding: 6px 10px;
    color: #666;
    font-size: 16px;
    font-family: Poppins, sans-serif
}

body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--highlighted[data-selected],
body .select2-container--default .select2-results__option[aria-selected=true],
body .select2-container--default .select2-results__option[data-selected=true] {
    background-color: #965d28;
    color: #fff
}

body .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ddd;
    height: 50px !important;
    border-radius: 13px
}

button.woocommerce-Button.button {
    margin-top: 5px
}

.woocommerce-account #content td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.woocommerce-button.button {
    background: 0 0 !important;
    width: auto;
    color: #333 !important;
    margin: 0;
    padding: 0 !important
}

section.woocommerce-order-details {
    padding: 12px 0
}

.item-thumbnail img,
td.product-thumbnail a img {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    margin: auto !important;
    padding: 10px 0;
    max-height: 100% !important
}

.item-thumbnail,
td.product-thumbnail a {
    width: 117px;
    height: 117px;
    display: block;
    position: relative;
    border: 1px solid #ddd;
    float: left;
    background: #f5f5f5
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    border: 1px solid #ddd;
    border-radius: 8px
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th {
    border: 0
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th {
    border-bottom: 1px solid #ddd;
    padding-left: 25px
}

.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .woocommerce-Price-amount,
.woocommerce-checkout form #order_review_heading .woocommerce-checkout-review-order-table .woocommerce-Price-amount,
.woocommerce-page span.woocommerce-Price-amount.amount {
    font-size: 18px !important;
    line-height: 100%
}

section.woocommerce-customer-details .woocommerce-column.woocommerce-column--1,
section.woocommerce-customer-details .woocommerce-column.woocommerce-column--2 {
    padding-bottom: 10px
}

.our-product-section .eael-entry-footer {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    text-align: center
}

body.storefront-full-width-content .woocommerce-tabs ul.tabs {
    width: 100%;
    float: none;
    margin: 0 !important;
    border: 0 !important
}

body.storefront-full-width-content .woocommerce-tabs .panel {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 0 !important
}

.wrap-gallery-summary {
    display: grid;
    grid-template-columns: 45% 55%
}

body .single-product #primary div.product .woocommerce-product-gallery {
    width: 100% !important;
    margin: 0 !important
}

body .single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,
body.single-product #primary div.product .woocommerce-product-gallery .woocommerce-product-gallery__image {
    -webkit-box-shadow: 0 10px 30px rgba(25, 25, 25, 6%);
    -khtml-box-shadow: 0 10px 30px rgba(25, 25, 25, 6%);
    -moz-box-shadow: 0 10px 30px rgba(25, 25, 25, 6%);
    -ms-box-shadow: 0 10px 30px rgba(25, 25, 25, 6%);
    -o-box-shadow: 0 10px 30px rgba(25, 25, 25, 6%);
    box-shadow: 0 10px 30px rgba(25, 25, 25, 6%);
    margin: 0 10% 0 0;
    height: 400px;
    border-radius: 10px;
    border: 3px solid #004f92;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px
}

body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    position: absolute;
    top: 16px;
    right: 70px
}

html body.woocommerce-cart tr.woocommerce-cart-form__cart-item.cart_item:nth-last-child(2) td {
    border-bottom: 0
}

body table:not(.has-background) tbody tr:nth-child(2n) td,
body table:not(.has-background) th,
fieldset,
fieldset legend,
html body.woocommerce-cart .woocommerce-cart-form .shop_table thead th {
    background-color: transparent
}

div#customer_details,
div#order_review,
table.shop_table.shop_table_responsive.cart {
    box-shadow: 0 10px 30px 4px rgb(0 0 0 / 15%);
    overflow: hidden;
    border-radius: 15px 15px 0 0 !important;
    margin: 0;
    background-color: #fff
}

html body.woocommerce-cart .entry-content>.woocommerce .cart-collaterals .cart_totals {
    border-radius: 15px;
    padding: 33px 20px 12px
}

body.woocommerce-checkout div#customer_details,
html .woocommerce-checkout #order_review {
    max-width: 80%;
    flex: 0 0 80%;
    padding: 34px 28px 38px;
    background: #fff;
    margin: 0 auto !important;
    display: block;
    width: 80%;
    float: none
}

body.woocommerce-checkout table thead th {
    padding: 16px 24px !important;
    min-width: 120px
}

.woocommerce-checkout table.shop_table td {
    padding: 20px 22px !important;
    border-right: 1px solid #ddd !important
}

.woocommerce-checkout table.shop_table td:first-child {
    border-left: 1px solid #ddd !important
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table thead {
    background: #fff
}

html .woocommerce-checkout form.woocommerce-checkout #order_review #payment {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order:before,
body .blockUI,
html #secondary,
section.woocommerce-customer-details address {
    display: none !important
}

.woocommerce-account .woocommerce-EditAccountForm input,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection,
body .woocommerce-form-coupon #coupon_code,
body form input,
body form textarea,
body input[type=color],
body input[type=date],
body input[type=datetime-local],
body input[type=datetime],
body input[type=email],
body input[type=month],
body input[type=name],
body input[type=number],
body input[type=password],
body input[type=range],
body input[type=search],
body input[type=tel],
body input[type=text],
body input[type=time],
body input[type=url],
body input[type=week],
body select,
body textarea,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input,
body.woocommerce-checkout .select2-container .select2-selection,
body.woocommerce-page form textarea,
body.woocommerce-page input,
form.checkout.woocommerce-checkout input {
    background: 0 0;
    height: 55px;
    line-height: normal;
    padding: 0 20px;
    text-align: left;
    width: 100%;
    box-shadow: none;
    margin: 0;
    border: 1px solid #ebebeb !important;
    color: #6d6d6d;
    outline-offset: unset;
    border-radius: 6px !important;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .4px;
    outline: 0 !important
}

::placeholder,
body textarea {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: 'Futura PT'
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
body .woocommerce-page form .form-row-last {
    width: 48%;
    margin: 0
}

div#content p {
    max-width: 100% !important;
    margin: 0 0 12px
}

body.woocommerce-checkout form .col2-set label {
    font-family: Poppins;
    letter-spacing: normal;
    margin: 0 0 6px
}

body .woocommerce-terms-and-conditions-wrapper {
    margin: 5px 0 22px;
    padding: 25px;
    background: #e6eaf3;
    border-radius: 5px
}

body.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order {
    padding: 0;
    margin: 0;
    position: relative;
    background-color: transparent !important
}

.woocommerce-order {
    padding: 82px 10px;
    margin: 0 auto;
    max-width: 1200px
}

.service_single_content {
    border-radius: 10px;
    background-color: #fff;
    background-image: url(https://datapro.ae/wp-content/themes/datapro/assets/images/cards-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .11);
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, .11);
    border: none;
    padding: 40px 20px;
    margin-bottom: 0;
    height: 100%;
    position: relative;
    z-index: 1;
    transition: .3s ease-in-out
}

.service_single_content.v2 .serv_icon {
    border: 2px solid #0f6de2;
    position: relative;
    margin: 0 auto;
    max-width: 100px !important;
    height: 100px;
    line-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 15px;
    transition: 11s ease-in-out
}

.service_single_content.v2 .serv_icon:before {
    content: '';
    border: 2px dashed #0067da;
    position: absolute;
    left: -10%;
    border-radius: 50%;
    top: -10%;
    width: 120%;
    height: 120%
}

@keyframes rotation-anim {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.service_single_content.v2:hover .serv_icon:before {
    animation: 5s linear infinite rotation-anim
}

.service_single_content h6 {
    font-size: 24px;
    margin: 22px 0 12px
}

.service_single_content p {
    font-size: 16px;
    color: #000
}

section.client-section .owl-item {
    background: #fff;
    box-shadow: rgba(0 0 0 /10%) 0 0 20px;
    height: auto;
    border-radius: 5px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 9px
}

section.client-section .owl-carousel .owl-stage {
    display: flex;
    padding: 20px 0
}

.main-img-wrap {
    position: relative;
    z-index: 9999
}

.main-img-wrap h3 {
    font-size: 30px
}

body .ct-banner3 {
    height: 475px;
    position: relative;
    z-index: 1;
    margin-left: 80px
}

.abou-section-2 {
    background: url(https://datapro.ae/wp-content/themes/datapro/assets/images/h7-bg-section2.jpg)
}

section.client-section .owl-item img {
    width: 150px;
    margin: 0 auto
}

body .ct-banner3 .item--title {
    bottom: 16px;
    font-size: 16px
}

.tem-member-section {
    background-color: #f0f3f7
}

section.tem-member-section .item--image a {
    height: 375px
}

section.tem-member-section .item--image a img {
    object-fit: cover
}

section.contact-section .padding-right {
    padding-right: 5%
}

section.contact-section .ct-fancy-box {
    margin: 0 0 30px;
    padding: 33px 50px 32px;
    background-color: #edf2FAB3
}

section.contact-section .ct-contact-form-layout1 {
    padding: 60px;
    background-color: #edf2FAB3
}

section.contact-section {
    background: url(https://datapro.ae/wp-content/themes/datapro/assets/images/bg-section-contact.jpg) top center/cover no-repeat
}

section.team-detail-section .wrap-area {
    box-shadow: 0 17px 50px 0 rgba(0, 10.000000000000036, 80, .05);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    padding: 30px 30px 18px
}

section.contact-me-section {
    background: url(../../static/image/h7-bg-section5.jpg) top center/cover no-repeat
}

body .ct-contact-form-layout1.style1 .wpcf7-form-control:not(.wpcf7-submit),
body .ct-contact-form-layout1.style2 .wpcf7-form-control:not(.wpcf7-submit) {
    background-color: #fff !important
}

.submit-btn-area p input {
    color: #fff !important;
    line-height: 100%
}

@media screen and (max-width:991px) {
    section.contact-section .ct-contact-form-layout1 {
        padding: 35px
    }

    section.contact-section .ct-fancy-box {
        padding: 25px 20px 26px;
        background-color: #edf2FAB3
    }

    .ct-fancy-box-layout1 .item--title {
        margin-bottom: 6px;
        font-size: 18px
    }

    .ct-fancy-box-layout1 .item--icon {
        min-width: 44px;
        margin-right: 8px
    }

    .ct-fancy-box-layout1 .item--icon i {
        font-size: 43px
    }

    section.contact-section .padding-right {
        padding-right: 3%
    }
}

html .woocommerce-checkout form.woocommerce-checkout {
    margin: 0;
    text-align: center
}

@media screen and (max-width:767px) {
    .woocommerce-order {
        padding: 54px 10px
    }

    p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
        font-size: 20px
    }

    .woocommerce-order-received .woocommerce ul.order_details li {
        flex: 0 0 100%;
        margin: 0;
        border-right: 0;
        border-bottom: 1px solid #ddd;
        padding: 20px 10px;
        display: block
    }

    .woocommerce-order-received .woocommerce ul.order_details li:last-child {
        border-bottom: 0
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        max-width: 100%;
        margin: 0 0 20px;
        padding: 0;
        width: 100%;
        flex: 0 0 100%;
        border: 0
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        max-width: 100%;
        width: 100%;
        flex: 0 0 100%;
        padding: 20px 15px
    }

    .woocommerce-account .woocommerce-MyAccount-navigation li {
        padding: 0
    }

    .woocommerce-account .woocommerce-MyAccount-content .tabel-content p a,
    .woocommerce-account .woocommerce-MyAccount-navigation li a {
        font-size: 14px
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul>h2 {
        font-size: 14px;
        padding: 0 15px 7px;
        margin: 0 0 8px
    }

    .woocommerce-account .woocommerce-MyAccount-content>.tabel-content {
        margin: 0 0 8px;
        padding: 0 0 12px
    }

    .woocommerce-account .woocommerce-MyAccount-content>.tabel-content p {
        margin: 0 0 7px;
        font-size: 14px;
        line-height: 140%
    }

    .woocommerce-account .woocommerce-MyAccount-content .tabel-title {
        font-size: 16px;
        margin: 13px 0 13px 10px
    }

    .page-template-myaccount table tbody tr td:first-child,
    .page-template-myaccount table thead tr th:first-child {
        padding-left: 10px !important
    }

    .page-template-myaccount table tbody tr td:last-child,
    .page-template-myaccount table thead tr th:last-child {
        padding-right: 10px !important
    }

    .page-template-myaccount table tbody tr td:not(:first-child) {
        padding-left: 10px
    }

    .woocommerce-page table tbody tr td {
        font-size: 14px;
        line-height: 150%;
        padding-top: 10.2px;
        padding-bottom: 10.2px !important
    }

    .woocommerce table.shop_table_responsive tr td.order-actions,
    .woocommerce-page table.shop_table_responsive tr td.order-actions {
        text-align: center !important;
        background: #1576af;
        padding: 0 !important
    }

    .woocommerce table.shop_table_responsive .button,
    .woocommerce-page table.shop_table_responsive .button {
        color: #fff !important;
        padding: 8px !important;
        display: block;
        text-align: center;
        background: #0e0906 !important
    }

    .woocommerce table.shop_table_responsive .button:hover,
    .woocommerce-page table.shop_table_responsive .button:hover {
        color: #1576af !important
    }

    .page-template-myaccount .my_account_orders tbody tr.order {
        margin-bottom: 25px;
        border: 1px solid #222
    }

    .page-template-myaccount .my_account_orders tbody tr.order td:not(:last-child) {
        border-bottom: 1px solid #222 !important
    }

    .page-template-myaccount .my_account_orders tbody tr.order td:last-child,
    .woocommerce .shop_table.cart tbody td.product-remove {
        border-bottom: 0 !important
    }

    .page-template-myaccount .my_account_orders tbody tr.order:last-child,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address:last-child,
    .woocommerce-order-received .woocommerce-Addresses .woocommerce-Address:last-child,
    .woocommerce-order-received table {
        margin-bottom: 0
    }

    .page-template-myaccount .my_account_orders {
        margin: 0 0 15px
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address,
    .woocommerce-order-received .woocommerce-Addresses .woocommerce-Address,
    section.woocommerce-customer-details {
        max-width: 100%;
        width: 100%;
        flex: 0 0 100%;
        margin: 0 0 20px
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address:nth-last-child(-n+2),
    .woocommerce-order-received .woocommerce-Addresses .woocommerce-Address:nth-last-child(-n+2) {
        margin-bottom: 20px
    }

    .woocommerce-account header.woocommerce-Address-title h3,
    .woocommerce-order-received header.woocommerce-Address-title h3 {
        font-size: 15px !important;
        padding: 7.6px 15px;
        margin: 0 !important;
        width: 100%
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address,
    .woocommerce-order-received .woocommerce-Addresses .woocommerce-Address address {
        padding: 13px 15px 18px;
        font-size: 15px
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses div.edite,
    .woocommerce-order-received .woocommerce-Addresses .woocommerce-Address div.edite {
        padding: 9px 15px 7px;
        line-height: normal
    }

    .woocommerce-account table.account-orders-table .woocommerce-orders-table__cell a {
        text-align: right !important
    }

    .section-gapping.smart-myaccount-page {
        padding-bottom: 20px !important
    }

    .woocommerce-edit-address .woocommerce-MyAccount-content .address-notice p {
        font-size: 14px;
        margin: 0 0 15px
    }

    .woocommerce-edit-address .woocommerce-Address .smart-edit-dash {
        padding: 9px 14px 7px
    }

    .woocommerce-EditAccountForm .woocommerce-form-row--first.form-row,
    .woocommerce-EditAccountForm .woocommerce-form-row--last,
    .woocommerce-edit-address form .form-row-first,
    .woocommerce-edit-address form .form-row-last {
        width: 100%;
        float: none;
        padding: 0
    }

    .woocommerce-account .woocommerce-EditAccountForm #account_display_name+span {
        font-size: 14px;
        line-height: 140%;
        padding: 10px 0 0
    }

    .woocommerce-EditAccountForm legend,
    .woocommerce-MyAccount-content .woocommerce-EditAccountForm legend {
        font-size: 16px !important;
        margin: 0 0 12px
    }

    .woocommerce-account .woocommerce-EditAccountForm fieldset {
        margin: 0;
        padding: 0
    }

    .woocommerce-password-hint,
    .woocommerce-password-strength {
        line-height: 130%;
        font-size: 14px;
        padding: 2px 0 7px
    }

    .woocommerce-order-received .order_details tbody tr td:first-child,
    .woocommerce-order-received .order_details thead tr th:first-child {
        padding-left: 15px !important
    }

    .woocommerce-order-received .order_details thead tr th:last-child {
        padding-right: 15px !important
    }

    .woocommerce-table--order-details tfoot tr th {
        padding: 10.2px 0 10.2px 15px;
        font-size: 15px
    }

    .woocommerce-table--order-details tr td:last-child {
        padding: 10.2px 15px 10.2px 0;
        font-size: 15px;
        min-width: 150px
    }

    .woocommerce-order-received .woocommerce-order-overview li {
        width: 100%;
        padding: 10px 20px;
        font-size: 13px;
        display: flex
    }

    .woocommerce-order-received .woocommerce-order-overview li:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid #222
    }

    .woocommerce-order-received .woocommerce-order-overview li strong {
        margin-left: auto;
        text-align: right;
        width: calc(100% - 140px)
    }

    .woocommerce-table--order-details tr td:last-child .shipped_via {
        font-size: 15px;
        white-space: pre;
        line-height: 130%;
        vertical-align: middle
    }

    .woocommerce-order-received .order_details .product-name a {
        font-size: 15px !important
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses div.edit a,
    .woocommerce-order-received .woocommerce-Addresses .woocommerce-Address div.edite a {
        font-size: 15px
    }

    .section-gapping.smart-chekout-page {
        padding: 12px 0 40px
    }

    .woocommerce-account .woocommerce-MyAccount-content p,
    .woocommerce-page table thead tr th,
    body.woocommerce-checkout form .col2-set label {
        font-size: 16px
    }

    .woocommerce-cart .woocommerce-cart-form .coupon button {
        line-height: 19px !important;
        height: 40px
    }

    .woocommerce-account table,
    .woocommerce-account table.shop_table,
    .woocommerce-order-received .shop_table.order_details {
        border-radius: 0;
        border: 1px solid #ddd
    }

    .woocommerce-account .u-columns.woocommerce-Addresses,
    .woocommerce-account .woocommerce-customer-details .addresses {
        flex-wrap: wrap
    }

    .woocommerce-MyAccount-content .tabel-title,
    .woocommerce-account .woocommerce-MyAccount-content p.t21-order-sub-title,
    .woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form h3,
    body.woocommerce-account .woocommerce-MyAccount-content h3,
    body.woocommerce-account .woocommerce-MyAccount-content legend {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 18px
    }

    .woocommerce-account .woocommerce-MyAccount-navigation h2.myaccountnav-title {
        font-size: 20px;
        padding: 0 0 10px 16px;
        margin-bottom: 10px
    }

    .woocommerce-account .main-title {
        font-size: 28px;
        margin: 0 0 13px
    }

    .woocommerce-account .t21-my-account-page {
        padding-top: 50px;
        padding-bottom: 70px
    }

    .woocommerce-account .addresses .woocommerce-column__title,
    .woocommerce-account .woocommerce-Address .woocommerce-Address-title,
    .woocommerce-order-received .addresses .woocommerce-column__title {
        line-height: 100%
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation li {
        margin: 0 0 20px !important
    }

    body.woocommerce-account.woocommerce-edit-account .woocommerce form fieldset label {
        font-size: 10px;
        top: 15px
    }

    .woocommerce-account .woocommerce form .form-row span em {
        color: #333;
        font-size: 14px
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
        line-height: 100%;
        font-size: 16px
    }

    .woocommerce-account .woocommerce-EditAccountForm input,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection,
    body .woocommerce-form-coupon #coupon_code,
    body form input,
    body form textarea,
    body input[type=color],
    body input[type=date],
    body input[type=datetime-local],
    body input[type=datetime],
    body input[type=email],
    body input[type=month],
    body input[type=name],
    body input[type=number],
    body input[type=password],
    body input[type=range],
    body input[type=search],
    body input[type=tel],
    body input[type=text],
    body input[type=time],
    body input[type=url],
    body input[type=week],
    body select,
    body textarea,
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input,
    body.woocommerce-checkout .select2-container .select2-selection,
    body.woocommerce-page form textarea,
    body.woocommerce-page input,
    form.checkout.woocommerce-checkout input {
        height: 45px
    }

    body.woocommerce-checkout div#customer_details,
    body.woocommerce-checkout div#order_review {
        max-width: 100%;
        flex-basis: 100%;
        padding: 25px 15px
    }

    body.woocommerce-checkout div#order_review {
        padding: 20px 15px;
        margin: 35px 0 0 !important
    }

    body.woocommerce-checkout div#customer_details {
        margin-right: 0
    }

    form.checkout.woocommerce-checkout .input_focus label,
    form.checkout.woocommerce-checkout .value_focus label {
        top: 15px !important
    }

    body p.form-row.form-row-first.form-row-first,
    body p.form-row.form-row-last.form-row-last {
        width: 100% !important;
        margin-right: 0 !important
    }

    .woocommerce-form-coupon-toggle .woocommerce-info:before,
    .woocommerce-form-login-toggle .woocommerce-info:before,
    form.woocommerce-ordering:before {
        top: 21px;
        right: 5px
    }
}

body.woocommerce-checkout .popup-area::after {
    content: '';
    display: block;
    clear: both
}

body.woocommerce-checkout .popup-area {
    display: block;
    max-width: 900px;
    background: #fff;
    margin: auto;
    position: fixed;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    height: auto;
    z-index: 999;
    max-height: 535px;
    overflow: hidden;
    border-radius: 15px
}

body div#customer_login {
    display: flex;
    flex-wrap: wrap;
    float: none !important
}

body .col2-set#customer_login .col-2,
body div#customer_login .u-column1 {
    float: none !important;
    max-width: 48% !important;
    width: 48% !important;
    flex: 0 0 48%;
    margin: 0 2% 0 0 !important
}

.popup-show div#order_review::before,
.popup-show::before {
    width: 100%;
    content: '';
    background: #0000008a;
    left: 0;
    height: 100%
}

body.woocommerce-checkout .login-area,
body.woocommerce-checkout .rejister-area {
    height: 100%;
    overflow: auto;
    padding: 30px
}

button#close {
    position: absolute;
    left: auto;
    right: 0;
    width: 30px;
    height: 30px;
    background: #ccc;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    padding: 0;
    top: 0
}

body.woocommerce-checkout .popup-area div#customer_login p.form-row,
table.woocommerce-table.woocommerce-table--order-details.custum-added {
    display: block
}

body.woocommerce-checkout .popup-area div#customer_login input {
    height: 45px
}

.popup-show {
    position: relative;
    overflow-y: hidden
}

.popup-show::before {
    position: fixed;
    z-index: 0
}

.popup-show footer#colophon,
.popup-show header#masthead {
    z-index: -1
}

.woocommerce-checkout .popup-wrap {
    background: #fff;
    position: relative;
    border-radius: 14px;
    height: 100%
}

.popup-show .bg-image-product::before {
    background-color: #0000008a;
    z-index: 9
}

.popup-show div#order_review::before {
    position: absolute;
    z-index: 2;
    top: 0
}

body.woocommerce-checkout .popup-area .woocommerce {
    overflow: auto;
    height: 100%
}

.custom-customer-details {
    padding: 25px 23px 0
}

body div#primary {
    margin: 0 auto;
    width: 100% !important;
    float: none
}

.form-row.place-order button#place_order {
    width: auto;
    max-width: 50%
}

textarea.wpcf7-textarea {
    height: 100px !important;
    padding: 14px 20px
}
ul.icon-list {
    padding-left: 22px;
}

ul.icon-list li {
    font-size: 16px;
    line-height: 130%;
    margin: 0 0 8px;
}

.career-modal .modal-body{
	padding:30px;
}

span.wpcf7-form-control-wrap[data-name="file-834"] input {
    padding: 15px 20px;
}
.submit-area p{
	display:inline-block;
	margin:0 auto!important;
}
.getquote .modal-header {
    background: #248b92;
}

.getquote .modal-header img {
    width: 86px;
    background: #fff;
    padding: 6px;
    border-radius: 100%;
    box-shadow: rgba(0 0 0 / 40%) 0 7px 15px;
    margin: 15px auto -51px;
}
.getquote .modal-header button.close {
    width: 38px;
    height: 36px;
    background: #ffffff;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-radius: 100%;
    font-size: 30px;
    color: #000000;
    text-shadow: none;
    position: absolute;
    left: auto;
    right: 20px;
    top: 15px;
    justify-content: center;
}
.getquote h3.item--title {
    font-size: 35px;
    line-height: 1.1428;
    font-weight: 700;
}