/*--------------------- Copyright (c) 2019 -----------------------
[Master Stylesheet]
Project: Interior Decor
Version: 1.0.0
Author: Kamleshyadav
 -------------------------------------------------------------------
[Table of contents]
1. body
2. header
3. slider
4. services
5. about us
6. project gallery
7. process
8. team
9. project 130+
10. testimonial
11. blog
12. map
13. footer

-------------------------------------------------------------------*/


/********************************************************
1. body start
 *******************************************************/
:root {
    --px_primary_color: #fff;
    --px_accent_color:  #E6DED4;
    --px_accent_color2:  #96979D;

    --font_gray_dark: var(--px_accent_color2);
    --main_font_color: #000;
    --main_black_color: #000;
    --main_gold_color: #FFEB8E;
    --main__white_color: #fff;
}

body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.78;
    color: var(--main_font_color);
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0;
    margin: 0;
}

body.px_dark_bg {
    background-color: #ffffff;
}

body.px_index3_bg {
    background-color: #0e0f21;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

a,
a:hover,
a:focus {
    color: var(--font_gray_dark);
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

input,
textarea,
select,
button,
label,
svg,
svg path,
svg rect,
svg polygon,
img,
a,
:after,
:before,
:hover,
:focus,
.form-control:focus {
    outline: none !important;
    box-shadow: none;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

p {
    margin: 0px;
    color: var(--main_font_color);
}

.container {
    max-width: 1170px;
}

.t_color {
    color: var(--px_primary_color);
}

.t_pink {
    color: #50AAB2;
}

.response {
    color: red;
    margin-top: 5px;
}

.px_contact_dark_form .response {
    color: #ffffff;
    margin-top: 5px;
}

.darkSection {
    background-color: #e6e6e6 !important;
}

.lightSection {
    background-color: white !important;
}

.lightSection {
    .px_heading {
        h2 {
            color: var(--main_font_color) !important;
        }
    }
}

/* Color Switcher css Start */
.px_color_switch_box {
    position: fixed;
    right: -210px;
    top: 50%;
    transform: translateY(-50%);
    width: 210px;
    background-color: #fff;
    padding: 20px 10px 10px 20px;
    z-index: 99999;
    border-radius: 6px 0px 0px 6px;
    transition: all 0.3s;
}

.px_switch_btn {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    left: -50px;
    background-color: #fff;
    border-radius: 6px 0px 0px 6px;
}

.px_switch_btn img {
    width: 28px;
    height: 28px;
    animation: switchrotate 2s linear infinite;
    cursor: pointer;
}

@keyframes switchrotate {
    0% {
        transform: rotate(0deg);
    }

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

body.px_switch_open .px_color_switch_box {
    right: 0px;
}

.px_color_switch_box h4 {
    font-size: 18px;
    font-weight: 600;
    color: #222;

    padding-bottom: 20px;
}

.px_color_switch_box ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.px_color_switch_box ul li {
    margin-bottom: 10px;
    flex: 0 0 25%;
}

.px_color_switch_box ul li a {
    width: 35px;
    height: 35px;
    border-radius: 6px;
    display: block;
}

.px_color_switch_box ul li:first-child a {
    background-color: #f1422d;
}

.px_color_switch_box ul li:nth-child(2) a {
    background-color: #32bb60;
}

.px_color_switch_box ul li:nth-child(3) a {
    background-color: #00BFFF;
}

.px_color_switch_box ul li:nth-child(4) a {
    background-color: #f79f1f;
}

.px_color_switch_box ul li:nth-child(5) a {
    background-color: #ff5289;
}

.px_color_switch_box ul li:nth-child(6) a {
    background-color: #7d5fff;
}

.px_color_switch_box ul li:nth-child(7) a {
    background-color: #00edff;
}

.px_color_switch_box ul li:last-child a {
    background-color: #569AFF;
}

/* Color Switcher css End */
/***** loader ******/
.loader-wrapper {
    position: fixed;
    top: 20px;
    left: 20px;
    width: 64px;
    height: 64px;
    z-index: 9999;
}

.loader-flip {
    height: 200px;
    animation: flip 1.5s infinite ease-in-out;
    transform-style: preserve-3d;
    perspective: 800px;
}

.loader-flip img {
    width: 100%;
    height: 100%;
    display: block;
}

@keyframes flip {
    0%   { transform: rotateY(0deg); }
    50%  { transform: rotateY(180deg); }
    100% { transform: rotateY(360deg); }
}
.loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--px_primary_color);
}

/*.loader img {*/
/*    width: 80px;*/
/*}*/

/********************************************************
1. body end
 *******************************************************/
/********************************************************
 /********************************************************
2. header start
 *******************************************************/
.px_main_wraapper {
    overflow: hidden;
    position: relative;
    background: var(--main__white_color);
}

.px_header_wrapper {
    padding: 0 31px 0 0;
    background: var(--px_primary_color)
}

.px_header_wrapper .px_logo {
    padding-top:10px;
    margin-left: 25px;
}

.px_nav {
    text-align: right;
    display: flex;
    justify-content: end;
    align-items: center;
    height: 100%;
}

.px_nav .px_menu>ul>li,
.px_cartsec>ul>li {
    display: inline-block;
    padding: 22px 20px 22px;
}

.px_nav .px_menu>ul>li>a {
    position: relative;
    display: inline-block;
    color: var(--main_font_color);
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.px_nav .px_menu>ul>li>a:hover, .px_nav .px_menu>ul>li>a.active {
    color: var(--px_accent_color);
    padding: 3px 7px;
}

.px_nav .px_menu>ul>li.px_home_dropdown>ul {
    background-color: #274260;
    position: absolute;
    left: 0;
    width: 180px;
    padding: 0px 0 0;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
    -webkit-transition: all 500ms eases;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    z-index: 100;
    text-align: left;
    top: 30px;
    transform: translate(80px, 40px);

}

.px_nav .px_menu>ul>li.px_home_dropdown:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 38px);
}

.px_nav .px_menu>ul>li.px_home_dropdown>ul>li>a {
    color: #ffffff;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);

    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    padding: 17px 25px 16px;
    display: block;
}

.px_nav .px_menu>ul>li.px_home_dropdown>ul>li:last-child a {
    border-bottom: none;
}

.px_nav .px_menu>ul>li.px_home_dropdown>ul>li>a:hover {
    color: var(--px_primary_color);
    padding-left: 30px;
}

.px_nav .px_menu>ul>li {
    position: relative;
}

.px_nav .px_menu>ul>li:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 3px;
    background: var(--px_accent_color);
    top: 0;
    bottom: 0;
    right: -3px;
    margin: auto;
}

.px_nav .px_menu>ul>li:last-child::after {
    display: none;
}

.px_nav .px_menu,
.px_nav .px_cartsec {
    display: inline-block;
}

.px_nav .px_cartsec>ul>li {
    padding: 0px 15px;
    position: relative;
    vertical-align: middle;
}

.px_nav .px_cartsec>ul>li.px_profile_carol {
    display: none;
}

.px_nav .px_cartsec>ul>li:after {
    content: "";
    position: absolute;
    background: var(--px_accent_color);
    top: 0;
    bottom: 0;
    border-radius: 25px;
    width: 1px;
    height: 30px;
    left: 0;
    margin: auto;
}

.px_nav .px_cartsec>ul>li:first-child:after {
    position: inherit;
}

.px_nav .px_cartsec>ul>li:first-child {
    position: inherit;
}

.px_nav .px_cartsec>ul>li>a.setting_toggle {

    color: #cdcdcd;
}

.px_nav .px_cartsec>ul>li .setting_toggle img {
    border: 2px solid #3a4047;
    border-radius: 50%;
    margin-right: 7px;
}

.px_nav .px_cartsec>ul>li .setting_toggle .toggle_caret {
    color: var(--px_primary_color);
    margin-left: 4px;
}

.px_profile_open {
    background-color: #ffffff;
    position: absolute;
    top: 27px;
    left: 10px;
    width: 150px;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    z-index: 100;
    text-align: left;
    transform: translate(80px, 40px);
}

.px_profile_open ul li a {
    color: #222222;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    border-bottom: 1px solid #00000012;

    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    padding: 17px 25px 16px;
    display: block;
}

.px_profile_open ul li a:hover {
    color: #50AAB2;
    padding-left: 30px;
}

.px_profile_open ul li a i {
    color: #50AAB2;
    margin-right: 5px;
}

.px_profile_open.px_profile_drop {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 38px);
}

.px_nav .px_cartsec>ul>li>a>svg {
    width: 18px;
    height: 18px;
}

.px_nav .px_cartsec>ul>li>.cart_round {
    position: relative;
}

.px_nav .px_cartsec>ul>li>.cart_round span {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--px_primary_color);
    color: #ffff;
    font-size: 10px;
    position: absolute;
    right: -11px;
    top: -6px;
}

.px_nav .px_cartsec>ul>li>span {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--px_primary_color);
    color: #212629;
    font-size: 10px;
    position: absolute;
    right: -11px;
    top: -6px;
}

/* Add To Cart Menu Box css */
.cart_content {
    width: 470px;
    overflow-x: auto;
    background: #000000;
}

.px_sop_cart {
    text-align: center;
    padding: 20px 30px;
    position: relative;
    background-color: #f9f9f9;
}

.px_sop_cart h3 {
    font-size: 22px;
    color: #222222;
    font-weight: 500;
}

.px_sop_cart p {
    color: #222222;
}

.px_sop_cart a {
    position: absolute;
    top: 33px;
    right: 0px;
    text-transform: uppercase;
    transform: rotate(-90deg);
}

.px_sop_cart a:hover {
    color: #50AAB2;
}

.header_cartbox {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -480px;
    background-color: white;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650);
    -webkit-transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650);
    -moz-transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650);
    -o-transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650);
    -ms-transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650);
}

.open_cart .header_cartbox {
    opacity: 1;
    visibility: visible;
    right: 0;
}

.cart_content .px_table_quantity .quantity_wrapper {
    text-align: center;
}

.cart_content .px_checkout_table span {
    font-size: 20px;

    margin: 0;
}

.cart_content .quantity_qty span {
    margin: 0 10px 0 0;
    font-size: 16px;
}

.px_checkout_table .table td:first-child {
    text-align: center;
}

.px_checkout_table .table td:last-child {
    text-align: center;
}

.px_checkout_table .table tr:first-child td {
    border-top: none;
}

.px_sop_cart_btn {
    padding: 14px 50px 30px;
}

.px_sop_cart_btn>ul>li {
    display: inline-block;
}

.px_sop_cart_btn>ul>li:first-child {
    margin-right: 57px;
}

.open_cart {
    position: relative;
}

.open_cart:after {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
}

/* Add To Cart Menu Box css */
/* Add To Cart Menu Box Dark css */
.px_product_checkout_dark .header_cartbox {
    background-color: #000000;
}

.px_product_checkout_dark .px_sop_cart {
    background-color: #000000;
}

.px_product_checkout_dark .px_sop_cart h3,
.px_product_checkout_dark .px_sop_cart p {
    color: #ffffff;
}

.px_product_checkout_dark .px_sop_cart a {
    color: #ffffff;
    background-color: var(--px_primary_color);
    padding: 0px 10px;
}


.px_header_style3 .px_sop_cart a:hover {
    color: #ff9d34;
}

.px_header_style4 .px_sop_cart a:hover {
    color: #ff9d34;
}

/* Search bar box css */
.search_input_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 111;
    opacity: 0;
    visibility: hidden;
}

.search_input_box input {
    width: 0px;
    transition: 0.2s;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
}

.close_search_bar .search_input_box {
    opacity: 1;
    visibility: visible;
    width: 100%;
    text-align: center;
}

.close_search_bar .search_input_box input {
    width: 50%;
    background-color: transparent;
    border: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.25);
    padding: 10px 20px 10px 0;
    font-size: 25px;
    color: #ffffff;
}

.search_input_box input::placeholder {
    color: #ffffff;
}

.search_input_box span i {
    cursor: pointer;
    color: #ffffff;
    font-size: 20px;
    position: absolute;
    top: 0;
}

body.close_search_bar {
    position: relative;
}

body.close_search_bar:after {
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 42;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* Search bar box css */
li.px_login_sign a {
    color: var(--main_black_color);
    background: transparent;
    border: 2px solid var(--px_accent_color);
    border-radius: 25px;

    margin: 0 0 0 5px;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 13px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.px_dummy a {
    min-width: 40px;
}

li.px_login_sign a:hover {
    color: #FFF;
    background: var(--px_primary_color);
    display: flex;

}

li.px_login_sign a:focus {
    color: rgb(255 255 255);
    display: flex;
    font-size: 14px;
    text-transform: uppercase;
}

li.px_login_sign p {
    margin-left: 5px;
    font-weight: 600;
    display: inline-block;
}

li.px_login_sign p:hover {
    color: #fff;
}

.testimonial_box_wrapper {
    position: relative;
    overflow: hidden;
}

/* sign-in popup dark css*/
.px_modal_form {
    z-index: 9;
    max-width: 100%;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    justify-content: center;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    overflow-x: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.px_modal_form.open_login_model,
.px_modal_form.open_signup_model {
    opacity: 1;
    visibility: visible;
}

.px_signin_flex .col-md-6 {
    padding: 0;
}

.px_signin_flex {
    background-color: #1d1d1d;
    text-align: center;
    max-width: 960px;
    width: 100%;
}

.px_modal_form.open_login_model:after,
.px_modal_form.open_signup_model:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    content: '';
    z-index: -1;
}

.open_signup_model .px_social_btn {
    margin-left: 0;
}

.px_sign_slide {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 0px 0px;
}

.px_sign_slide .swiper-pagination-bullet {
    background: #dbdbdb;
    opacity: 1;
    margin-right: 8px;
    transition: 0.3s all;
    -moz-transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
}

.px_sign_slide .swiper-pagination-bullet-active {
    background: var(--px_primary_color);
    width: 12px;
    height: 12px;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.px_sign_slide .swiper-pagination-bullets {
    bottom: -60px;
    right: 0;
    left: 0;
}

.px_sign_section {
    background-color: #292828;
    padding: 50px 60px;
    text-align: center;
}

.px_sign_section button.close_login {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--px_primary_color);
    width: 38px;
    height: 38px;
    line-height: 38px;
    border: none;
}

.px_sign_section .close_login {
    font-size: 26px;
    font-weight: normal;
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
}

.px_sign_section p {
    color: #cdcdcd;
    margin-top: 10px;
}

.px_sign_section h3 {
    color: #ffffff;
    font-weight: 600;
    margin: 25px 0;
}

.px_sign_section .form_block {
    margin-bottom: 20px;
}

.px_sign_section .form_block .form_field {
    border: 1px solid #444444;
    background-color: #000000;
    color: #ffffff;
}

.px_sign_section input::placeholder {
    color: #cdcdcd;
}

.px_sign_forgot ul {
    display: flex;
    justify-content: space-between;
    max-width: 410px;
    align-items: center;
}

.px_sign_forgot ul li a {
    color: #ffffff;
}

.px_sign_forgot ul li:first-child a:hover {
    color: var(--px_primary_color);
}

.px_social_btn {}

.px_social_btn ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 360px;
    margin: 20px auto 0;
}

.px_social_btn ul li:last-child {}

.px_social_btn a.px_btn.facebook {
    background-color: #3b5999;
    color: #fff;
    border: solid 1px #324c82;
}

.px_social_btn a.px_btn:before {
    background-color: transparent;
}

.px_social_btn .px_btn .about_btnicon.facebook {
    background-color: #3b5999;
    border: solid 1px #324c82;
}

.px_social_btn a.px_btn {
    background-color: #ffffff;
    color: #222222;
    min-width: 115px;

    border: 1px solid #f0f0f0;
}

.px_social_btn .px_btn .about_btnicon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: inline-block;
    position: absolute;
    left: -51px;
    top: -1px;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;

}

.px_modal_form.px_modal_signup ul {
    text-align: left;
}

.px_modal_signup .px_social_btn ul {
    margin-left: 50px;
}

.px_modal_form.px_modal_signup ul li:first-child {}

.px_modal_signup .px_sign_forgot ul li:first-child a:hover {
    color: #ffffff;
}

/* sign-in popup dark css*/
/********************************************************
2. header End
 *******************************************************/

/********************************************************
3. info sidebar start
 *******************************************************/
.px_infosidebar {
    width: 60px;
    background: #274260;
    position: absolute;
    left: 0;
    height: 974px;
    z-index: 11;
}

.px_infosidebar .siderbar_social>ul>li {
    margin-bottom: 10px;
}

.px_infosidebar .siderbar_social>ul>li>a {
    color: #ffffff;
}

.px_infosidebar .siderbar_social {
    margin: 167px 0px 24px 0px;
    text-align: center;
}

.px_infosidebar .siderbar_contact,
.px_infosidebar .siderbar_email {
    text-align: center;
    padding: 30px 0 22px;
    border-top: 1px solid #4e4e4e;
}

.px_infosidebar .siderbar_contact>a,
.px_infosidebar .siderbar_email>a {
    color: #ffffff;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-transform: lowercase;
}

.px_infosidebar .siderbar_contact>a>svg,
.px_infosidebar .siderbar_email>a>svg {
    transform: rotate(90deg);
    margin-bottom: 5px;
    width: 16px;
    height: 15px;
    vertical-align: baseline;
}

.px_infosidebar .siderbar_social>ul>li>a {
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

/********************************************************
4.index v1 heading start
 *******************************************************/
.px_heading {
    margin-bottom: 47px;
    z-index: 1;
    text-align: center;
}

.px_heading h4 {
    color: var(--font_gray_dark);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
}


.px_heading h2 {
    color: var(--main_font_color);
    font-weight: 500;
    z-index: 2;
    position: relative;
    margin-top: 6px;
}


.px_heading.white h4 {
    color: var(--font_gray_dark);
}

.px_heading span {
    font-size: 80px;
    text-transform: uppercase;
    font-weight: 900;
    color: #e6ded473;
    letter-spacing: 12px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 2px;
    bottom: 0;
    margin: auto;
    z-index: -1;
    line-height: 18px;
}

.px_blog_wrapper {
    .px_heading span {
        color: var(--main__white_color);
    }
}

/********************************************************
4.index v1 heading End
 *******************************************************/

/********************************************************
5.Banner Slider Start
 *******************************************************/
.px_bannerr_slider .swiper-container {
    width: 100%;
    height: 100%;
}

.px_bannerr_slider .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.px_banner_slider .banner_box_wrapper {
    position: relative;
    background-color: #fff;
}

.swiper_imgbox .swipper_img>h4 {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--px_primary_color);
    margin: 0px;
    position: relative;
}

.swiper_imgbox .swipper_img>h4>span {
    font-size: 104px;
    text-transform: uppercase;
    font-weight: 900;
    color: var(--px_accent_color);
    letter-spacing: 12px;
    position: absolute;
    left: 10px;
    right: 0;
    top: -60px;
    z-index: -1;
}

.swiper_imgbox .swipper_img>h2 {
    color: #000;
    font-weight: 700;
    font-size: 74px;
    margin: 0;
}

.swiper_imgbox .swipper_img>h3 {
    font-size: 64px;
    color: #000;
    font-weight: 300;
}

.swiper_imgbox .swipper_img>h3>.banner_span1 {
    color: var(--px_accent_color);
    font-weight: 400;
}

.swiper_imgbox .swipper_img>p {
    color: var(--font_gray_dark);
    margin-top: 40px;
    margin-bottom: 40px;
}

.banner_box_wrapper .swiper_imgbox {
    margin: 140px 0 0;
    padding: 0 15px 0 25px;
}

.banner_box_wrapper .banner_navi {
    position: absolute;
    left: 341px;
    bottom: -31px;
}

.banner_box_wrapper .swiper-button-next,
.banner_box_wrapper .swiper-container-rtl .swiper-button-prev,
.banner_box_wrapper .swiper-button-prev,
.banner_box_wrapper .swiper-container-rtl .swiper-button-next {
    background-image: none;
    text-transform: uppercase;
    width: auto;
    height: auto;
}

.banner_box_wrapper .swiper-button-next,
.banner_box_wrapper .swiper-button-prev {
    color: var(--main_font_color);
    font-weight: 900;
    transition: all 0.3s ease-in-out;
}

.banner_box_wrapper .swiper-button-next:focus,
.banner_box_wrapper .swiper-button-prev:focus {
    color: var(--px_primary_color);
}

.banner_box_wrapper .swiper-button-next,
.banner_box_wrapper .swiper-button-prev {
    bottom: 50px;
    top: auto;
    width: 200px;
}

.banner_box_wrapper .swiper-button-prev,
.banner_box_wrapper .swiper-container-rtl .swiper-button-next {
    left: 0px;
}
.swiper-button-next:after {
    content: 'next';
}
.banner_box_wrapper .swiper-button-next,
.banner_box_wrapper .swiper-container-rtl .swiper-button-prev {
    right: auto;
    left: 97px;
}

/*.banner_box_wrapper .swiper-button-prev:after,*/
/*.banner_box_wrapper .swiper-container-rtl .swiper-button-next:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 45px;*/
/*    height: 1px;*/
/*    background: var(--px_primary_color);*/
/*    top: 0px;*/
/*    bottom: 0;*/
/*    left: -55px;*/
/*    margin: auto;*/
/*}*/

/*.banner_box_wrapper .swiper-button-prev:before,*/
/*.banner_box_wrapper .swiper-container-rtl .swiper-button-next:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    right: -55px;*/
/*    margin: auto;*/
/*    background: var(--px_primary_color);*/
/*    width: 45px;*/
/*    height: 1px;*/
/*}*/

/*.banner_box_wrapper .swiper-button-next:before,*/
/*.banner_box_wrapper .swiper-container-rtl .swiper-button-prev:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    right: -55px;*/
/*    margin: auto;*/
/*    background: var(--px_primary_color);*/
/*    width: 45px;*/
/*    height: 1px;*/
/*}*/

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img h4 {
    animation: fadeInLeft 1s linear;
    -webkit-animation: fadeInLeft 1s linear;
    -ms-animation: fadeInLeft 1s linear;
    -moz-animation: fadeInLeft 1s linear;
    -o-animation: fadeInLeft 1s linear;

}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img h2 {
    animation: fadeInRight 1s linear;
    -webkit-animation: fadeInRight 1s linear;
    -ms-animation: fadeInRight 1s linear;
    -moz-animation: fadeInRight 1s linear;
    -o-animation: fadeInRight 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img h3 {
    animation: fadeInLeft 1s linear;
    -webkit-animation: fadeInLeft 1s linear;
    -ms-animation: fadeInLeft 1s linear;
    -moz-animation: fadeInLeft 1s linear;
    -o-animation: fadeInLeft 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img p {
    animation: fadeInRight 1s linear;
    -webkit-animation: fadeInRight 1s linear;
    -ms-animation: fadeInRight 1s linear;
    -moz-animation: fadeInRight 1s linear;
    -o-animation: fadeInRight 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img .px_btn {
    animation: fadeInLeft 1s ease;
    -webkit-animation: fadeInLeft 1s linear;
    -ms-animation: fadeInLeft 1s linear;
    -moz-animation: fadeInLeft 1s linear;
    -o-animation: fadeInLeft 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img h4 {
    animation: fadeInDown 1s linear;
    -webkit-animation: fadeInDown 1s linear;
    -ms-animation: fadeInDown 1s linear;
    -moz-animation: fadeInDown 1s linear;
    -o-animation: fadeInDown 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img h2 {
    animation: fadeInUp 1s linear;
    -webkit-animation: fadeInUp 1s linear;
    -ms-animation: fadeInUp 1s linear;
    -moz-animation: fadeInUp 1s linear;
    -o-animation: fadeInUp 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img h3 {
    animation: fadeInUp 1s linear;
    -webkit-animation: fadeInUp 1s linear;
    -ms-animation: fadeInUp 1s linear;
    -moz-animation: fadeInUp 1s linear;
    -o-animation: fadeInUp 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img p {
    animation: fadeInDown 1s linear;
    -webkit-animation: fadeInDown 1s linear;
    -ms-animation: fadeInDown 1s linear;
    -moz-animation: fadeInDown 1s linear;
    -o-animation: fadeInDown 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img .px_btn {
    animation: fadeInUp 1s ease;
    -webkit-animation: fadeInUp 1s linear;
    -ms-animation: fadeInUp 1s linear;
    -moz-animation: fadeInUp 1s linear;
    -o-animation: fadeInUp 1s linear;
}

.swiper_imgbox .swipper_img>h1 {
    font-size: 140px;
    text-transform: uppercase;
    color: rgb(122 122 122 / 5%);
    font-weight: 900;
    margin-top: 85px;
    margin-left: -9px;
}

.swiper_imgbox .btn_caret {
    right: -29px;
}

/*.banner_box_wrapper .swiper-button-next:after,*/
/*.swiper-rtl .swiper-button-prev:after {*/
/*    display: none;*/
/*}*/

/* button css */
.px_btn,
.px_btn:focus {
    width: auto;
    min-width: 140px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    color: var(--main_font_color);
    background: transparent;
    border-radius: 25px;
    border: 2px solid var(--main_font_color);
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    padding: 0px 40px;
    margin-bottom: 10px;
}
.px_btn.px_login_model:before {
    background: var(--px_accent_color) !important;
}
.px_btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--main_font_color);
    border-radius: 25px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 10% 0;
    transform-origin: 0% 10% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.px_btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.px_btn.left_zero:before {
    transform-origin: 100% 50%;
}

.px_btn_two:focus {
    background: #50AAB2;
}

.px_btn_two {
    color: var(--px_primary_color);
    background: var(--font_gray_dark);
    width: 170px;
    letter-spacing: 1px;
}

.btn_caret {
    height: 50px;
    line-height: 53px;
    background: white;
    display: inline-block;
    padding: 0px 12px;
    position: absolute;
    top: 0px;
    right: -29px;
}
.btn_caret .fas {
    color: var(--px_primary_color);
}

.btn_caret_two {
    background: #f41a48;
}

.px_btn:hover {
    color: #fff;
    background: #555555;
}

.index3_btn {
    min-width: 170px;
    height: 50px;
    line-height: 50px;
    outline: none;
    border: none;
    cursor: pointer;
    letter-spacing: 2px;
    background-color: #ff9d34;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.index3_btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 10% 0;
    transform-origin: 0% 10% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.index3_btn:hover {
    color: #ff9d34;
}

.index3_btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.index4_btn {
    min-width: 170px;
    height: 50px;
    line-height: 50px;
    outline: none;
    border: none;
    cursor: pointer;
    letter-spacing: 2px;
    background-color: #222222;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.index4_btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ff9d34;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 10% 0;
    transform-origin: 0% 10% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.index4_btn:hover {
    color: #ffffff;
}

.index4_btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.separator {
    width: 400px;
    height: 2px;
    margin: 40px auto;
    background: linear-gradient(to right, transparent, #E6DED4 20%, #E6DED4 80%, transparent);
}
/* button css */

/* checkbox start */
.px_checkbox {
    text-align: left;

}

.px_checkbox>input {
    position: absolute;
    left: -999999px;
}

.px_checkbox>label {
    font-weight: 400;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    color: #555555;
    margin-bottom: 5px;
}

.px_checkbox>label:last-child {
    margin-bottom: 0;
}

.multi-select-menuitems label input {
    opacity: 0;
}

.px_checkbox>label:before {
    content: "";
    width: 15px;
    height: 15px;
    border: solid 1px #ddd;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(2px);
}

.px_checkbox>label:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 2px;
    width: 9px;
    height: 5px;
    border-left: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    border-radius: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    visibility: hidden;
}

.px_checkbox>input:checked~label:after {
    opacity: 1;
    visibility: visible;
}

.px_checkbox>input:checked~label:before {
    background-color: #ff1d4d;
    border: solid 1px #50AAB2;
}

.px_checkbox>input:checked~label {
    color: #ff1d4d;
}

/* checkbox end */

/********************************************************
5.Banner Slider End
 *******************************************************/

/********************************************************
6.index services Start
 *******************************************************/
.px_service_wrapper {
    padding: 77px 0 80px 0px;
    background: #000000;
}

.service_box_wrapper .service_box {
    position: relative;
    overflow: hidden;
}

.service_box_wrapper .service_content h4 {

    color: #fff;
    font-size: 22px;
    padding: 0;
    margin: 0;
}

.service_box_wrapper .service_content p {
    color: #fff;
    margin: auto;
    padding: 0;
    padding-top: 10px;
    font-size: 14px;
}

.service_content {
    position: absolute;
    bottom: 25px;
    left: 20px;
    right: 20px;
    margin: auto;
    z-index: 1;
}

.service_box_wrapper .service_box:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(33, 37, 41, 0.86) 100%);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.service_box:hover::after {
    opacity: 0;
    visibility: hidden;
}

.service_box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-align: center;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    background: rgba(40, 45, 50, 0.7803921568627451);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

.service_box:hover::before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}


.service_box_wrapper .service_box.serivce_first {
    margin-top: 30px;

}

.service_box .service_designation h2 {
    font-size: 14px;
    color: #ffffff;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.service_box .service_designation {
    position: absolute;
    top: 20px;
    left: -24px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    z-index: 2;
}

.service_box_wrapper .service_box:hover .service_designation {
    left: 18px;
}

/********************************************************
6.index services End
 *******************************************************/

/********************************************************
7.index About Start
 *******************************************************/
.px_about_wrapper {
    padding: 80px 0;
}

.about_box_wrapper .about_imgbox {
    text-align: right;
}

.about_imgbox .about_img {
    position: relative;
}

.about_imgbox .about_img .child_imgbox {
    position: absolute;
    bottom: -100px;
    left: 20px;
}

/* .about_img .child_imgbox:after {
    content: "";
    position: absolute;
    top: -50px;
    left: -50px;
    width: 100%;
    height: 100%;
    right: 41px;
    background: #ededed;
    border: 10px solid #181a35;
    z-index: -1;
} */
.about_contentbox {
    padding-top: 20px;
}

.about_contentbox .px_heading span {
    font-size: 30px;
    letter-spacing: inherit;
}

.about_contentbox .about_head1 {
    font-size: 40px;
    color: var(--main_font_color);
    font-weight: 500;
    margin: 5px 0px 2px 0px;
}

.px_dark_about_section2 .about_contentbox .about_head1 {
    color: var(--main_black_color);
}

.about_contentbox .about_head2 .team {
    font-weight: 500;
    color: var(--px_accent_color);
}

.about_contentbox .about_head2 {
    font-size: 40px;
    color: var(--px_accent_color);
    font-weight: 300;
}

.about_contentbox .about_deatils {
    color: var(--main_black_color);
    padding-top: 15px;
}

.about_contentbox .px_heading {
    margin-bottom: 0;
    text-align: left;
}

.about_contentbox .px_btn {
    height: 60px;
    line-height: 60px;

    background: #2e2e30;
    margin-left: 0;
    letter-spacing: 0px;
    margin-top: 22px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    position: relative;
}

.about_contentbox .px_btn:hover,
.about_contentbox .px_btn:hover .about_btnicon {
    background: var(--px_primary_color);
}

.about_contentbox .px_btn .about_btnicon svg {
    width: 30px;
    height: 30px;
}

.about_contentbox .px_btn:hover .about_btnicon svg path {
    fill: #fff;
}




/********************************************************
8.index About End
 *******************************************************/

/********************************************************
9.index Project Start
 *******************************************************/
.px_project_wrapper {
    padding-top: 77px;
    background: var(--px_accent_color);
}


.px_project_wrapper .px_heading {
    margin-bottom: 30px;
}

.px_project_gallery {
    text-align: center;
}

.px_project_gallery .grid-item {
    width: 25%;
    clear: both;
    position: relative;
    overflow: hidden;
    padding: 10px 10px;
}

.px_project_gallery .grid_img:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.72);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 1;
}

.px_project_gallery .top_content {
    position: absolute;
    top: 10px;
    left: 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    z-index: 1;
    font-weight: 400;
    opacity: 0;
    visibility: hidden;
}

.px_project_gallery .grid-item:hover .top_content {
    opacity: 1;
    visibility: visible;
    top: 30px;

}

.px_project_gallery .grid_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(0, 0, 0);
    -ms-transform: translate(-50%, -50%) scale3d(0, 0, 0);
    transform: translate(-50%, -50%) scale3d(0, 0, 0);
    text-align: center;
    z-index: 1;

}

.px_project_gallery .grid-item:hover .grid_icon {
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    -ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.px_project_gallery .bottom_content {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
    color: #fff;
    z-index: 1;
}

.px_project_gallery .bottom_content>span {
    color: #ffffff;
    text-transform: uppercase;
    display: block;

}

.px_project_gallery .bottom_content>h3 {
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;

}

.px_project_gallery .bottom_content>span,
.px_project_gallery .bottom_content>h3 {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}

.px_project_gallery .grid-item:hover .bottom_content>span,
.px_project_gallery .grid-item:hover .bottom_content>h3 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}

.px_project_gallery .grid-item:hover .bottom_content>h3 {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    -ms-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.px_project_gallery .grid-item:hover .grid_img:before {
    opacity: 1;
    visibility: visible;
}

.px_project_gallery .grid_img img {
    transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
}

.px_project_gallery .grid-item:hover .grid_img img {
    transform: scale(1.2, 1.2);
}

.px_project_gallery .px_project_gallery_view a {
    z-index: 0;
}

.px_project_gallery .grid_img {
    overflow: hidden;
    position: relative;
}

.px_project_gallery {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.px_project_gallery .gallery_nav ul {
    list-style: none;
    padding: 0 15px;
    margin: 5px 0 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.px_project_gallery .gallery_nav ul li {
    cursor: pointer;
    color: #fff;
    position: relative;

    font-size: 18px;
}

.px_project_gallery .gallery_nav ul li a {
    display: block;
    padding: 7px 20px;
    background: #333232;
    color: #ffffff;
}

.px_project_gallery .gallery_nav ul li a:after {
    content: "";
    width: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 2px;
    position: absolute;
    -webkit-transition: ease all 0.55s;
    -o-transition: ease all 0.55s;
    -ms-transition: ease all 0.55s;
    -moz-transition: ease all 0.55s;
    transition: ease all 0.55s;
    background: var(--px_primary_color);
}

.px_project_gallery .gallery_nav ul li a.gallery_active:after {
    width: 60%;
}

.px_project_gallery .gallery_nav ul li .gallery_active {
    color: var(--px_primary_color);
    background: transparent;
}

/********************************************************
9.index Project End
 *******************************************************/

/********************************************************
10.index Process Start
 *******************************************************/
.px_process_wrapper {
    padding: 77px 0 54px 0;
    background-color: var(--px_primary_color);
}

.px_process_wrapper .px_heading {
    margin-bottom: 40px;
}

.px_process_wrapper .process_box_wrapper {
    margin-top: 33px;
    position: relative;
}

.px_process_wrapper .process_box h1 {
    font-weight: 500;

    font-size: 22px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.px_process_wrapper .process_box h1 a {
    color: var(--main_font_color);
}
.px_process_wrapper .process_box p {
    color: var(--font_gray_dark);
    margin: 0px;
}

.px_process_wrapper .process_circle h2 {
    position: relative;
    color: var(--main__white_color);
    font-size: 32px;
    font-weight: 500;
    z-index: 2;
}

.px_process_wrapper .process_circle {
    margin-bottom: 48px;
    position: relative;
}

.process_circle:after {
    content: "";
    position: absolute;
    top: 18px;
    left: 181px;
    margin: auto;
    background: var(--px_accent_color);
    width: 73%;
    height: 2px;
    z-index: 0;
}

.process_box_wrapper .col-12:last-child .process_circle:after,
.process_box_wrapper .col-12:last-child .process_box:after {
    display: none;
}

.px_process_wrapper .process_circle h2:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: var(--px_accent_color);

    z-index: -1;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.process_box:hover h2:after {
    border: 6px solid var(--px_accent_color);
}

.process_box_wrapper .process_box {
    position: relative;
    margin-bottom: 21px;
    text-align: center;
}

.process_box_wrapper .process_box:after {
    position: absolute;
    right: 0;
    top: 11px;
    margin: auto;
    color: var(--px_primary_color);
    z-index: 2;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-weight: 600;
    height: 16px;
    line-height: 16px;
    text-rendering: auto;
    width: 16px;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
}

.process_box_wrapper .col-md-3:last-child .process_box:after {
    display: none;
}

/********************************************************
10.index Process End
 *******************************************************/

/********************************************************
11.index Team Start
 *******************************************************/
.px_team_wrapper {
    background-color: var(--px_primary_color);
    padding: 77px 0px 80px;
}

.px_team_wrapper .px_heading {
    margin-bottom: 40px;
}

.team_box_wrapper {
    position: relative;
    overflow: hidden;
}

.team_box_wrapper .team_box {
    background: #f1f1f1;
    position: relative;
    padding-top: 24px;
    /* border-radius: 10px; */
}

.team_box_wrapper .team_box .team_content {
    background: #000000;
    padding: 20px 0 16px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.team_box_wrapper .team_box .team_content h4>a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.team_box_wrapper .team_box .team_content h4>a:hover {
    color: var(--px_primary_color);
}

.team_box_wrapper .team_box .team_content p {
    color: #fff;
}

.team_box .team_designation {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 13px;
    color: var(--px_primary_color);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.team_box .team_hovercontent {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    color: #ffffff;
    opacity: 0;
    visibility: hidden;
}

.team_box_wrapper .team_box:hover .team_hovercontent {
    top: 45px;
}

.team_box_wrapper .team_box:after {
    content: "";
    position: absolute;
    background: var(--px_primary_color);
    left: 0;
    bottom: 0;
    right: 0;
    height: 0%;
    transform-origin: 0 100%;
    transition-delay: 50ms;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
    /* border-radius: 10px; */
}

.px_blog_dark_version .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 60px;
    background: var(--px_primary_color);
    display: flex;
}

.team_box_wrapper .team_box:hover:after {
    height: 100%;
}

.team_img .team_hovercontent>ul>li {
    display: inline-block;
    margin-right: 12px;
    margin-top: 6px;
}

.team_box:hover ul li:first-child {
    -webkit-animation: bounceInDown .2s;
    animation: bounceInDown .2s;
}

.team_box:hover ul li:nth-child(2) {
    -webkit-animation: bounceInDown .4s;
    animation: bounceInDown .4s;
}

.team_box:hover ul li:nth-child(3) {
    -webkit-animation: bounceInDown .6s;
    animation: bounceInDown .6s;
}

.team_box:hover ul li:nth-child(4) {
    -webkit-animation: bounceInDown .8s;
    animation: bounceInDown .8s;
}

.team_box:hover ul li:nth-child(5) {
    -webkit-animation: bounceInDown 1s;
    animation: bounceInDown 1s;
}

.team_box:hover ul li:nth-child(6) {
    -webkit-animation: bounceInDown 1.2s;
    animation: bounceInDown 1.2s;
}

.team_img .team_hovercontent>ul>li>a {
    color: #ffffff;
    color: #ffffff;
    font-size: 16px;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.team_img .team_hovercontent>ul>li>a:hover {
    color: #212629;
}

.team_hovercontent>h5 {
    font-size: 18px;
    font-weight: 500;
}

.team_hovercontent>p {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 30px;
    color: #fff;
}

.team_hovercontent>p:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff61;
    width: 70%;
    height: 1px;
}

.team_box_wrapper .team_box:hover .team_hovercontent {
    opacity: 1;
    visibility: visible;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.team_navigation .swiper-button-next,
.team_navigation .swiper-container-rtl .swiper-button-prev,
.team_navigation .swiper-button-prev,
.team_navigation .swiper-container-rtl .swiper-button-next {
    background-image: none;
    text-transform: uppercase;
    color: #ffffff;
    width: inherit;
    height: inherit;
}

.team_navigation .swiper-button-prev,
.team_navigation .swiper-container-rtl .swiper-button-next {
    left: -52px;
}

.team_navigation .swiper-button-prev:after,
.team_navigation .swiper-container-rtl .swiper-button-next:after {
    content: "";
    position: absolute;
    width: 45px;
    height: 1px;
    background: var(--px_primary_color);
    top: 0;
    bottom: 0;
    left: -55px;
    margin: auto;
}

.team_navigation .swiper-button-next,
.team_navigation .swiper-container-rtl .swiper-button-prev {
    right: -52px;
}

.team_navigation .swiper-button-next:after,
.team_navigation .swiper-container-rtl .swiper-button-prev:after {
    content: "";
    position: absolute;
    width: 45px;
    height: 1px;
    background: var(--px_primary_color);
    top: 0;
    bottom: 0;
    right: -55px;
    margin: auto;
}

/********************************************************
11.index Team End
 *******************************************************/

/********************************************************
12.index progress bar Start
 *******************************************************/
.px_progresbar_wrapper {
    background: url(https://dummyimage.com/1920x1080) no-repeat center left;
    background-size: cover;
}

.px_progresbar_wrapper .progress_rightbox {
    padding: 69px 80px 40px;
    background: #000000;
}

.px_progresbar_wrapper .progress_rightbox h1 {
    color: var(--px_primary_color);
    font-weight: 500;
}

.px_progresbar_wrapper .progress_rightbox .progress_head {
    color: #ffffff;
    padding: 0px 0px 12px 0px;
}

.progress_leftbox {
    position: relative;
}

.px_progresbar_wrapper .progress_leftbox .video_icon {
    width: 100px;
    height: 100px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 112px;
    position: absolute;
    /* top: 6%; */
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    transform: translate(20%, 350px);
}

.progress_leftbox .video_icon i {
    font-size: 25px;
    color: var(--px_primary_color);
}

/* start pulse effects */
.btn-wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    background-color: #f7faff;
    opacity: 0;
    z-index: -1;
}

.btn-wave {
    -webkit-animation: sonarWave 1.5s linear infinite;
    animation: sonarWave 1.5s linear infinite;
}

@-webkit-keyframes sonarWave {
    from {
        opacity: 0.4;
    }

    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes sonarWave {
    from {
        opacity: 0.4;
        @include transform(scale(1));
    }

    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
        @include transform(scale(.9));
    }
}

/* End pulse effects */

/* progress bar Start */

.px_prog_box h2 {
    color: var(--px_primary_color);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.px_prog_box {
    margin-top: 50px;
}

.px_prog_box .progress_bar {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    position: relative;
}

.px_prog_box .progress_bar .label {
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    right: 0;
    top: -13px;
}

.px_prog_box .progress_bar .line {
    width: 90%;
    height: 6px;
    background: #2e2e30;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.px_prog_box .progress_bar .line span {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    border-radius: 10px;
    background: var(--px_primary_color) !important;
}

/* progress bar End */




/********************************************************
12.index progress bar End
 *******************************************************/
/********************************************************

13.index Testimonial bar Start
 *******************************************************/
.px_testimonial_wrapper {
    padding: 77px 0 80px;
    background: #181a35;
}

.px_testimonial_wrapper {
    background: #fff;
}

.testimonial_box_wrapper .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.testimonial_box_wrapper .gallery-top {
    height: 80%;
    width: 100%;
}

.testimonial_box_wrapper .gallery-thumbs {
    box-sizing: border-box;
    width: 30%;
    height: 150px;
    position: relative;
    overflow: hidden;
}

.px_testimonial_wrapper.px_aboutTestimonial .swi_contentbox {
    background: #141414;
}

.testimonial_box_wrapper .gallery-thumbs .swiper-slide {
    height: 100%;
    cursor: pointer;

}

.testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user svg,
.testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user:after,
.testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user:before {
    visibility: visible;
    opacity: 1;
}

.testimonial_box_wrapper .swi_user:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--px_primary_color);
    z-index: 7;
    bottom: -28px;
    left: 0;
    right: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.testimonial_box_wrapper .swi_user:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--px_primary_color);
    z-index: 7;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.testimonial_box_wrapper .swi_contentbox {
    border: 2px solid var(--px_accent_color);
    border-radius: 25px;
    padding: 53px 100px;
    position: relative;
    min-height: 250px;
}

.testimonial_box_wrapper .swi_contentbox h3 {
    font-size: 18px;
    color: var(--main_black_color);
    font-weight: 500;
    margin-top: 10px;
}

.testimonial_box_wrapper .swi_contentbox span {
    color: var(--px_primary_color);
    font-weight: 400;
    font-size: 14px;
    margin-left: 10px;

}

.testimonial_box_wrapper .swi_user {
    position: relative;
    transform: translateY(40px);
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.testimonial_box_wrapper .swi_user>svg {
    fill: var(--px_primary_color);
    position: absolute;
    bottom: -19px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.testimonial_box_wrapper .swi_user img {
    border-radius: 50%;
    border: 3px solid var(--px_primary_color);
    width: 60px;
    height: 60px;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.v1_testi_nav .swiper-pagination-bullets {
    left: 0;
    right: 0;
    margin: auto;
    bottom: -50px;
}

.v1_testi_nav .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;

}

.v1_testi_nav .swiper-pagination-bullet {
    background: #444d55;
    opacity: 1;
}

.v1_testi_nav .swiper-pagination-bullet-active {
    background: var(--px_primary_color);
    width: 12px;
    height: 12px;
    vertical-align: middle;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

/* Testimonials Navigation Arrows */
.px_testimonial_wrapper .testimonials-next,
.px_testimonial_wrapper .testimonials-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid var(--px_primary_color);
    border-radius: 50%;
    color: var(--px_accent_color);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

.px_testimonial_wrapper .testimonials-next:hover,
.px_testimonial_wrapper .testimonials-prev:hover {
    background: var(--px_primary_color);
    color: var(--px_accent_color);
}

.px_testimonial_wrapper .testimonials-next {
    right: 20px;
}

.px_testimonial_wrapper .testimonials-prev {
    left: 20px;
}

.px_testimonial_wrapper .testimonials-next:after {
    content: '→';
    font-weight: bold;
}

.px_testimonial_wrapper .testimonials-prev:after {
    content: '←';
    font-weight: bold;
}

/* Testimonials Pagination */
.px_testimonial_wrapper .testimonials-pagination {
    bottom: -50px !important;
}

.px_testimonial_wrapper .testimonials-pagination .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.3);
    opacity: 1;
    margin: 0 5px;
}

.px_testimonial_wrapper .testimonials-pagination .swiper-pagination-bullet-active {
    background: var(--px_primary_color);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .px_testimonial_wrapper .testimonials-next,
    .px_testimonial_wrapper .testimonials-prev {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .px_testimonial_wrapper .testimonials-next {
        right: 10px;
    }

    .px_testimonial_wrapper .testimonials-prev {
        left: 10px;
    }
}

/********************************************************
13.index Testimonial bar End
 *******************************************************/


/********************************************************
14.index Blog bar End

 *******************************************************/
.px_blog_wrapper {
    padding: 77px 0px;
    background: var(--px_accent_color);
}

.px_blog_wrapper .px_heading {
    margin-bottom: 40px;
}

.blog_box .blog_date {
    color: var(--px_primary_color);
    text-transform: uppercase;
    cursor: auto;
}



.blog_box .blog_heading {
    font-size: 22px;
    color: #ffffff;
    display: block;
    margin-top: 5px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.portfolio {
    padding: 0px 40px;
}
.portfolio .blog_box .blog_heading{
    color: var(--px_accent_color2);
}

.portfolio .blog_box .blog_heading:hover{
    color: var(--main_black_color);
}

.blog_box .blog_heading:hover {
    color: var(--px_primary_color);
}

.blog_box_wrapper .blog_box .blog_img {
    margin-bottom: 23px;
}

.blog_box_wrapper .blog_box .blog_img>a {
    display: inline-block;
    position: relative;
}

/* .blog_img a img{
    border-radius: 20px;
} */
.blog_box_wrapper .blog_box .blog_img>a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    background: #96979da6;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
    /* border-radius: 20px; */
}

.blog_box_wrapper .blog_box:hover .blog_img a:after {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.blog_box_wrapper .blog_box .blog_img>a>.blog_svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease 100ms;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.blog_box_wrapper .blog_box .blog_img:hover .blog_svg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
    opacity: 1;
    visibility: visible;
}

/********************************************************
14.index Blog bar End
 *******************************************************/

/********************************************************
15.index Map Start
 *******************************************************/

/********************************************************
15.index Blog bar End
 *******************************************************/

/********************************************************
16.index Footer Start
 *******************************************************/
.px_footer_wrapper {
    padding: 80px 0px 69px;
    background: var(--px_primary_color);
}

.footer_box_wrapper .footer_box .px_logo {
    margin-bottom: 30px;
    margin-left: 0px;
}

.footer_box_wrapper .footer_box .int_logo .img-fluid {
    margin-left: 0px;
    max-width: 200px;
}

.footer_box b, .footer_box strong {
    color: var(--px_accent_color2);
}

.footer_box_wrapper .footer_box .footer_heading {
    position: relative;
    font-size: 18px;
    color: var(--px_accent_color2);
    font-weight: 500;
    display: inline-block;
    margin-bottom: 30px;
}

.footer_box_wrapper .footer_box .footer_heading:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--px_primary_color);
    height: 2px;
}

.footer_box .footer_hours li {
    color: var(--main_font_color);
    margin: 0 0 10px 15px;
    position: relative;
}

.footer_box .footer_hours li:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--px_primary_color);
    left: -15px;
    bottom: 0;
    top: 0;
    margin: auto;
    border-radius: 50px;
}

.footer_box .footer_gallery li {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 3px;
}

.footer_box .footer_gallery li a {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.footer_box .footer_gallery li a:hover img {
    -webkit-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);
}

.footer_box .footer_gallery>li>a>img {
    width: 75px;
    height: 75px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}

.footer_box .footer_support_link li a {
    color: var(--main_font_color);;
}



.footer_box .footer_linkbox {
    display: flex;
}
/********************************************************
16.index Footer End
 *******************************************************/

/********************************************************
17.index Bottom Footer Start
 *******************************************************/
.px_bottom_footer_wrapper {
    /*background: rgb(20 20 20);*/
    background: white;
    padding: 20px 0px;
    text-align: center;
    margin-top: -25px;
}

.px_bottom_footer_wrapper .bottom_footer_box_wrapper p {
    font-size: 16px;
    color: var(--main_black_color);

}

.px_bottom_footer_wrapper .bottom_footer_box_wrapper a {
    color: var(--px_accent_color);
}

.footer_box>p {
    margin-bottom: 20px;
}

/********************************************************
17.index Bottom Footer End
 *******************************************************/




/* Index v2 css start */

/* Index v2 Header css start */
.px_infosidebar.px_infosidebar_style2 {
    background: #ffffff;
    top: 265px;
    width: 80px;
}

.px_infosidebar.px_infosidebar_style2 .siderbar_contact>a>svg path,
.px_infosidebar.px_infosidebar_style2 .siderbar_email>a>svg path {
    fill: #50AAB2;
}

.px_infosidebar.px_infosidebar_style2 .siderbar_contact>a,
.px_infosidebar.px_infosidebar_style2 .siderbar_email>a {
    color: #222222;
}

.px_infosidebar.px_infosidebar_style2 .siderbar_contact {
    border-top: 1px solid rgba(243, 243, 243, 0);
}

.px_infosidebar.px_infosidebar_style2 .siderbar_email {
    border-top: 1px solid #f3f3f3;
}

.px_header_wrapper.px_header_style2 {
    padding: 0 50px 0 0;
}

.px_header_style2 .px_logo {
    margin-left: 0;
}

.px_header_style2 .px_nav .px_menu>ul>li>a {
    color: #222222;
}

.px_header_style2 .px_nav .px_menu>ul>li>a:hover {
    color: #50AAB2;
}

.px_header_style2 .px_nav .px_menu>ul>li:after {
    background: #50AAB2;
}

.px_header_style2 .px_nav .px_menu>ul>li.px_home_dropdown>ul {
    background-color: #ffffff;
    box-shadow: 0 0px 1px 0 #cdcdcd;
}

.px_header_style2 .px_nav .px_menu>ul>li.px_home_dropdown>ul>li>a {
    color: #222222;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.px_header_style2 .px_nav .px_menu>ul>li.px_home_dropdown>ul>li:last-child a {
    border-bottom: none;
}

.px_header_style2 .px_nav .px_menu>ul>li.px_home_dropdown>ul>li>a:hover {
    color: #50AAB2;
}

.px_header_style2 .px_nav .px_cartsec>ul>li>a.setting_toggle {
    color: #222222;
}

.px_header_style2 .px_nav .px_cartsec>ul>li .setting_toggle .toggle_caret {
    color: #50AAB2;
}

.px_header_style2 .px_nav .px_cartsec>ul>li:after {
    background: #e8e8e8;
}

.px_header_style2 .px_nav .px_cartsec>ul>li .setting_toggle img {
    border: 2px solid #e8e8e8;
}

.px_header_style2 .px_sop_cart_btn>ul {
    text-align: center;
}

.px_header_style2 .px_sop_cart_btn>ul>li:first-child {
    margin-right: 26px;
}

/* Index v2 Header css end */

/* Index v2 Slider css Start */
.px_slider_banner_style2 {
    position: relative;
}

.swiper_content_style2 {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    z-index: 9;
}

.swiper_content_mini {
    background: #ffffff;
    padding: 36px 50px 50px;
    display: block;
    width: 811px;
}

.swiper_content_style2 .swiper-slide.swiper-slide-active .swiper_content_effect h1 {
    animation: fadeInRight 1s linear;
    -webkit-animation: fadeInRight 1s linear;
    -ms-animation: fadeInRight 1s linear;
    -moz-animation: fadeInRight 1s linear;
    -o-animation: fadeInRight 1s linear;
}

.swiper_content_style2 .swiper-slide.swiper-slide-active .swiper_content_effect p {
    animation: fadeInRight 1s linear;
    -webkit-animation: fadeInRight 1s linear;
    -ms-animation: fadeInRight 1s linear;
    -moz-animation: fadeInRight 1s linear;
    -o-animation: fadeInRight 1s linear;
}

.swiper_content_style2 .swiper-slide.swiper-slide-active .swiper_content_effect .px_btn {
    animation: fadeInRight 1s ease;
    -webkit-animation: fadeInRight 1s linear;
    -ms-animation: fadeInRight 1s linear;
    -moz-animation: fadeInRight 1s linear;
    -o-animation: fadeInRight 1s linear;
}

.swiper_content_style2 h1 {
    color: #222222;
    font-size: 60px;
    font-weight: normal;
}

.swiper_content_style2 span {
    font-weight: 600;
}

.swiper_content_style2 p {
    font-size: 18px;
    color: #555555;
    margin: 10px 0 20px;
}

.swiper_content_effect .btn_caret {
    right: -29px;
}

.banner_naxt_style2 {
    position: absolute;
    background: #ffffff;
    z-index: 2;
    display: block;
    width: 200px;
    height: 90px;
    bottom: 0;
    left: -80px;
    line-height: 50px;
}

.banner_naxt_style2 .swiper-button-next,
.banner_box_wrapper .swiper-container-rtl .swiper-button-prev {
    right: auto;
    left: 100px;
    background-image: none;
    border-left: solid 1px #f3f3f3;
    padding-left: 25px;
}

.banner_naxt_style2 .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0;
    background-image: none;
}

.banner_naxt_style2 .swiper-button-prev {
    left: 50px;
}

.banner_naxt_style2 .swiper-button-prev:hover,
.banner_naxt_style2 .swiper-button-next:hover {
    color: #50AAB2;
}

.banner_naxt_style2 .swiper-button-prev:before {
    position: absolute;
    content: '\f053';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #50AAB2;
    font-size: 12px;
    left: -8px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}

.banner_naxt_style2 .swiper-button-prev:hover:before {
    visibility: visible;
    opacity: 1;
    left: -15px;
}

.banner_naxt_style2 .swiper-button-next:after {
    position: absolute;
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #50AAB2;
    font-size: 12px;
    top: 0;
    right: -32px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}

.banner_naxt_style2 .swiper-button-next:hover:after {
    visibility: visible;
    opacity: 1;
    right: -40px;
}

/* Index v2 Slider  css end */

/* Index v2 About Section css Start */
.px_about_wrapper.px_about_style2 {
    background-image: url(../images/index_about2_banner.jpg);
    background-size: cover;
    background-position: center center;
    padding-bottom: 0;
}

.px_about_style2 .about_contentbox {
    padding: 47px 30px 80px 30px;
}

.px_about_style2 .px_heading h4 {
    color: #50AAB2;
    text-align: left;
}

.px_about_style2 .about_contentbox .about_head1 {
    font-size: 32px;
    color: #222222;
}

.px_about_style2 .about_contentbox .about_deatils {
    color: #555555;
    font-weight: 500;
}

.px_about_style2 .about_contentbox .about_deatils_two {
    color: #555555;
    padding-top: 23px;
    font-weight: 500;
}

.px_about_style2 .px_btn {
    min-width: 170px;
    height: 50px;
    line-height: 50px;
    background: #50AAB2;
    margin: 22px 0 0;
    text-transform: uppercase;
}

.px_about_style2 .btn_caret {
    background: #f41a48;
}

.px_about_style2 .px_btn:hover {
    color: #fff;
    background: #555555;
}

.px_about2_imgbox {
    position: relative;
    text-align: right;
}

.px_about2_imgbox h1 {
    text-transform: uppercase;
    transform: rotate(-90deg);
    position: absolute;
    left: -80px;
    top: 90px;
    font-size: 42px;
    font-weight: 600;
    opacity: 0.1;
}

.about_img_two {
    position: absolute;
    bottom: -163px;
    left: -16px;
}

.about_img_two img,
.about_img_three img {
    border: solid 10px #ffffff;
}

.about_img_three {
    position: absolute;
    bottom: -163px;
    right: -10px;
}

/* Index v2 About Section css css end */

/* Index v2 Project Section css start */
.px_project_wrapper.px_project_style2 {
    background: none;
    padding-top: 50px;
    background-image: url(../images/index_about2_banner.jpg);
    background-position: center center;
}

.px_project_style2 .px_heading h4 {
    color: #50AAB2;
}

.px_project_style2 .px_heading h2 {
    color: #222222;
}

.px_project_style2 .px_project_gallery .gallery_nav ul li {
    color: #555555;
    position: relative;
    margin-left: 30px;
}

.px_project_style2 .px_project_gallery .gallery_nav ul li:after {
    position: absolute;
    content: "";
    border-left: solid 1px;
    height: 15px;
    top: 13px;
    right: -26px;
    transform: rotate(25deg);
}

.px_project_style2 .px_project_gallery .gallery_nav ul li:before {
    position: absolute;
    content: "";
    border-left: solid 1px;
    height: 15px;
    top: 13px;
    right: -22px;
    transform: rotate(25deg);
}

.px_project_style2 .px_project_gallery .gallery_nav ul li:last-child:before,
.px_project_style2 .px_project_gallery .gallery_nav ul li:last-child:after {
    display: none;
}

.px_project_style2 .px_project_gallery .gallery_nav ul li .gallery_active {
    color: #50AAB2;
}

.px_project_style2 .px_project_gallery .gallery_nav ul li a:after {
    background: #50AAB2;
}

.px_gallery_style2 .bottom_content>span {
    color: #ffffff;
}

/* Index v2 Project Section css end */

/* Index v2 Why Diffrent Section css start */
.px_different_section .about_contentbox {
    padding: 45px 0 0 15px;
}

.px_different_section h5 {
    text-transform: uppercase;
    margin: 20px 0 0;
    font-size: 18px;
    color: #222222;
}

.px_about_style2.px_different_section {
    padding: 80px 0;
    background-image: url(../images/index_about2_diffrent_back.jpg);
    background-size: cover;
    background-position: center center;
}

.why_diffrent_style2 img {
    width: 100%;
}

.why_diffrent_style2 .swiper-button-prev {
    top: 292px;
}

.why_diffrent_style2 .swiper-button-next {
    top: 292px;
}

.why_diffrent_style2 .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0;
    background-color: #2e2e30;
    ;
    width: 40px;
    height: 60px;
    background-size: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.why_diffrent_style2 .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0;
    background-color: #2e2e30;
    width: 40px;
    height: 60px;
    background-size: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.why_diffrent_style2 .swiper-button-prev:hover,
.why_diffrent_style2 .swiper-button-next:hover {
    background-color: #50AAB2;
}

.px_style2_why_design ul {
    margin: 10px 0px 0px 30px;
}

.px_style2_why_design ul li {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
}

.px_style2_why_design ul li:after {
    position: absolute;
    content: "";
    background-color: #50AAB2;
    height: 1px;
    width: 15px;
    left: -25px;
    right: 0;
    top: 12px;
}

.px_style2_why_design ul li:before {
    position: absolute;
    content: "";
    background-color: #50AAB2;
    height: 5px;
    width: 5px;
    left: -30px;
    right: 0;
    top: 10px;
    z-index: 1;
}

/* Index v2 Why Diffrent Section css end */

/* Index v2 video icon Section css start */
.px_video_section_style2.px_dark_video_section,
.px_video_section_style2.px_progresbar_wrapper {
    padding: 140px 0 280px;
    background-image: url(https://dummyimage.com/1920x630);
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 2;
}

.px_video_section_style2:after {
    position: absolute;
    content: "";
    background: #2222224a;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.px_break_out {
    width: 500px;
    margin: auto;
    text-align: center;
}

.px_break_out h1 {
    font-size: 32px;
    color: #ffffff;
    margin-top: 30px;
}

.px_video_loader {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: rgba(34, 34, 34, 0.40);
    border-radius: 100%;
    border: solid 3px #50AAB2;
    position: relative;
    text-align: center;
}

.px_video_loader a {
    color: #ffffff;
    font-size: 20px;
}

.px_video_loader a:after {
    position: absolute;
    content: "";
    border-left: solid 3px #6f6e6a;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border-right: 3px solid #00ffff00;
    background: transparent;
    border-bottom: 3px solid #0000ff00;
    border-top: 3px solid #ffffff00;
    left: -3px;
    top: -3px;
}

/* Index v2 video icon Section css end */

/* Index v2 Client Logo Section css start */
.px_index2_clnt_team_test_back {
    background-image: url(../images/index2_team_back.jpg);
    background-size: cover;
    background-position: center center;
}

.px_client_logo_section_style2 {
    padding: 60px 0px 20px;
    background: #ffffff;
    margin-top: -150px;
    z-index: 9;
    position: relative;
    box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.1);
}

.px_client_logo_section_style2 ul {
    text-align: center;
}

.px_client_logo_section_style2 ul li {
    display: inline-block;
    width: 19%;
    margin-bottom: 40px;
}

.px_client_logo_section_style2 ul li:nth-child(5),
.px_client_logo_section_style2 ul li:nth-child(10) {
    margin-right: 0;
}

.px_client_logo_section_style2 ul li img {
    opacity: 0.5;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.px_client_logo_section_style2 ul li img:hover {
    opacity: 1;
}

/* Index v2 Client Logo Section css end */

/* Index v2 Team Section css start */
.px_heading.px_heading_team2 {
    margin: 77px 0 40px;
}

.px_heading.px_heading_team2 h4 {
    color: #50AAB2;
}

.px_heading.px_heading_team2 h2 {
    color: #222222;
}

.px_team2_sideimg h4 {
    margin-top: 18px;
    font-size: 22px;
}

.px_team2_sideimg h4 a {
    color: #222222;
}

.px_team2_sideimg p {
    color: #555555;
}

.team2_box_two h3 {
    color: #222222;
    text-align: left;
    margin: 22px 0 20px;
    width: 415px;
}

.team_box_wrapper.team2_box_two .team_box .team_content {
    background: transparent;
    position: static;
}

.team_box_wrapper.team2_box_two .team_box .team_content h4>a {
    color: #222222;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    font-size: 22px;
}

.team2_box_two .team_box:hover .team_content h4>a {
    color: #50AAB2;
}

.team_box_wrapper.team2_box_two .team_box .team_content p {
    color: #555555;
}

.team_box_wrapper.team2_box_two .team_box:after {
    background: rgba(255, 255, 255, 0.87);
    bottom: 88px;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.06);
}

.team2_box_two .team_img .team_hovercontent>ul>li>a {
    color: #222222;
}

.team2_box_two .team_img .team_hovercontent>ul>li>a:hover {
    color: #50AAB2;
}

.team_box_wrapper.team2_box_two .team_box:hover .team_hovercontent {
    top: 120px;
}

.team_box_wrapper.team2_box_two .team_box {
    background: transparent;
    padding-top: 0;
}

.px_team2_slider_arrow .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    top: 48px;
    left: 86%;
    background-color: #222222;
    width: 40px;
    height: 40px;
    background-size: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.px_team2_slider_arrow .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    top: 48px;
    right: 15px;
    background-color: #222222;
    width: 40px;
    height: 40px;
    background-size: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.px_team2_slider_arrow .swiper-button-prev:hover,
.px_team2_slider_arrow .swiper-button-next:hover {
    background-color: #50AAB2;
}

/* Index v2 Team Section css end */

/* Index v2 Testimonial Slider css start */
.px_testimonial_slide2 {
    margin: 58px 0 0;
    background-color: #ffffff;
    padding: 30px;
    box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.1);
    z-index: 9;
    position: relative;
}

.px_testimonial2_flex {
    display: flex;
}

.px_content_img {
    width: calc(100% - 410px);
}

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

.px_qoute_svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.px_qoute_svg svg {
    width: 149px;
    height: 106px;
    opacity: 0.1;
}

.px_content_text2 h4 {
    font-size: 14px;
    color: #50AAB2;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.px_content_text2 h2 {
    color: #222222;
    font-weight: 500;
    margin-top: 6px;
}

.px_content_text2 p {
    color: #555555;
    margin: 30px 0 10px;
    font-weight: 500;
}

.px_content_text2 h5 {
    color: #222222;
    font-size: 22px;
}

.px_content_text2 h6 {
    font-size: 14px;
    margin-top: 2px;
}

.px_testimonial_slide2 .px_team2_slider_arrow .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 90%;
}

/* Index v2 Testimonial Slider css end */

/* Index v2 Counter css start */
.px_counter_style2 {
    background-image: url(../images/index2_counter_back.jpg);
    background-size: cover;
    background-position: bottom;
    position: relative;
    z-index: 2;
    padding: 200px 0 73px;
    margin-top: -120px;
}

.px_counter_style2:after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.80);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.px_count2_box h1 {
    font-size: 42px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 20px;
}

.px_count2_box p {
    color: #ffffff;
}

/* Index v2 Counter  css end */

/* Index v2 blog news css start */
.px_blog_wrapper.px_blog_box_style2 {
    background-image: url(../images/index_about2_banner.jpg);
    background-size: cover;
    background-position: center center;
}

.px_blog_box_style2 .px_heading h4 {
    color: #50AAB2;
}

.px_blog_box_style2 .px_heading h2 {
    color: #222222;
}

.px_blog_box_style2 .blog_box .blog_date {
    color: #50AAB2;
}

.px_blog_box_style2 .blog_box .blog_heading {
    color: #222222;
}

.px_blog_box_style2 .blog_box .blog_heading:hover {
    color: #50AAB2;
}

/* Index v2 blog news  css end */

/* Index v2 Footer css start */
.px_footer_style2 {
    background-image: url(../images/index2_counter_back.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 2;
    padding: 80px 0 80px;
    text-align: center;
}

.px_footer_style2:after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.80);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.footer_box_style2 {
    width: 800px;
    margin: 0 auto;
}

.footer_box_style2 p {
    margin: 20px 0;
}

.px_border {
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin: 50px 0 43px;
}

.footer_menu_style2 ul li {
    display: inline-block;
}

.footer_menu_style2 ul li a {
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 16px;
}

.footer_menu_style2 ul li a:hover {
    color: #50AAB2;
}

.footer_social_style2 ul li {
    display: inline-block;
}

.footer_social_style2 {
    margin-top: 30px;
}

.footer_social_style2 ul li {
    display: inline;
}

.footer_social_style2 ul li a {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    margin-right: 15px;
    border: solid 1px rgba(255, 255, 255, 0.25);
    text-align: center;
}

.footer_social_style2 ul li a:hover {
    background: #50AAB2;
    border: solid 1px #f41a48;
}

.px_bottom_footer_wrapper.px_bottom_footer_style2 {
    background: #000000;
}

.px_bottom_footer_style2 .bottom_footer_box_wrapper a {
    color: #50AAB2;
}

/* Index v2 Footer  css end */

/* Index v2 css end */

/* Index v3 css start */

/* Index v3 Header css start*/
.px_header_wrapper.px_header_style3 {
    padding: 0 51px 10px 65px;
    position: absolute;
    width: 100%;
    top: 0;
}

.px_header_style3 .px_logo {
    margin-left: 0;
}

.px_header_style3 .px_nav .px_menu>ul>li>a:hover {
    color: #ff9d34;
}

.px_header_style3 .px_nav .px_menu>ul>li:after {
    background: #ff9d34;
}

.px_header_style3 .px_nav .px_menu>ul>li.px_home_dropdown>ul {
    background-color: #ffffff;
}

.px_header_style3 .px_nav .px_menu>ul>li.px_home_dropdown>ul>li>a {
    color: #222222;
    border-bottom: 1px solid #f1f1f1;
}

.px_header_style3 .px_nav .px_menu>ul>li.px_home_dropdown>ul>li>a:hover {
    color: #ff9d34;
}

.px_header_style3 .px_nav .px_cartsec>ul>li>.cart_round span {
    background-color: #ff9d34;
    color: #ffffff;
}

.px_header_style3 .px_nav .px_cartsec>ul>li .setting_toggle .toggle_caret {
    color: #ff9d34;
}

.px_header_style3 .px_sop_cart_btn>ul {
    text-align: center;
}

.px_header_style3 .px_sop_cart_btn>ul>li:first-child {
    margin-right: 26px;
}

.px_header_style3 .px_profile_open ul li a i {
    color: #ff9d34;
}

.px_header_style3 .px_profile_open ul li a:hover {
    color: #ff9d34;
}

/* Index v3 Header css end*/

/* Index v3 Banner css start*/
.px_index3_slider_style3 {
    background-image: url(../images/slider3/index3_slider_banner.jpg);
    background-size: cover;
    background-position: center center;
    padding: 377px 80px 310px;
}

.px_index3_slider_style3 .px_banner_content {
    width: 45%;
}

.px_banner_content h6 {
    text-transform: uppercase;
    font-size: 20px;
    color: #ff9d34;
    font-weight: 400;
    letter-spacing: 2px;
}

.px_banner_content h1 {
    font-size: 52px;
    color: #ffffff;
    font-weight: 300;
}

.px_banner_content span {
    font-weight: 500;
}

.px_banner_content h2 {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 23px;
}

.px_banner_content span.price_dlr {
    font-size: 32px;
    margin-left: 5px;
    vertical-align: middle;
}

/* Index v3 Banner css end*/

/* Index v3 serivce section css start*/
.px_service_style3 {
    background-color: #191b2e;
    padding: 90px 0 72px;
}

.service_box_style3 {
    text-align: center;
}

.px_srbox3_circle {
    background-color: #262941;
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 100%;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.service_box_style3:hover .px_srbox3_circle {
    background-color: #ff9d34;
}

.px_srbox3_circle:after {
    position: absolute;
    content: "";
    width: 110px;
    height: 110px;
    border: 1px dashed #262941;
    border-radius: 100%;
    top: -10px;
    left: -10px;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.service_box_style3:hover .px_srbox3_circle:after {
    border: 1px solid rgba(255, 157, 52, 0.45);
}

.service_box_style3 h4 {
    font-size: 22px;
    color: #ffffff;
    margin: 30px 0 10px;
}

/* Index v3 serivce section css end*/

/* Index v3 Categorie section css start*/
.px_categories_style3 {
    background-color: #0e0f21;
    padding: 77px 0 27px;
}

.px_heading_style3 {
    margin-bottom: 47px;
    text-align: center;
}

.px_heading_style3 h4 {
    color: #ff9d34;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.px_heading_style3 h2 {
    color: #ffffff;
    font-weight: 500;
    margin-top: 6px;
}

.px_categories_box_section .grid-item {
    width: auto;
    margin: auto;
}

.px_categories_box_section .px_project_gallery .grid_img:before {
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    width: auto;
    height: auto;
}

.px_categories_box_section .px_project_gallery .bottom_content {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 35px;
    color: #fff;
    z-index: 1;
}

.px_categories_box_section .px_project_gallery .bottom_content>h3 {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;

}

.categorie_h_one {
    margin-bottom: 50px;
    text-align: center;
}

.categorie_h_one h1 {
    border-top: 3px double #3a3d69;
    border-bottom: 3px double #3a3d69;
    display: inline-block;
    margin-top: 30px;
    font-size: 22px;
    padding: 11px 40px 8px;
    color: #ffffff;
    letter-spacing: 2px;
}

.px_project_gallery:hover h1 {
    border-top: 3px double #ff9d34;
    border-bottom: 3px double #ff9d34;
}

span.close_menu_int {
    display: none;
}

/* Index v3 Categorie section css end*/

/* Index v3 Deal Discount section css start*/
.px_deal_section_style3 .px_heading_style3 {
    margin-bottom: 40px;
}

.px_deal_text3 {
    padding: 50px 320px 50px 0;
}

.px_deal_text3 h1 {
    color: #ffffff;
    font-size: 42px;
    font-weight: 300;
    margin-bottom: 15px;
    width: 350px;
}

.px_deal_text3 p {
    margin-bottom: 40px;
}

.px_deal_text3 h2 {
    color: #ffffff;
}

.px_deal_text3 h6 {
    color: #ffffff;
    font-size: 14px;
}

/* Timer css */
.index3_timer {
    margin: 25px 0;
}

/* Index v3 Deal Discount section css end*/

/* Index v3 Product section css start */
.px_product_section {
    background-color: #0e0f21;
    padding: 77px 0 31px;
}

.px_product_section .px_heading_style3 {
    margin-bottom: 22px;
}

.px_product_section .gallery_nav ul li .gallery_active {
    color: #ff9d34;
}

.px_product_section .gallery_nav ul li a:after {
    background: #ff9d34;
}

.px_product_category_rightSec .px_product_listbar ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.product_grid {
    margin-bottom: 40px;
}

.product_list_view .product_item {
    margin: 0;
}

.product_item {
    position: relative;
    background-color: #191b2e;
    width: 247px;
    height: 360px;
    overflow: hidden;
    margin: auto;
}

.px_product_category_rightSec .px_product_listbar ul li .product_item_block .grid-item .product_grid .product_item {
    width: 230px;
    height: 325px;
}

.product_item img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.product_item:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.product_overlay {
    position: absolute;
    background-color: #ff9d34;
    right: -40px;
    top: -10px;
    color: #fff;
    padding: 30px 40px 10px;
    transform: rotate(45deg);
    width: 120px;
}

.product_overlay h4 {
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.product_ovr_links {
    background-color: #ff9d34;
    padding: 13px 0;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    bottom: 155px;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.product_item:hover .product_ovr_links {
    visibility: visible;
    opacity: 1;
}

.product_ovr_links ul li {
    display: inline-block;
}

.product_ovr_links ul li a {
    margin: 0 15px;
    color: #ffffff;
}

.product_item:hover ul li:first-child {
    -webkit-animation: bounceInDown .4s;
    animation: bounceInDown .4s;
}

.product_item:hover ul li:nth-child(2) {
    -webkit-animation: bounceInDown .6s;
    animation: bounceInDown .6s;
}

.product_item:hover ul li:nth-child(3) {
    -webkit-animation: bounceInDown .8s;
    animation: bounceInDown .8s;
}

.product_text_rs {
    margin-top: 27px;
    text-align: center;
}

.product_text_rs h3 {
    font-size: 22px;
    color: #ffffff;
}

.product_text_rs p {
    font-size: 18px;
    color: #ffffff;
}

.product_text_rs span {
    text-decoration: line-through;
    margin-right: 5px;
}

/* Index v3 Product section css end*/

/* Index v3 Shop Now css start*/
.px_shop_now_style3 {
    border-top: solid 2px #1c1c2d;
    border-bottom: solid 2px #1c1c2d;
}

.px_shop_main {
    background-color: #0c0d1c;
    padding: 0 50px 44px;
    width: 100%;

}

.px_shine_effect {
    position: relative;
    overflow: hidden;
}

.px_shine_effect:after {
    position: absolute;
    content: "";
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    transform: skewX(-25deg);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.px_shine_effect:hover:after {
    left: 175%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.12) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.12) 100%);
}

.px_shine_effect img {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.px_shine_effect:hover img {
    transform: scale(1.1);
}

.px_shop_btntext {
    width: 40%;

    margin-top: 180px;
}

.px_shop_btntext h4 {
    color: #ffffff;
    font-size: 34px;
    font-weight: 300;
    margin-bottom: 13px;
}

.px_shop_btntext a {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: solid 1px #fff;
    display: inline-block;
}

.px_shop_btntext a:hover {
    color: #ff9d34;
    border-bottom: solid 1px #ff9d34;
}

.px_shop_img {
    width: 60%;

    text-align: right;
}

.px_shop_center {
    background-color: #191b2e;
    width: 100%;

    padding: 41px 50px;
}

.px_shop_center .px_shop_btntext {
    margin-top: 100px;
}

.px_shop_right {
    background-color: #0c0d1c;
    width: 100%;

    padding: 40px 50px;
}

.px_shop_right .px_shop_btntext {
    margin-top: 100px;
}

/* Index v3 Shop Now css end*/

/* Index v3 Product Slider css start*/
.px_product_slider {
    padding: 77px 0 80px;
}

.px_product_slider_box .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -5px;
}

.px_product_slider_box .swiper-pagination-bullet {
    background: #2f2f42;
    opacity: 1;
}

.px_product_slider_box .swiper-pagination-bullet-active {
    background: #ff9d34;
    width: 12px;
    height: 12px;
    opacity: 1;
    transition: all 0.3s;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

/* Index v3 Product Slider css end*/
.px_client_slider {
    background-color: #191b2e;
    padding: 60px 0;
    text-align: center;
}

/* Index v3 Testimonial css start*/
.px_testimonial_style3 {
    background-color: #0e0f21;
    padding: 77px 0 75px;
}

.px_testimonial_style3 .swi_contentbox {
    background: transparent;
    padding: 0;
}

.px_testimonial_style3 .swi_contentbox span {
    color: #ff9d34;
}

.px_testimonial_style3 .swiper-pagination-bullet-active {
    background: #ff9d34;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.px_testimonial_style3 .swi_user img {
    border: 5px solid #29293b;
    width: 45px;
    height: 45px;
}

.px_testimonial_style3 .gallery-thumbs .swiper-slide-thumb-active .swi_user img {
    border: 5px solid #ff9d34;
}

.svg_user1_style3,
.svg_user2_style3 {
    opacity: 0;
    visibility: hidden;
}

.swiper-slide-thumb-active .svg_user1_style3,
.swiper-slide-thumb-active .svg_user2_style3 {
    visibility: visible;
    opacity: 1;
}

.swiper-slide-thumb-active .svg_user1_style3 svg {
    top: 20px;
    left: -21px;
}

.swiper-slide-thumb-active .svg_user2_style3 svg {
    top: 20px;
    right: -21px;
}

.svg_user1_style3 svg {
    position: absolute;
    top: 4px;
    left: 1px;
    background-clip: all 0.5s ease 80ms;
    -webkit-background-clip: all 0.5s ease 80ms;
    -moz-background-clip: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.svg_user2_style3 svg {
    position: absolute;
    top: 4px;
    right: 1px;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.px_testimonial_style3 .swi_user:after,
.px_testimonial_style3 .swi_user:before {
    display: none;
}

.svg_user1_style3:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff9d34;
    z-index: 7;
    top: 36px;
    left: -32px;
    margin: auto;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.svg_user1_style3:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ff9d34;
    z-index: 7;
    left: -41px;
    top: 37px;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.svg_user2_style3:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff9d34;
    z-index: 7;
    top: 36px;
    right: -32px;
    margin: auto;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.svg_user2_style3:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ff9d34;
    z-index: 7;
    right: -41px;
    top: 37px;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.px_testimonial_style3 .swi_user {
    transform: translateY(15px);
}

.px_testimonial_style3 .gallery-thumbs {
    height: 110px;
}

/* Index v3 Testimonial css start*/

/* Index v3 Instagram post css start*/
.px_insta_post {
    text-align: center;
}

.px_insta_post ul li {
    width: 12.5%;

    position: relative;
    overflow: hidden;
}

.px_insta_post ul li img {
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.px_insta_post ul li a:hover img {
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

.px_insta_overlay {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.38);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.px_insta_post ul li:hover .px_insta_overlay {
    visibility: visible;
    opacity: 1;
}

.px_insta_overlay i.fab.fa-instagram {
    font-size: 30px;
    color: #222222;
}

/* Index v3 Instagram post css end*/

/* Index v3 footer css start*/
.px_footer_wrapper.px_footer_style3 {
    padding: 80px 0 30px 0;
}

.px_footer_style3 ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #585968;
    font-size: 14px;
    background: #101127;
    border-radius: 100%;
    margin-right: 8px;
    border: solid 1px #585968;
    text-align: center;
}

.px_footer_style3 ul li a:hover {
    color: #ffffff;
    background: #ff9d34;
    border: solid 1px #ff9d34;
}

.px_footer_style3 .footer_box .footer_heading {
    margin-top: 10px;
}

.px_footer_style3 .footer_box .footer_heading:after {
    background: #ff9d34;
}

.px_footer_style3 .footer_box .footer_hours li:after {
    background: #ff9d34;
}

.px_footer_threemenu ul li a {
    display: inherit;
    width: inherit;
    height: inherit;
    color: #ffffff;
    background-color: transparent;
    border: none;
    text-align: left;
    margin: 0;
    line-height: 1.8;
}

.px_footer_threemenu ul li a:hover {
    background-color: transparent;
    color: #ff9d34;
    border: none;
}

.px_footer_partner_style3 {
    border-top: solid 1px #242535;
    padding: 30px 0 0;
    margin-top: 64px;
    text-align: center;
}

.px_footer_partner_style3 ul li {
    display: inline-block;
    margin: 0 25px;
}

.px_footer_partner_style3 ul li img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.px_footer_partner_style3 ul li img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.px_bottom_footer_style3 {
    background: #191b2e;
}

.px_bottom_footer_style3 .bottom_footer_box_wrapper a {
    color: #ff9d34;
}

.footer_linkbox_style3 .footer_hours li:after {
    top: -22px;
}

/* Index v3 footer css end*/


/* Index v4 css start */

/* Index v4 Header css start */
.px_header_wrapper.px_header_style4 {
    padding: 0 50px 10px 65px;
    position: absolute;
    width: 100%;
    top: 0;
}

.px_header_wrapper.px_header_style4 .container-fluid {
    z-index: 11;
    position: relative;
}

.px_header_style4 .px_logo {
    margin-left: 0;
}

.px_header_style4 .px_nav .px_menu>ul>li:after {
    background: #ff9d34;
}

.px_header_style4 .px_nav .px_menu>ul>li.px_home_dropdown>ul>li>a:hover {
    color: #ff9d34;
}

.px_header_style4 .px_nav .px_menu>ul>li>a {
    color: #222222;
}

.px_header_style4 .px_nav .px_menu>ul>li>a:hover {
    color: #ff9d34;
}

.px_header_style4 .px_nav .px_cartsec>ul>li>.cart_round span {
    background-color: #ff9d34;
    color: #ffffff;
}

.px_header_style4 .px_nav .px_cartsec>ul>li .setting_toggle .toggle_caret {
    color: #ff9d34;
}

.px_index4_slider_style4 {
    background-color: #f9f9f9;
    padding: 160px 65px 75px;
    overflow: hidden;
    position: relative;
}

.px_index4_slider_style4 .swiper-container {
    padding: 0 0 80px;
}

.px_header_style4 .px_nav .px_cartsec>ul>li:after {
    background: #e8e8e8;
}

.px_header_style4 .px_cartsec span {
    margin-left: 5px;
}

.px_header_style4 .px_sop_cart_btn>ul {
    text-align: center;
}

.px_header_style4 .px_sop_cart_btn>ul>li:first-child {
    margin-right: 26px;
}

.px_index4_slider_style4 .swiper-pagination-bullet-active {
    background: #ff9d34;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.px_index4_slider_style4 .swiper-container-horizontal>.swiper-pagination-bullets,
.px_index4_slider_style4 .swiper-pagination-custom,
.px_index4_slider_style4 .swiper-pagination-fraction {
    bottom: 0;
}

/* Index v4 Header css start */

/* Index v4 Slider banner css start */
.px_banner_content.px_banner_slider4 {
    margin-top: 180px;
}

.px_banner_slider4 h6 {
    color: #222222;
    letter-spacing: 4px;
}

.px_banner_slider4 h1 {
    color: #222222;
    font-size: 72px;
    font-weight: 500;
}

.px_banner_slider4 p {
    color: #222222;
}

.px_banner_slider4 h2 {
    color: #222222;
}

.px_banner_pic4 {
    text-align: right;
    z-index: 11;
    position: relative;
}

.px_banner_shape {
    position: absolute;
    content: "";
    width: 780px;
    height: 785px;
    background-color: #ffe68e;
    top: 90px;
    right: -440px;
    border-radius: 100%;
    z-index: 0;
}

/* Index v4 Slider banner css end */

/* Index v4 Big sale section css start */
.px_shop_now_style4 {
    padding: 80px 0 69px;
}

.px_sale_style4 {
    border: solid 2px #d5e6ff;
    padding: 0 16px 50px 40px;
    width: 100%;
    display: inline-block;
    min-height: 356px;
    overflow: hidden;
}

.px_sale_first_style4 {
    border: solid 2px #fff6d5;
    padding: 0 16px 46px 40px;
    width: 100%;
    min-height: 356px;
    overflow: hidden;
}

.px_sale_four {
    width: 40%;

    margin-top: 45px;
}

.px_sale_img4 {
    width: 60%;

    text-align: right;
    position: relative;
}

.px_sale_first_style4 .px_sale_img4:after {
    position: absolute;
    content: "";
    width: 405px;
    height: 405px;
    background-color: #fff6d5;
    top: -20px;
    left: 25px;
    border-radius: 100%;
    z-index: -1;
}

.px_sale_first_style4 .px_sale_img4 img {
    margin-top: 60px;
}

.px_sale_img4:after {
    position: absolute;
    content: "";
    width: 405px;
    height: 405px;
    background-color: #d5e6ff;
    top: -20px;
    left: 25px;
    border-radius: 100%;
    z-index: -1;
}

.px_sale_first_style4:hover img,
.px_sale_style4:hover img {
    transform: scale(1.1);
}

.px_sale_img4 img {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.px_sale_four h5 {
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 5px;
    color: #222222;
    margin-bottom: 135px;
}

.px_sale_four h2 {
    color: #222222;
    font-size: 30px;
    font-weight: 400;
}

.px_sale_four p {
    color: #555555;
    font-size: 18px;
}

.px_sale_four a.index4_btn {
    min-width: 120px;
    height: 40px;
    line-height: 40px;
    margin-top: 9px;
}

/* Index v4 Big sale section css end */

/* Index v4 Product section css end */
.px_categories_style3.px_top_product_style4 {
    background-color: #ffffff;
    padding: 0 0 30px;
}

.px_top_product_style4 .px_heading_style3 h4 {
    color: #222222;
}

.px_top_product_style4 .px_heading_style3 h2 {
    color: #222222;
}

.px_top_product_style4 .px_project_gallery .bottom_content>h3 {
    font-size: 14px;
    color: #222222;
    font-weight: 500;

}

.px_top_product_style4 .px_project_gallery .grid_img:before {
    background: rgba(255, 255, 255, 0.9);
}

.px_top_product_style4 .categorie_h_one h1 {
    border-top: 3px double #22222230;
    border-bottom: 3px double #22222230;
    color: #222222;
}

.px_top_product_style4 .px_project_gallery:hover h1 {
    border-top: 3px double #ff9d34;
    border-bottom: 3px double #ff9d34;
}

/* Index v4 Product section css end */

/* Index v4 Index4 Service Section css start */
.px_service_style3.px_service_style4 {
    background-color: #222222;
}

.px_service_style4 .px_srbox3_circle {
    background-color: #2a2a2a;
}

.px_service_style4 .px_srbox3_circle:after {
    border: 1px dashed #262941;
}

/* Index v4 Index4 Service Section css end */

/* Index v4 Index4 Product css start */
.px_product_section.px_product_style4 {
    background-color: #ffffff;
    padding: 77px 0 31px;
}

.px_product_style4 .px_heading_style3 h4 {
    color: #222222;
}

.px_product_style4 .px_heading_style3 h2 {
    color: #222222;
}

.px_product_style4 .px_project_gallery .gallery_nav ul li {
    color: #222222;
}

.px_product_style4 .product_item {
    background-color: #ffffff;
    border: solid 1px #ececec;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.px_product_style4 .product_item:hover {
    box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1);
}

.px_product_style4 .product_overlay {
    background-color: #afcfff;
}

.px_product_style4 .product_text_rs h3 {
    color: #222;
}

.px_product_style4 .product_text_rs p {
    color: #222;
}

/* Index v4 Product css end */

/* Index v4 Testimonial css start */
.px_testimonial_style4 {
    background-color: #f7f7f7;
    padding: 77px 0 80px;
}

.px_testimonial_style4 .px_heading_style3 {
    margin-bottom: -3px;
}

.px_testimonial_style4 .px_heading_style3 h4 {
    color: #222222;
}

.px_testimonial_style4 .px_heading_style3 h2 {
    color: #222222;
}

.px_testimonial_style4 .swi_contentbox {
    background: #1e2226;
    padding: 74px 100px;
    position: relative;
    max-width: 950px;
    margin: 50px auto 0;
}

.px_user_four {
    position: absolute;
    top: -30px;
    left: -50px;
    z-index: 9;
}

.px_user_four img {
    width: 130px;
    height: 130px;
    border: solid 5px #ff9d34;
    border-radius: 100%;
}

.px_username_four {
    position: absolute;
    top: 0;
    left: 70px;
    width: 240px;
    background-color: #ff9d34;
    padding: 10px 0px;
    border-radius: 0 0 30px 0;
}

.px_username_four h3 {
    font-size: 18px;
    color: #ffffff;
}

.px_testimonial_style4 .px_qoute_svg svg {
    width: 170px;
    height: 136px;
    opacity: 0.1;
}

.px_testimonial_style4 .swiper-pagination-bullet {
    background: #4e4e4e;
    opacity: 1;
}

.px_testimonial_style4 .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: #ff9d34;
    transition: all 0.3s;
    vertical-align: middle;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.px_testimonial_style4 .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 15px;
}

/* Index v4 Testimonial css end */

/* Index v4 Product slider css start*/
.px_product_slider.px_product_style4 {
    background-color: #ffffff;
}

.px_product_style4 .px_product_slider_box .swiper-pagination-bullet {
    background: #d3d3d3;
}

.px_product_style4 .px_product_slider_box .swiper-pagination-bullet-active {
    background: #ff9d34;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

/* Index v4 Product slider css end*/


/* Index v4 Subscribe Newsletter css start */
.px_subscribe_style4 {
    background-color: #222222;
    padding: 73px 0;
}

.px_info_four h2 {
    color: #ffffff;
}

.px_info_four p {
    color: #ffffff;
    font-size: 18px;
}

.px_textbox_subscribe4 {
    position: relative;
    margin-top: 21px;
}

.px_textbox_subscribe4 .px_search_wrapper {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.px_textbox_subscribe4 .px_search_wrapper input {
    width: 100%;
    height: 60px;
    padding: 0 30px;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 50px;
    font-size: 18px;
    padding-right: 180px;
    backface-visibility: hidden;
}

.px_search_wrapper input::placeholder {
    color: #cdcdcd;
}

.px_textbox_subscribe4 .px_search_wrapper a.index4_btn {
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #ff9d34;
    border-radius: 50px;
    color: #ffffff;
}

.px_textbox_subscribe4 .px_search_wrapper a.index4_btn:hover {
    background: #222222;
}

.px_textbox_subscribe4 .index4_btn:before {
    display: none;
}

.px_quantity_style2 .index4_btn:before {
    display: none;
}

/* Index v4 Subscribe Newsletter css end */

/* Index v4 Footer css start */
.px_footer_wrapper.px_footer_style4 {
    padding: 80px 0 30px 0;
}

.px_footer_style4 .footer_box .footer_heading {
    color: #222222;
}

.px_footer_style4 p {
    color: #555555;
}

.px_footer_style4 .footer_box .footer_hours li {
    color: #555555;
}

.px_footer_style4 ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #555555;
    font-size: 14px;
    background: #f6f6f6;
    border-radius: 100%;
    margin-right: 8px;
    border: solid 1px #555555;
    text-align: center;
}

.px_footer_style4 ul li a:hover {
    color: #ffffff;
    background: #ff9d34;
    border: solid 1px #ff9d34;
}

.px_footer_style4 .footer_box .footer_heading {
    margin-top: 10px;
}

.px_footer_style4 .footer_box .footer_heading:after {
    background: #ff9d34;
}

.px_footer_style4 .footer_box .footer_hours li:after {
    background: #ff9d34;
}

.px_footer_fourmenu ul li a {
    display: inherit;
    width: inherit;
    height: inherit;
    line-height: 1.8;
    border: none;
    background: transparent;
    text-align: left;
}

.px_footer_fourmenu ul li a:hover {
    border: none;
    background: transparent;
    text-align: left;
    color: #ff9d34;
}

.px_footer_style4 .px_footer_partner_style3 {
    border-top: solid 1px #e9e9e9;
}

/* Index v4 Footer bottom css */
.px_bottom_footer_wrapper.px_bottom_footer_style4 {
    background: #222222;
}

.px_bottom_footer_style4 .bottom_footer_box_wrapper a {
    color: #ff9d34;
}

/* Index v4 Footer css end */

/* Index v4 css end */

/* Index v2 About us css start*/

.px_about_page_title {
    background-size: cover;
    background-position: center;
    padding: 70px 80px;
    position: relative;
    z-index: 9;
}

.px_about_page_title:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: -1;
}

.px_bread_crumbs h1 {
    font-size: 40px;
    font-weight: 400;
    color: #222222;
}

.px_home_crumbs {
    text-align: right;
    margin-top: 8px;
}

.px_home_crumbs ul li {
    font-size: 18px;
}

.px_home_crumbs ul li a {
    color: #222222;
}

.px_home_crumbs ul li span {
    color: #50AAB2;

}

.px_about_style2.px_about_section2 {
    background: url(../images/aboutus_one.jpg) no-repeat center left;
}

.px_about_section2 .about_contentbox {
    background-color: #ffffff;
    padding: 77px 30px 80px 30px;
}

.px_about_section2 span {
    border-bottom: solid 2px #50AAB2;
}

.px_about_section2 h5 {
    font-size: 16px;
    color: #222222;
    margin-top: 20px;
}

.px_counter_style2.px_about_counter2 {
    margin: 0;
    padding: 80px 0 70px;
}

.px_aboutus_service_section {
    padding: 77px 0 50px;
}

.px_aboutus_service_section .px_heading h4 {
    color: #50AAB2;
}

.px_aboutus_service_section .px_heading h2 {
    color: #222222;
    margin-bottom: 40px;
}

.px_service_box2 {
    text-align: center;
    padding: 52px 30px;
    margin-bottom: 30px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.px_service_box2 h4 {
    margin-top: 25px;
    color: #222222;
    font-size: 22px;
    position: relative;
}

.px_service_box2 h4:after {
    position: absolute;
    content: "";
    background-color: #50AAB2;
    width: 60px;
    height: 2px;
    top: 34px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.px_service_box2:hover {
    box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1);
}

.px_service_box2 p {
    color: #555555;
    margin-top: 15px;
}

.px_service_box2 svg {
    fill: #222222;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.px_service_box2:hover svg {
    fill: #50AAB2;
}

.px_what_style2 .px_heading h4 {
    color: #50AAB2;
}

.px_what_style2 .about_contentbox h2 {
    color: #222222;
}

.px_what_style2 .about_contentbox h3 {
    color: #50AAB2;
}

.px_what_style2 .about_img .child_imgbox:after {
    border: 10px solid #f0f0f0;
}

.px_what_style2 .about_contentbox span.team {
    color: #222222;
}

.px_what_style2 .about_deatils {
    color: #555555;
}

.px_what_style2 .about_contentbox .px_btn .about_btnicon {
    background: #50AAB2;
    border-right: 1px solid #ff90a8;
}

.px_what_style2 .about_btnicon svg path {
    fill: #fff;
}

.px_what_style2 .about_contentbox .px_btn {
    background: #50AAB2;
}

.px_process_wrapper.px_process_back_change2 {
    background-image: url(../images/index2_counter_back.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 9;
}

.px_process_wrapper.px_process_back_change2:after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.80);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.px_process_back_change2 .px_heading h4 {
    color: #50AAB2;
}

.px_process_back_change2 .process_circle h2:after {
    background: transparent;
    border: 6px solid rgba(57, 63, 69, 0.8);
}

.px_process_back_change2 .process_box:hover h2:after {
    border: 6px solid #50AAB2;
}

.px_process_back_change2 .process_circle:after {
    background: rgba(57, 63, 69, 0.8);
    z-index: 9;
}

.px_process_back_change2 .process_box h1:after {
    background: #50AAB2;
}

.px_testimonial_wrapper.px_testimonial_backchange2 {
    background-color: transparent;
}

.px_testimonial_backchange2 .px_heading h4 {
    color: #50AAB2;
}

.px_testimonial_backchange2 .px_heading h2 {
    color: #222222;
}

.px_testimonial_backchange2 .swi_user img {
    border: 3px solid #50AAB2;
}

.px_testimonial_backchange2 .swi_user:after {
    background: #50AAB2;
}

.px_testimonial_backchange2 .swi_user:before {
    background: #50AAB2;
}

.px_testimonial_backchange2 .swi_contentbox span {
    color: #50AAB2;
}

.px_testimonial_backchange2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #50AAB2;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.px_testimonial_backchange2 .swiper-pagination-bullet {
    background: #d8d8d8;
}

/* Index v2 About us css end */

/* Index v1 Dark About us css start */
.px_about_page_title.px_dark_about_title.light:after {
    background-color: var(--px_accent_color);
    z-index: -1;
}

/* Index v1 Dark About us css start */
.px_about_page_title.px_dark_about_title:after {
    background-color: #96979da6;
    z-index: -1;
}

.px_dark_about_title .px_bread_crumbs h1 {
    color: #ffffff;
}

.px_dark_about_title .px_home_crumbs a {
    color: #ffffff;
}

.px_dark_about_title .px_home_crumbs span {
    color: #ffffff;
}

.px_dark_about_section2 {
    background-position: center left;
    background-repeat: no-repeat;
    background-color: #000000;
}

.px_dark_about_section2.right  {
    background-position: center right;
}

.px_dark_about_section2 .about_contentbox {
    background: #000000;
    padding: 50px 30px 50px 30px;
    min-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.px_aboutWrapper .about_contentbox {
    background: var(--main__white_color);
}

.px_dark_about_section2 h5 {
    font-size: 16px;
    color: var(--px_accent_color2);
    margin-top: 20px;
}

.px_dark_about_section2 .about_head1 {
    font-size: 32px;
}

/* .px_dark_about_section2 span {
    border-bottom: solid 2px #000000;
} */
.px_dark_about_section2 p.about_deatils_two {
    margin-top: 20px;
    color: var(--px_accent_color2);
}

.px_dark_about_section2 .px_btn {
    min-width: 140px;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    background: var(--px_primary_color);
    margin-left: 0;
    letter-spacing: 0px;
}

.px_dark_about_section2 .px_btn:hover {
    color: #fff;
    background: #555555;
}

.px_dark_counter2 {
    background-color: #000000;
    padding: 80px 0 72px;
}

.px_darkab_service_section {
    background-color: var(--px_accent_color);
    padding: 77px 0 50px;
}

.px_count2_box.counter_text {
    background-color: #141414;
    padding: 40px 30px;
}

.px_darkab_service_section .px_service_box2 {
    background-color: transparent;
    min-height: 425px;
}


.px_darkab_service_section .px_service_box2 svg, .px_darkab_service_section .px_service_box2 svg path {
    fill: var(--px_accent_color2);
    width: 80px;
    height: 80px;
}
.px_darkab_service_section .px_service_box2.contact svg {
    fill: var(--main_font_color);
    width: 60px;
    height: 60px;
}

.px_darkab_service_section .px_service_box2 h4 {
    color: var(--main_font_color);
}

.px_darkab_service_section .px_service_box2 h4:after {
    background-color: var(--px_primary_color);
}

.px_darkab_service_section .px_service_box2 p {
    color: var(--main_font_color);
}

.px_darkab_service_section .px_service_box2 a {
    color: var(--main_font_color);
    font-size: 16px;
    display: block;
    padding: 5px 0 0 0;
}


.px_dark_video_section .px_video_loader {
    border: solid 3px var(--px_primary_color);
}

.px_dark_client_section {
    background-color: #000000;
}

.px_dark_client_section .px_client_logo_section_style2 {
    /* background-color: #000000; */
    background-color: var(--px_primary_color);
}

.px_dark_client_section ul li img:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.px_dark_client_section ul li img {
    opacity: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.px_about_wrapper.px_dark_what_section {
    background-color: var(--main__white_color);
}

.px_dark_what_section .about_imgbox .about_img {
    z-index: 2;

}
.px_dark_what_section .about_imgbox .about_img img {
   max-width: 450px;
}
.px_dark_what_section .about_imgbox .about_img img:first {
   max-width: 450px;
}

.px_dark_what_section .about_img .child_imgbox:after {
    border: 10px solid #fff;
}

.px_dark_what_section .px_btn {
    background: var(--px_primary_color);
}

.px_dark_what_section .px_btn .about_btnicon {
    background: var(--px_primary_color);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    position: absolute;
    left: 0px;
    width: 50px;
}

.px_dark_what_section .px_btn:hover {
    background: #555555;
}

/* Index v1 Dark About us css end */

/* Index v1 Portfolio css start */
.px_project_wrapper.px_project_style2.px_project_portfolio {
    padding: 77px 0 80px;
    background-image: none;
}

.px_project_portfolio .px_btn {
    margin-top: 30px;
}

.px_view_gallery {
    display: none;
}

.px_view_gallery.px_view_gallery_view {
    display: block;
}

/* Index v1 Portfolio css end */

/* Index v2 Dark Portfolio css start */
.px_project_wrapper.px_dark_portfolio_gallery {
    padding: 77px 0 80px;
    background: var(--main__white_color);
}

.px_dark_portfolio_gallery .px_btn {
    margin-top: 29px;
}

/* Index v2 Dark Portfolio css end */

/* Index v2 White Service css start */
.px_service_wrapper.px_service_white {
    background-color: #ffffff;
}

.px_service_white .px_heading h4 {
    color: #50AAB2;
}

.px_service_white .px_heading h2 {
    color: #222222;
}

/* Index v2 White Service css end */

/* Index v2 Blog Category page css start */
.px_blog_category {
    padding: 80px 0;
}

.px_blog_box {
    margin-bottom: 50px;
}

.why_diffrent_style2 {
    position: relative;
    overflow: hidden;
}

.px_blog_user {
    margin: 25px 0 5px;
}

.px_blog_user ul li {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0 0 0 15px;
}

.px_blog_user ul li:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #50AAB2;
    top: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
}

.px_blog_user ul li a {
    margin-right: 25px;

    color: #50AAB2;
    letter-spacing: 1px;
}

.px_blog_user ul li span {
    color: #555555;
    margin-left: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.px_blog_user ul li span:hover {
    color: #50AAB2;
}

.px_blog_post h2 {
    font-size: 26px;
    color: #222222;
}

.px_blog_post h2 a {
    font-size: 26px;
    color: #222222;
}

.px_blog_post h2 a:hover {
    color: #50AAB2;
}

.px_blog_post p {
    color: #555555;
    margin: 10px 0 25px;
}

.px_blog_post_slider .swiper-button-next {
    top: 168px;
}

.px_blog_post_slider .swiper-button-prev {
    top: 168px;
}

.px_blog_post_video {
    position: relative;
}

.px_blog_post_video:after {
    position: absolute;
    content: "";
    background: #22222247;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.px_blog_post_video .px_video_icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

.px_blog_post_video .px_video_loader {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

.px_blog_post_video .px_video_loader a:after {
    width: 80px;
    height: 80px;
}

.px_blog_pagination a.page-link {
    color: #222222;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
    border: 1px solid #efefef;
    box-shadow: none;
}

.px_blog_pagination .page-item:first-child .page-link {
    width: 85px;
    border-radius: 0;
}

.px_blog_pagination .page-item:last-child .page-link {
    width: 85px;
    border-radius: 0;
}

.px_blog_pagination .page-item.active .page-link {
    background-color: #50AAB2;
    border-color: #efefef;
    transition: 0.3s all;
}

.px_blog_pagination .page-link:hover {
    background-color: #50AAB2;
    border-color: #50AAB2;
    color: #ffffff;
    box-shadow: 0px 12px 15px 0px rgba(255, 29, 77, 0.3);
}

.px_blog_pagination i.fas.fa-chevron-left {
    margin-right: 2px;
}

.px_blog_pagination i.fas.fa-chevron-right {
    margin-left: 2px;
}

/* Index v2 Blog Sidebar css */
.px_blog_leftSec .px_blog_box .px_blog_post.px_blog_post_slider .why_diffrent_style2 .swiper-button-next.swiper-button-white {
    display: none;
}

.px_blog_leftSec .px_blog_box .px_blog_post.px_blog_post_slider .why_diffrent_style2 .swiper-button-prev.swiper-button-white {
    display: none;
}

.px_blog_leftSec {
    padding: 20px 20px 20px;
}

.px_blog_rightSec {
    padding: 20px 20px 20px;
}

.px_sidebar_box {
    margin-bottom: 46px;
}

.px_sidebar_box.recent_blog_one {
    margin-bottom: 38px;
}

.px_sidebar_box.recent_blog_two {
    margin-bottom: 32px;
}

.px_sidebar_box h4 {
    position: relative;
    color: #222222;
    font-size: 22px;
    border-bottom: solid 3px #50AAB2;
    display: inline-block;
    padding-bottom: 10px;
}

.px_search_btn.px_searchBox {
    position: relative;
    margin: 15px 0 0;
}

.px_search_btn.px_searchBox .input-group .input-group-append {
    position: absolute;
    right: 0;
}

.px_search_btn input {
    width: 300px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    background-color: #f6f6f6;
    border: none;
    color: #222222;
}

.px_search_btn button {
    background-color: #50AAB2;
    color: #ffffff;
    border: none;
    padding: 0 21px;
    transition: 0.3s all;
}

.px_search_btn button:hover {
    background-color: #555;
}

.px_recent_blog_post {
    margin-top: 30px;
}

.px_recent_post {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.px_recent_post:last-child {
    margin-bottom: 0;
}

.px_img_post {
    margin-right: 20px;
}

.px_img_post a {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.px_img_post a img {
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}

.px_img_post a:hover img {
    -webkit-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);
}

.px_post_title a {
    color: #222222;
    font-size: 18px;
    margin-bottom: 3px;
}

.px_post_title a:hover {
    color: #50AAB2;
}

.px_post_title p {
    color: #50AAB2;
}

.px_blog_category_mini {
    margin-top: 25px;
}

.px_blog_category_mini ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}

.px_blog_category_mini ul li a {
    display: inline-block;
}

.px_blog_category_mini ul li:last-child {
    margin-bottom: 0;
}

.px_blog_category_mini ul li a:hover {
    color: #50AAB2;
}

.px_blog_category_mini svg {
    margin-right: 5px;
    fill: var(--px_primary_color);
}

.px_blog_insta_post {
    margin-top: 30px;
}

.px_blog_insta_post ul {
    column-count: 3;
}

.px_blog_insta_post ul li a {
    display: inline-block;
    margin-bottom: 6px;
    position: relative;
    overflow: hidden;
}

.px_blog_insta_post ul li a img {
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}

.px_blog_insta_post ul li a:hover img {
    -webkit-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);
}

/* Index v2 Blog Sidebar css */
/* Index v2 Blog Category page css end */

/* Index v2 Blog Category Dark page css start */
.px_blog_category.px_blog_dark_version {
    background-color: #000000;
    z-index: 0;
    position: relative;
}

.px_blog_dark_version.px_product_dark.px_product_category_dark_wrap {
    background: #2e2e30;
}

.px_blog_dark_version .px_blog_user ul li a {
    color: var(--px_primary_color);
}

.px_blog_dark_version .px_blog_user ul li a svg {
    fill: var(--px_primary_color);
}

.px_blog_dark_version .px_blog_user ul li span {
    color: #ffffff;
}

.px_blog_dark_version .px_blog_user ul li span:hover {
    color: var(--px_primary_color);
}

.px_blog_dark_version .px_blog_user ul li:after {
    background: var(--px_primary_color);
}

.px_blog_dark_version .px_blog_post h2 {
    color: #ffffff;
}

.px_blog_dark_version .px_blog_post h2 a {
    font-size: 24px;
    color: #ffffff;
}

.px_blog_dark_version .px_blog_post h2 a:hover {
    color: var(--px_primary_color);
}

.px_blog_dark_version .px_blog_post p {
    color: #cdcdcd;
}

.px_blog_dark_version .px_auther_content p {
    color: #ffffff;
}

.px_blog_dark_version a.px_btn {
    width: 140px;
}

.px_blog_dark_version .swiper-button-prev:hover,
.px_blog_dark_version .swiper-button-next:hover {
    background-color: var(--px_primary_color);
}

.px_blog_dark_version .px_video_loader {
    border: solid 3px var(--px_primary_color);
}

.px_blog_dark_version .px_blog_pagination a.page-link {
    color: rgb(147 147 147);
    border: #000000;
    background-color: #000000;
}

.px_blog_pagination.px_category_pagination {
    margin: 15px 0 0 0 !important;
}

.px_blog_pagination.px_category_pagination ul.pagination li.page-item a {
    background-color: #141414;
}

.px_blog_dark_version .px_blog_pagination .page-item.active .page-link {
    background-color: var(--px_primary_color);
    border-color: var(--px_primary_color);
    color: #fff;
}

.px_blog_dark_version .px_blog_pagination .page-link:hover {
    background-color: var(--px_primary_color);
    border-color: var(--px_primary_color);
    color: #ffffff;
    box-shadow: 0 0 0 0 rgba(255, 29, 77, 0.3);
}

.px_blog_dark_version .px_sidebar_box h4 {
    color: #ffffff;
    border-bottom: solid 3px var(--px_primary_color);
}

.px_blog_dark_version .px_sidebar_box h4:after {
    background-color: #ffffff;
}

.px_blog_dark_version .px_search_btn input {
    background-color: #000000;
    color: #ffffff;
}

.px_blog_dark_version .px_search_btn input::placeholder {
    color: #cdcdcd;
}

.px_blog_dark_version .px_search_btn button {
    background-color: var(--px_primary_color);
}

.px_blog_dark_version .px_search_btn button:hover {
    background-color: #555;
}

.px_blog_dark_version .px_post_title a {
    color: #ffffff;
}

.px_blog_dark_version .px_post_title a:hover {
    color: var(--px_primary_color);
}

.px_blog_dark_version .px_post_title p {
    color: var(--px_primary_color);
}

.px_blog_dark_version .px_blog_category_mini ul li a {
    color: #ffffff;
}

.px_blog_dark_version .px_blog_category_mini ul li span {
    color: #ffffff;
}

.px_blog_dark_version .px_blog_category_mini ul li a:hover {
    color: var(--px_primary_color);
}

/* Index v2 Blog Category Dark page css end */

/* Index v2 Blog Single css start */
.px_blog_box.px_blog_single {
    margin-bottom: 0;
}

.px_blg_img_post {
    margin-bottom: 23px;
}

.px_blg_img_post ul {
    column-count: 3;
}

.px_blg_img_post ul li a {
    display: inline-block;
}

.px_blg_post_link {
    display: flex;
    margin-top: -10px;
}

ul.post_link1 {
    flex: 50%;
}

ul.post_link1 li {
    position: relative;
    padding: 0 0 5px 20px;
}

ul.post_link1 svg {
    margin-right: 10px;
    fill: var(--px_primary_color);
    position: absolute;
    left: 0;
    top: 8px;
}

.px_blog_testimonial {
    background-color: #50AAB2;
    padding: 50px 80px;
    position: relative;
    text-align: center;
}

.px_blog_testimonial h5 {
    color: #ffffff;
    font-size: 18px;
}

.px_blog_testimonial h3 {
    color: var(--px_primary_color);
    font-size: 18px;
    margin-top: 30px;
}

.px_blog_testimonial span {
    font-size: 14px;
}

.px_blog_testimonial .px_qoute_svg svg {
    width: 184px;
    height: 142px;
}

.px_post_flex {
    width: 100%;
    display: inline-block;
    margin-top: 23px;
}

.px_post_flex p {
    margin: 0;
}

.px_post_section1 {
    width: 34%;
    display: inline-block;
    vertical-align: top;
}

.px_post_section1 img {
    padding: 5px 10px 5px 0;
}

.px_post_section2 {
    width: 65%;
    display: inline-block;
}

.px_post_section2 p {
    margin: 0;
}

.px_social_blog_pst {
    width: 100%;
    display: flex;
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
    padding: 15px 0 12px;
    margin: 42px 0 80px;
}

.px_select_tag {
    width: 60%;
}

.px_select_tag ul li {
    display: inline-block;
}

.px_select_tag ul li a {
    margin-right: 5px;
}

.px_select_tag ul li a:hover {
    color: #50AAB2;
}

.px_select_tag ul li i.fas.fa-tags {
    color: #50AAB2;
}

.px_select_social {
    width: 50%;
    text-align: right;
}

.px_select_social ul li {
    display: inline-block;
}

.px_select_social ul li a {
    color: #b9b9b9;
    margin-left: 15px;
}

.px_select_social ul li a:hover {
    color: #50AAB2;
}

.px_auther_box {
    display: flex;
    padding: 20px;
    align-items: center;
    background-color: #50AAB2;
}

.px_auther_img {
    flex: none;
    margin-right: 30px;
}

.px_auther_content h5 {
    color: #ffffff;
    font-size: 24px;
}

.px_auther_content span {
    background-color: #ffffff;
    color: #50AAB2;
    font-size: 14px;
    padding: 4px 10px 3px;
    border-radius: 3px;
    margin-left: 5px;
    vertical-align: middle;
}

.px_auther_content p {
    color: #ffffff;
    margin: 6px 0 0;
}

.px_blog_comment_box {
    padding: 73px 0 0;
}

.px_blog_comment_box h1 {
    font-size: 32px;
    color: #222222;
    margin-bottom: 10px;
}

.px_profile_box {
    display: flex;
    padding: 30px 0 22px;
}

.px_blog_comment_box ul li {
    position: relative;
}

.px_blog_comment_box ul li:after {
    position: absolute;
    content: "";
    background-color: #efefef;
    height: 1px;
    width: 100%;
    bottom: 0;
}

.px_blog_comment_box ul li:last-child:after {
    display: none;
}

.px_user_profile {
    width: 90px;
}

.px_user_text {
    width: calc(100% - 90px);
}

.px_user_text h5 {
    color: #222222;
    font-size: 20px;
}

.px_user_text svg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.px_user_text svg path {
    fill: #50AAB2;
}

.px_user_text span {
    color: #50AAB2;
    font-size: 14px;
    letter-spacing: 2px;
}

.px_user_text p {
    color: #555555;
}

.px_user_text a {
    /* color: #50AAB2;
    text-transform: uppercase; */
}

.px_user_text a:hover {
    color: #222222;
}

.px_blog_form {
    padding-top: 42px;
}

.px_blog_form h2 {
    font-size: 32px;
    color: #222222;
    margin-bottom: 20px;
}

.px_blog_form input {
    height: 52px;
    line-height: 45px;
    border: solid 1px #ebebeb;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 20px;
}

.px_blog_form textarea {
    width: 100%;
    padding: 20px;
    border: solid 1px #ebebeb;
    margin-bottom: 22px;
    height: 172px;
    resize: none;
}

/* Index v2 Blog Single css end */

/* Index Blog Single Dark css start */
.px_blog_box.px_blog_single_dark {
    margin-bottom: 0;
}

.px_blog_single_dark .px_blg_post_link ul li a {
    color: #cdcdcd;
}

.px_blog_single_dark .px_blog_testimonial {
    background-color: #000000;
    border: 1px solid #525252bf;
}

.px_blog_single_dark .px_social_blog_pst {
    border-top: solid 1px #3e4247;
    border-bottom: solid 1px #3e4247;
}

.px_blog_single_dark .px_select_tag ul li i.fas.fa-tags {
    color: var(--px_primary_color);
}

.px_blog_single_dark .px_select_tag ul li a {
    color: #ffffff;
}

.px_blog_single_dark .px_select_tag ul li a:hover {
    color: var(--px_primary_color);
}

.px_blog_single_dark .px_select_social ul li a {
    color: #ffffff;
}

.px_blog_single_dark .px_select_social ul li a:hover {
    color: var(--px_primary_color);
}

.px_blog_single_dark .px_auther_box {
    background-color: #000000;
}

.px_blog_single_dark .px_auther_content span {
    color: var(--px_primary_color);
}

.px_blog_single_dark .px_blog_comment_box h1 {
    color: #ffffff;
}

.px_blog_single_dark .px_blog_comment_box ul li:after {
    background-color: #3e4247;
}

.px_blog_single_dark .px_user_text h5 {
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.px_blog_single_dark .px_user_text span {
    color: var(--px_primary_color);
}

.px_blog_single_dark .px_user_text p {
    color: #cdcdcd;
}

.px_blog_single_dark .px_user_text svg path {
    fill: var(--px_primary_color);
}

.px_blog_single_dark .px_user_text a {
    color: var(--px_primary_color);
}

.px_blog_single_dark .px_user_text a:hover {
    color: #ffffff;
}

.px_blog_single_dark .px_blog_form h2 {
    color: #ffffff;
}

.px_blog_single_dark .px_blog_form input,
.px_blog_single_dark .px_blog_form textarea {
    border: solid 1px #3e4247;
    background-color: transparent;
    color: #ffffff;
}

.px_blog_single_dark .px_blog_form input::placeholder,
.px_blog_single_dark .px_blog_form textarea::placeholder {
    color: #cdcdcd;
}

/* Index Blog Single Dark css end */

/* Index v2 Product Category Page css start */
.px_product_sidebar .px_sidebar_box h4:after {
    width: 255px;
}

.range_slider {
    display: inline-block;
    width: 100%;
}

.price_range {
    margin: 0 0 20px;
}

.range_slider .ui-widget.ui-widget-content {
    height: 3px;
    border: solid 1px #f1f1f1;
    background: #f1f1f1;
    border-radius: 3px;
}

.range_slider .ui-slider .ui-slider-range {
    background-color: #50AAB2;
    height: 3px;
}

.range_slider .ui-state-default {
    border: 1px solid #50AAB2;
    background: #50AAB2;
    outline: none;
    border-radius: 50%;
    top: -5px;
    cursor: pointer;
    width: 10px;
    height: 10px;
}

.range_slider .ui-slider-horizontal .ui-slider-range {
    top: -1px;
}

.price_range p {
    margin: 0;
    font-size: 18px;
    color: #222222;

    font-weight: 600;
}

/* Product Filter css */
.px_blog_category.px_product_white {
    padding: 61px 0 80px;
}

.product_list_filter {
    margin-bottom: 15px;
}

.product_list_filter>ul>li {
    /* display: inline-block;
	width: 33%;
	text-align: left; */
    color: #222222;
    font-size: 18px;

    position: relative;
}

.product_list_filter>ul>li:nth-child(2):after {
    left: auto;
    right: 45px;
}

.product_list_filter>ul>li:first-child {
    text-align: left;
}

.product_list_filter>ul>li:last-child {
    text-align: right;
}

.product_list_filter ul.list_view_toggle>li {
    display: inline-block;
    margin-right: 10px;
}

.product_list_filter>ul>li .nice-select {
    border: none;
    margin: 0 auto;

    display: inline;
    font-size: 18px;
}

.nice-select {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    width: 100%;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #ebebeb;
}

.nice-select .list {
    margin-top: 15px;
}

.product_list_filter>ul>li .nice-select:after {
    width: 7px;
    height: 7px;
    border-color: #50AAB2;
}

.product_list_filter>ul>li .nice-select .option {
    font-size: 16px;
}

.product_list_filter>ul>li .nice-select .option.selected {
    font-weight: 600;
    background-color: #f5f5f5;
}

.product_list_filter .nice-select .list {
    left: 18px;
}

.product_list_filter .nice-select {
    background-color: transparent;
}

.list_view_toggle>li>a {
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 19px;
}

.list_view_toggle>li>a>svg {
    fill: #fff;
}

.list_view_toggle>li>a.active>svg path {
    fill: #50AAB2;
}

/* Product Filter css */

/* Product css */
.px_product_listbar.px_product_style4 {
    text-align: center;
    padding-bottom: 10px;
}

.px_product_listbar>ul>li {
    /* display: inline-block;
    width: 33%; */
}

.px_product_listbar .product_ovr_links {
    background-color: #50AAB2;
}

/* list view css */
.px_product_listbar .product_item_block .content_block {
    position: relative;
    padding: 32px 30px 0;
    display: none;
    text-align: left;
}

.px_product_listbar.product_list_view .product_item_block .content_block {
    display: block;
}

.product_list_view .product_text_rs {
    display: none;
}

.product_list_view.px_product_listbar ul li .org_product_block a {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
    position: relative;
    top: unset;
    left: unset;
}

.content_block .product_price_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content_block .product_price_box>h3 {
    font-size: 22px;

    font-weight: 600;
    color: #222222;
    margin-bottom: 5px;
}

.content_block .product_price_box>h5 {
    font-size: 26px;
    color: #222222;

    font-weight: 700;
}

.content_block .product_price_box>h5>span {
    font-size: 20px;
}

.content_block>p {
    margin-bottom: 20px;
    color: #555555;
}

.content_block>.rating_section {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.content_block>.rating_section span {
    color: #50AAB2;
    margin-right: 10px;
}

.content_block>.rating_section>ul>li {
    display: inline-block;

}

.content_block>.rating_section>ul>li>a {
    color: #7c7c7c;
}

.content_block>.rating_section>ul>li>a.active {
    color: #50AAB2;
}

.content_block>.rating_section {
    margin-bottom: 10px;
}

.content_block>.rating_section>p {
    margin: 0;

    margin-left: 10px;
    color: #555555;
}

.content_block>.product_code {
    margin-bottom: 15px;
}

.content_block>.product_code>li {
    display: inline-block;
    padding: 0px 10px;
    position: relative;
}

.content_block>.product_code>li:first-child {
    padding-left: 0;
}

.content_block>.product_code>li:first-child:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 15px;
    background-color: #222222;
}

.content_block>.product_code>li>p {
    margin: 0;

    color: #555555;
}

.content_block>.product_code>li>p span {
    color: #50AAB2;
}

.px_product_listbar.product_list_view>ul>li {
    width: 100%;
}

.px_product_listbar.product_list_view>ul>li>.product_item_block {
    display: flex;
    margin-bottom: 30px;
}

.px_product_listbar.product_list_view .product_item_block .product_grid {
    box-shadow: none;
    margin-bottom: 0;
}

.px_product_listbar.product_list_view .product_item_block .product_grid:hover {
    box-shadow: none;
    margin: 0;
}

.product_list_view.px_product_style4 .product_item:hover {
    box-shadow: none;
}

/* Index v2 Product Category Page css end */

/* Index Product Category Dark css start */
.px_blog_dark_version.px_product_dark {
    padding: 65px 0 80px;
    background-color: #000000;
    position: relative;
    z-index: 2;
}

.px_blog_sidebar.px_product_sidebar {
    margin-top: 15px;
}

.px_product_dark .price_range p {
    color: #ffffff;
}

.px_product_dark .range_slider .ui-widget.ui-widget-content {
    border: solid 1px #53575b;
    background: #ffffff;
}

.px_product_dark .range_slider .ui-state-default {
    border: 1px solid var(--px_primary_color);
    background: var(--px_primary_color);
}

.px_product_dark .range_slider .ui-slider .ui-slider-range {
    background-color: var(--px_primary_color);
}

.px_product_dark .px_checkbox>label {
    color: #ffffff;
}

.px_product_dark .px_checkbox>input:checked~label {
    color: var(--px_primary_color);
}

.px_product_dark .px_checkbox>input:checked~label:before {
    background-color: #ffffff;
    border: solid 1px #ffffff;
}

.px_product_dark .px_checkbox>label:after {
    border-left: 3px solid #181a35;
    border-bottom: 3px solid #181a35;
}

.px_product_dark .px_checkbox>label:before {
    border: solid 1px #ffffff;
    /* background: #ffffff; */
}

.px_product_dark span.current {
    color: #ffffff;
}

.px_product_dark ul.list_view_toggle>li>span {
    color: #ffffff;
}

.px_product_dark .product_list_filter>ul>li .nice-select:after {
    border-color: var(--px_primary_color);
}

.px_product_dark .list_view_toggle>li>a.active>svg path {
    fill: var(--px_primary_color);
}

.px_product_dark .product_item {
    background-color: #ededed;
    border: solid 1px #33365a;
}

.px_product_dark .product_ovr_links {
    background-color: #2e2e30;
}

.px_product_dark .product_overlay {
    background-color: var(--px_primary_color);
}

.px_product_dark .content_block .product_price_box>h3 {
    color: #ffffff;
}

.px_product_dark .content_block .product_price_box>h5 {
    color: #ffffff;
}

.px_product_dark .content_block>p {
    color: #ffffff;
}

.px_product_dark .content_block>.rating_section span {
    color: var(--px_primary_color);
}

.px_product_dark .content_block>.rating_section>ul>li>a.active {
    color: var(--px_primary_color);
}

.px_product_dark .content_block>.rating_section>p {
    color: #ffffff;
}

.px_product_dark .content_block>.product_code>li>p {
    color: #ffffff;
}

.px_product_dark .content_block>.product_code>li>p span {
    color: var(--px_primary_color);
}

.px_product_dark .product_text_rs span {
    color: #cdcdcd;
}

.px_product_dark .product_text_rs p {
    color: var(--px_primary_color);
}

.px_product_dark .px_blog_pagination,
.px_product_white .px_blog_pagination {
    margin-left: 16px;
}

/* Index Product Category Dark css end */

/* Index2 Product Single css start */
.px_product_single {
    padding: 80px 0px 50px;
}

.px_thumb_slider {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.px_thumb_slider .swiper-slide-active {
    border: solid 1px #274260;
    cursor: pointer;
    border-bottom: 2px solid #274260;
    border-top: 2px solid #274260;
}

.px_minithumb_slider .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active {
    border: solid 1px #50AAB2;
}

.px_minithumb_slider .swiper-slide {
    border: solid 1px #ececec;
    cursor: pointer;
}

/* Index2 Product Sidebar css end */
.px_price_detail h1 {
    font-size: 30px;
    color: #222222;
    margin-bottom: 5px;
}

.px_price_detail ul {
    border-bottom: solid 1px #ececec;
    padding-bottom: 15px;
}

.px_price_detail ul li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;

}

.px_price_detail ul li:nth-child(1) {
    color: #222222;
    font-size: 32px;
    font-weight: 500;
}

.px_price_detail ul li:nth-child(2) {
    font-size: 24px;
    color: #b5b5b5;
    text-decoration: line-through;
}

.px_price_detail ul li:nth-child(3) {
    color: #fff;
    background-color: #3cb82c;
    padding: 0 10px;
    position: relative;
    margin-right: 18px;
}

.px_price_detail ul li:nth-child(3):after {
    position: absolute;
    content: "";
    border-top: solid 12px #3cb82c;
    border-right: solid 10px #3cb82c00;
    border-left: solid 10px #3cb82c;
    border-bottom: solid 13px #3cb82c;
}

.px_price_detail ul li:nth-child(4) {
    font-weight: 500;
    color: #222222;
}

.px_price_detail ul li:nth-child(5) i.fa.fa-star.active {
    color: #fbcf00;
}

.px_price_detail ul li:nth-child(5) i.fa.fa-star {
    color: #c6c6c6;
}

.px_thumb_description {
    margin: 30px 0 15px;
}

.px_thumb_description p {
    color: #555555;
    margin-bottom: 10px;
}

.px_thumb_description ul li {
    position: relative;
    font-size: 16px;
    margin-left: 15px;
}

.px_thumb_description ul li:after {
    position: absolute;
    content: "";
    background: red;
    width: 5px;
    height: 5px;
    top: 10px;
    left: -15px;
}

.px_thumb_description ul li span {
    color: #222222;
    font-weight: 500;
}

.px_color_thumb h5 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #222222;
}

.px_color_thumb ul li {
    width: 20px;
    height: 20px;
    background: #f9d042;
    display: inline-block;
    border: solid 2px #f3f3f3;
    cursor: pointer;
}

.px_color_thumb ul li:nth-child(2) {
    background: #f98342;
}

.px_color_thumb ul li:nth-child(3) {
    background: #42aef9;
}

.px_color_thumb ul li:nth-child(4) {
    background: #9442f9;
}

.px_quantity_style2 {
    margin-bottom: 17px;
}

.px_quantity_style2 .px_textbox_subscribe4 {
    margin-top: 13px;
}

.px_quantity_style2 p {
    color: #222222;
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 500;
}

.px_quantity_style2 .px_search_wrapper a.index4_btn {
    background-color: #222222;
    color: #ffffff;
    border-radius: 0;
    top: 0;
    right: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.px_quantity_style2 .px_search_wrapper a.index4_btn:hover {
    background: #50AAB2;
}

.px_quantity_style2 .px_search_wrapper input {
    border: solid 1px #f3f3f3;
    border-radius: 0;
    height: 50px;
    padding: 0 180px 0 15px;
    margin-bottom: 5px;
}

/* quantity css */
.px_quantity_stock h5 {
    font-size: 18px;
    color: #222222;
    font-weight: 500;
    margin-bottom: 25px;
}

.px_quantity_stock span {
    color: #3cb82c;
    font-size: 14px;
}

.px_quantity_stock ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.px_quantity_stock ul li:first-child {
    color: #222222;
    font-size: 18px;
    font-weight: 500;
}

.px_quantity_stock a.px_btn_two {
    background-color: #222222;
}

.px_quantity_stock a.px_btn_two:before {
    background-color: #50AAB2;
}

.px_quantity_stock a.svg_icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border: solid 1px #f3f3f3;
    background: #000000;
    text-align: center;
}

.px_quantity_stock a.svg_icon:hover {
    background-color: #50AAB2;
    fill: #ffffff;
}

.px_quantity_stock ul li a svg {
    width: 18px;
}

.quantity_wrapper {
    width: 100px;
    display: inline-block;

}

.quantity_wrapper>.input-group {
    background-color: #f8f8f8;
}

.quantity_wrapper>.input-group>span.quantity_minus {
    font-size: 16px;
    color: #555555;
    background-color: #e3e3e3;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    text-align: center;
}

.quantity_wrapper>.input-group>span.quantity_plus {
    font-size: 16px;
    color: #555555;
    width: 30px;
    background-color: #e3e3e3;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
}

.quantity_wrapper>.input-group>input {
    text-align: center;
    color: #222222;
    background-color: #f8f8f8;
    border: none;
    height: 50px;
    width: 70px;
}

/* Product Tab css */

.product_detail_tab>.nav-tabs {
    border: none;
    margin-bottom: 30px;
}

.product_detail_tab ul.nav.nav-tabs {
    display: flex;
    align-items: center;
    gap: 10px;
}

.px_tab_peragraph {
    border: solid 1px #f3f3f3;
    padding: 43px 50px 25px;
}

.px_tab_peragraph>p {
    color: #555555;
    margin-bottom: 20px;
}

.px_tab_peragraph span {
    font-weight: 600;
}

.product_detail_tab>ul>li {
    margin: 0px 10px;
}

.product_detail_tab>ul>li:first-child {
    margin-left: 0;
}

.product_detail_tab>ul>li>a {
    display: inline-block;
    min-width: 130px;
    padding: 9px 10px;
    background-color: #000000;

    color: #222222;
    text-align: center;
    font-size: 16px;
}

.product_detail_tab>ul>li>a.active {
    color: #ffffff;
    font-weight: 500;
    background-color: #50AAB2;
}

.additional_infoDiv {
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 43px 50px 25px;
}

.additional_info {
    width: 100%;
    position: relative;
}

.additional_info>li {
    width: 100%;

    margin-bottom: 20px;
}

.additional_info>li>span {
    font-size: 16px;
    color: #222;

    font-weight: bold;
    margin-right: 10px;
}

.fd_review_wrapper .review_heading {
    font-size: 20px;
    color: #222222;
    margin-bottom: 20px;

}

.fd_review_wrapper h5 {
    font-size: 20px;
    color: #222222;
    font-weight: 500;
    margin-bottom: 35px;

}

.form_block {
    margin-bottom: 30px;
}

.form_block .form_field {
    height: 50px;
    width: 100%;
    padding: 0px 30px;
    border: 1px solid #ebebeb;
    outline: none;
}

.form_block textarea.form_field {
    min-height: 170px;
    padding-top: 15px;
    resize: none;
}

/* Product Tab css */
/* Product Slider css */
.px_product_slider_white .px_heading_style3 h4 {
    color: #50AAB2;
}

.px_product_slider_white .product_ovr_links {
    background-color: #50AAB2;
}

.px_product_slider_white .px_product_slider_box .swiper-pagination-bullet-active {
    background: #50AAB2;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

/* Index2 Product Single css end */

/* Index Product Single dark css start */
.px_product_single.px_product_single_dark {
    background-color: #2e2e30;
}

.px_product_single_dark .px_thumb_slider .swiper-slide-active {
    /* border: solid 1px #ffffff; */
}

.px_product_single_dark .px_minithumb_slider .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active {
    border: solid 1px var(--px_primary_color);
}

.px_product_single_dark .px_minithumb_slider .swiper-slide {
    border: solid 1px #404042;
}

.px_product_single_dark .px_price_detail h1 {
    color: #ffffff;
}

.px_product_single_dark .px_price_detail ul li:nth-child(1) {
    color: var(--px_primary_color);
}

.px_product_single_dark .px_price_detail ul li:nth-child(4) {
    color: #cdcdcd;
}

.px_product_single_dark .px_price_detail ul {
    border-bottom: solid 1px #33365a;
}

.px_product_single_dark .px_thumb_description p {
    color: #ffffff;
}

.px_product_single_dark .px_thumb_description ul li {
    color: #cdcdcd;
}

.px_product_single_dark .px_thumb_description ul li span {
    color: #ffffff;
}

.px_product_single_dark .px_thumb_description ul li:after {
    background: var(--px_primary_color);
}

.px_product_single_dark .px_color_thumb h5 {
    color: #ffffff;
}

.px_product_single_dark p {
    color: #ffffff;
}

.px_product_single_dark .px_search_wrapper input {
    border: solid 1px #ffffff;
    background-color: #ffffff;
    color: #ffffff;
}

.px_thumb_sidebar .px_quantity_style2 .px_textbox_subscribe4 .px_search_wrapper input {
    color: #000000;
}

.px_product_single_dark .px_search_wrapper a.index4_btn {
    background-color: var(--px_primary_color);
}

.px_product_single_dark .px_search_wrapper a.index4_btn:hover {
    background: var(--px_primary_color);
}

.px_product_single_dark .px_textbox_subscribe4 span {
    color: #cdcdcd;
}

.px_product_single_dark .px_quantity_stock h5 {
    color: #ffffff;
}

.px_product_single_dark .px_quantity_stock span {
    color: #3cb82c;
}

.px_product_single_dark .px_quantity_stock ul li:first-child {
    color: #ffffff;
}

.px_product_single_dark .quantity_wrapper>.input-group>input {
    color: #ffffff;
    background-color: #000000;
}

.px_product_single_dark .quantity_wrapper>.input-group>span.quantity_minus {
    color: #ffffff;
    background-color: #15171a;
}

.px_product_single_dark .quantity_wrapper>.input-group>span.quantity_plus {
    color: #ffffff;
    background-color: #15171a;
}

.px_product_single_dark .px_quantity_stock a.px_btn_two {
    background-color: var(--px_primary_color);
}

.px_product_single_dark .px_quantity_stock a.px_btn_two:before {
    background-color: #000000;
}

.px_product_single_dark .px_quantity_stock a.svg_icon {
    border: solid 1px #33365a;
}

.px_product_single_dark .px_quantity_stock ul li a svg {
    fill: #fff;
}

.px_product_single_dark .px_quantity_stock a.svg_icon:hover {
    background-color: var(--px_primary_color);
}

.product_detail_wrapper.product_detail_wrapper_dark {
    background-color: #2e2e30;
}

.product_detail_wrapper_dark .product_detail_tab>ul>li>a.active {
    background-color: var(--px_primary_color);
}

.product_detail_wrapper_dark .product_detail_tab>ul>li>a {
    color: #ffffff;
}

.product_detail_wrapper_dark .px_tab_peragraph {
    border: solid 1px #fff;
    background-color: #000000;
}

.product_detail_wrapper_dark .px_tab_peragraph>p {
    color: #cdcdcd;
}

.product_detail_wrapper_dark .px_tab_peragraph span {
    color: #ffffff;
}

.product_detail_wrapper_dark .fd_review_wrapper .review_heading {
    color: #ffffff;
}

.product_detail_wrapper_dark .fd_review_wrapper h5 {
    color: #ffffff;
}

.product_detail_wrapper_dark .form_block .form_field {
    border: 1px solid #33365a;
    background-color: #ffffff;
    color: #ffffff;
}

.product_detail_wrapper_dark .fd_review_wrapper .form_block input.form_field {
    background: #2e2e30;
    border: none;
}

.product_detail_wrapper_dark .fd_review_wrapper .form_block textarea {
    background: #2e2e30;
    border: none;
    padding: 30px 30px;
}

.product_detail_wrapper_dark input.form_field::placeholder,
.product_detail_wrapper_dark textarea.form_field::placeholder {
    color: #cdcdcd;
}

.product_detail_wrapper_dark .additional_info>li>span {
    color: #ffffff;
}

.product_detail_wrapper_dark .additional_info>li {
    color: #ffffff;
}

.px_product_slider.px_product_slider_dark {
    background-color: #2e2e30;
}

.px_product_slider_dark .px_heading_style3 h4 {
    color: var(--px_primary_color);
}

.px_product_slider_dark .product_overlay {
    background-color: var(--px_primary_color);
}

.px_product_slider_dark .product_item {
    background-color: #000000;
    border: solid 1px #274260;
}

.px_product_slider_dark .product_ovr_links {
    background-color: var(--px_primary_color);
}

.px_product_slider_dark .product_text_rs p {
    color: var(--px_primary_color);
}

.px_product_slider_dark .product_text_rs span {
    color: #cdcdcd;
}

.px_product_slider_dark .swiper-pagination-bullet {
    background: #c1c1c1;
}

.px_product_slider_dark .swiper-pagination-bullet-active {
    background: var(--px_primary_color);
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

/* Index Product Single dark css end */

/* Index2 Checkout page css start */
.px_product_checkout {
    padding: 80px 50px 80px;
}

.px_checkout_box {
    border: solid 1px #f5f5f5;
    padding: 78px 50px 80px;
}

.px_white_progress {
    padding: 0 0 0 5px;
}

.px_white_progress .progress_active .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.31) 25%, #00000000 25%, #00000000 50%, rgba(255, 255, 255, 0.31) 50%, rgba(255, 255, 255, 0.31) 75%, transparent 75%, transparent);
}

.px_white_progress .progress_active .progress-bar {
    background-color: #50AAB2;
}

.px_white_progress ul li {
    display: inline-block;
    width: 33%;
    position: relative;
}

.px_white_progress .progress-bar {
    background-color: #eee;
}

.px_white_progress .progress {
    height: 7px;
    position: relative;
    overflow: visible;
}

.px_white_progress .progress-bar-striped {
    background-image: none;
}

.px_white_progress .progress-bar:after,
.px_white_progress ul li:last-child:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: #50AAB2;
    border-radius: 100%;
    top: 49%;
    left: -6px;
    transform: translate(0px, -50%);
    z-index: 0;
}

.px_white_progress .progress-bar:before,
.px_white_progress ul li:last-child:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 100%;
    top: 49%;
    left: 0;
    transform: translate(0px, -50%);
    z-index: 1;
}

.px_white_progress ul li:last-child:before {
    left: auto;
    right: -1px;
    z-index: 1;
}

.px_white_progress ul li:last-child:after {
    left: auto;
    right: 5px;
    z-index: 2;
}

.px_white_progress ul li span {
    position: absolute;
    left: -35px;
    bottom: -60px;
    color: #222222;
    font-size: 22px;

}

.px_white_progress ul li span.pro_confirm {
    right: 0;
    left: auto;
}

.px_white_progress ul li:first-child span {
    left: -5px;
}

/* Radio button css */
.px_debit_cart {
    margin-top: 94px;
}

.px_credit_cart {
    padding: 35px 30px;
    border: solid 1px #f5f5f5;
    cursor: pointer;
}

.px_credit_cart.active {
    border: solid 1px #3fad21;
    background-color: #fafff6;
}

.px_credit_cart>ul {
    display: flex;
}

.px_credit_cart>ul>li {
    display: inline-block;
    align-self: center;
}

.px_credit_cart h4 {
    font-size: 22px;
    color: #222222;
}

.px_credit_cart p {
    color: #555555;
}

.px_credit_cart>ul>li:first-child {
    width: 35px;
}

.px_credit_cart>ul>li:nth-child(2) {
    width: calc(100% - 130px);
}

.px_credit_cart>ul>li:last-child {
    width: 100px;
    text-align: right;
}

.px_credit_cart>ul>li>input[type="radio"] {
    position: absolute;
    left: -9999px;
}

.px_credit_cart>ul>li>label {
    position: relative;
    margin: 0;
    padding-left: 25px;
    cursor: pointer;
}

.px_credit_cart>ul>li>label>span {
    margin-right: 10px;
    vertical-align: middle;

    color: #222222;
}

.px_credit_cart>ul>li>label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #c8c8c8;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.px_credit_cart>ul>li>label:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #c8c8c8;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.px_credit_cart>ul>li>input[type="radio"]:checked~label:before {
    border-color: #3fad21;
}

.px_credit_cart>ul>li>input[type="radio"]:checked~label:after {
    background-color: #3fad21;
}

/* Radio button css */
.fd_review_wrapper {
    margin-top: 43px;
    background: #000000;
    padding: 43px 50px 25px;
}

.fd_review_wrapper.fd_review_wrapper1 {
    margin: 0;
    padding: 50px 0 0;
}

.fd_review_wrapper label {
    font-size: 18px;
    color: #222222;
}

.px_shipping_pager {}

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

.px_shipping_pager ul li {}

.px_shipping_pager ul li:first-child {
    color: #222222;
    font-weight: 500;

    font-size: 16px;

}

.px_shipping_pager ul li a:first-child:hover {
    color: #50AAB2;
}

.px_shipping_pager ul li:last-child {}

.px_shipping_pager ul li a.px_btn_two:last-child:hover {
    color: #ffffff;
}

.px_shipping_pager i.fas.fa-chevron-left {
    margin-right: 3px;
    font-size: 14px;
}

/* Index2 Checkout page css end */

/* Index Checkout Dark css start */
.px_product_checkout.px_product_checkout_dark {
    background-color: #000000;
    padding: 80px 50px;
}

.px_product_checkout_dark .px_checkout_box {
    background-color: #000000;
    border: solid 1px #2e2e30;
    padding: 77px 50px 58px;
}

.px_product_checkout_dark .px_white_progress .progress-bar:after,
.px_product_checkout_dark .px_white_progress ul li:last-child:before {
    background: var(--px_primary_color);
}

.px_product_checkout_dark .px_white_progress .progress-bar:before,
.px_product_checkout_dark .px_white_progress ul li:last-child:after {
    background: #0f112c;
}

.px_product_checkout_dark .px_white_progress .progress_active .progress-bar {
    background-color: var(--px_primary_color);
}

.px_product_checkout_dark .px_white_progress .progress-bar {
    background-color: #2c2a2a;
}

.px_product_checkout_dark .px_white_progress ul li span {
    color: #ffffff;
}

.px_product_checkout_dark .px_credit_cart {
    border: solid 1px #222441;
}

.px_credit_cart.px_credit_dark.active2 {
    border: solid 1px var(--px_primary_color);
    background-color: #2e2e30;
}

.px_product_checkout_dark .px_credit_cart h4 {
    color: #ffffff;
}

.px_product_checkout_dark .px_credit_cart p {
    color: #ffffff;
}

.px_product_checkout_dark .px_credit_cart>ul>li>input[type="radio"]:checked~label:after {
    background-color: var(--px_primary_color);
}

.px_product_checkout_dark .px_credit_cart>ul>li>input[type="radio"]:checked~label:before {
    border-color: var(--px_primary_color);
}

.px_product_checkout_dark .fd_review_wrapper label {
    color: #ffffff;
}

.px_product_checkout_dark .form_block .form_field {
    border: 1px solid #3c3c3c;
    background-color: #000000;
    color: #ffffff;
}

.px_product_checkout_dark .form_block input.form_field::placeholder {
    color: #cdcdcd;
}

.px_product_checkout_dark .px_shipping_pager ul li a:first-child {
    color: #ffffff;
}

.px_product_checkout_dark .px_shipping_pager ul li a:first-child:hover {
    color: var(--px_primary_color);
}

.px_product_checkout_dark .px_shipping_pager ul li a.px_btn:last-child:hover {
    color: #ffffff;
}

/* Index Checkout Dark css start */

/* Index2 Checkout2 white css start */
.px_checkout_table .table thead th {
    vertical-align: middle;
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #878787;

    color: #707070;
    font-size: 18px;
}

.px_checkout_table .table td {
    vertical-align: middle;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.px_checkout_table a {
    background-color: #ebebeb;
    display: inline-block;
    border-radius: 40px;
    padding: 3px 11px;
}

.px_checkout_table img {
    border: solid 1px #524d4d;
    width: 78px;
    margin-right: 13px;
}

.px_checkout_table span {
    font-size: 20px;
    color: #222222;
}

.px_checkout_table h4 {
    font-size: 20px;
    color: #222222;
    font-weight: 400;
}

/* quantity table */
.px_table_quantity .quantity_wrapper {
    display: flex;
    align-items: center;
}

.quantity_qty span {
    margin-left: 35px;
    margin-right: 10px;
    font-size: 16px;
}

.px_table_quantity .quantity_wrapper>.input-group {
    border-radius: 20px;
    background-color: #f4f4f4;
}

.px_table_quantity .quantity_wrapper>.input-group>span {
    height: 30px;
    width: 33%;
    line-height: 30px;
    position: relative;
    font-size: 18px;
    color: #222222;
    font-weight: 600;
    background-color: #f4f4f4;
    cursor: pointer;
    border-radius: 20px;
}

.px_table_quantity .quantity_wrapper>.input-group>input {
    max-width: 33%;
    color: #222222;
    border: none;
    background-color: #f4f4f4;
    height: 30px;
    width: 90px;
}

.px_table_quantity .quantity_wrapper>.input-group>span.quantity_minus:after,
.px_table_quantity .quantity_wrapper>.input-group>span.quantity_plus:before {
    position: absolute;
    width: 1px;
    height: 22px;
    background-color: #ebebeb;
    top: 50%;
    right: 0;
    content: "";
    margin-top: -11px;
}

.px_table_quantity .quantity_wrapper>.input-group>span.quantity_plus:before {
    left: 0;
    right: auto;
}

.px_shipping_pager input {
    width: 300px;
}

/* Index2 Checkout2 white css end */

/* Index2 Checkout Confirmation white css */
.px_shipping_flex {
    width: 100%;
    padding-bottom: 11px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.px_shipping_flex.px_shipping10 {
    border-bottom: none;
}

.px_shipping_flex.px_shipping04 {
    border: 1px solid #f5f5f5;
    padding: 30px;
}

.px_shipping_add {
    width: 70%;

}

.px_shipping_add h4 {
    font-size: 22px;
    color: #222;
}

.px_shipping_add h5 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 3px;
}

.px_shipping04 .px_shipping_add h5 {
    margin-top: 17px;
    margin-right: 10px;
}

.px_shipping_edit {
    /* width: 30%; */
    text-align: right;
}

.px_shipping_edit a {
    color: #007bff;

    font-size: 16px;
}

.px_shipping_pager h4 {
    margin-top: 11px;
    color: #222222;
}

.fd_review_wrapper.fd_review_delivery {
    padding: 42px 0 16px;
    margin-top: 43px;
}

.fd_review_delivery .nice-select {
    border-radius: 0;
    border: solid 1px #ebebeb;
}

.fd_review_delivery .nice-select .list {
    border-radius: 0;
}

.fd_review_delivery h4.border_btm_input {
    border-bottom: solid 1px #f5f5f5;
    margin-bottom: 30px;
    padding-bottom: 13px;
    color: #222222;
}

.clear_fix {
    clear: both;
}

/* Index2 Checkout Confirmation white css */

/* Index Checkout Confirmation Dark css */
.px_product_checkout_dark .px_shipping_add h4 {
    color: #ffffff;
}

.px_product_checkout_dark .px_shipping_edit a {
    color: var(--px_primary_color);
}

.px_product_checkout_dark .px_shipping_flex {
    border-bottom: 1px solid #fff;
}

.px_shipping_flex.px_shipping10.px_shipping_border {
    border-bottom: none;
}

.px_product_checkout_dark .px_shipping_add h5 {
    color: #ebebeb;
}

.px_product_checkout_dark .px_shipping_flex.px_shipping04 {
    border-bottom: 1px solid #fff;
}

.px_product_checkout_dark .px_checkout_table .table thead th {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid #7e7e7e;
    color: #ebebeb;
}

.px_product_checkout_dark .px_checkout_table .table td {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid #525252;
    width: auto;
}

.px_product_checkout_dark .px_checkout_table a {
    background-color: #000000;
}

.px_product_checkout_dark .px_checkout_table img {
    border-bottom: solid 1px #524d4d;
}

.px_product_checkout_dark .px_checkout_table span {
    color: #ffffff;
}

.px_product_checkout_dark .px_checkout_table h4 {
    color: #ffffff;
}

.px_product_checkout_dark .px_shipping_pager h4 {
    color: #ffffff;
}

.px_product_checkout_dark .px_shipping_pager ul li:last-child {
    margin-right: 30px;
}

.px_product_checkout_dark .px_search_wrapper input {
    border: solid 1px #7e7e7e;
    background-color: #000000;
    color: #ffffff;
}

.px_product_checkout .px_search_wrapper input {
    padding: 0 20px;
}

.px_product_checkout_dark .px_search_wrapper a.index4_btn {
    background-color: var(--px_primary_color);
    margin: 0 0 0 10px;
}

.px_product_checkout_dark .px_search_wrapper a.index4_btn:hover {
    background-color: #343434;
}

.px_product_checkout_dark .px_search_wrapper a.index4_btn:before {
    background: #222441;
}

.px_product_checkout_dark .quantity_wrapper>.input-group {
    background-color: #000000;
}

.px_product_checkout_dark .quantity_wrapper>.input-group>span {
    color: #ffffff;
    background-color: #000000;
}

.px_product_checkout_dark .quantity_wrapper>.input-group>input {
    color: #ffffff;
    background-color: #000000;
}

.px_product_checkout_dark .quantity_wrapper>.input-group>span.quantity_minus:after,
.px_product_checkout_dark .quantity_wrapper>.input-group>span.quantity_plus:before {
    background-color: rgba(235, 235, 235, 0.14);
}

.px_product_checkout_dark .fd_review_delivery h4.border_btm_input {
    border-bottom: solid 1px #3c3c3c;
    color: #ffffff;
}

.px_product_checkout_dark .fd_review_delivery .nice-select {
    border: 1px solid rgb(52 52 56);
    background-color: rgb(20 20 20);
    color: rgb(203, 203, 203);
}

.px_product_checkout_dark .fd_review_delivery .nice-select .list {
    background-color: #222441;
    color: var(--px_primary_color);
}

/* Index Checkout Confirmation Dark css */

/* Index Contact us Dark css */
.px_darkab_service_section.px_contact_detail {
    padding: 80px 0 50px;
    background-color: var(--main__white_color);
    padding: 0px;
}

.px_contact_dark_form .px_contact_white_form {
    background-color: var(--px_accent_color);
}

.px_map_wrapper {
    display: grid;
}

.px_map_wrapper iframe {
    width: 100%;
    height: 400px;
}

.px_contact_dark_form .px_contact_white_form h1 {
    color: #ffffff;
}

.px_contact_dark_form .form_block .form_field {
    border: 1px solid var(--px_accent_color2);
    color: #ffffff;
}

.px_contact_white_form .px_btn {
    background: var(--px_accent_color);
    color: var(--main_font_color);
}
.px_contact_white_form .px_btn:hover {
    color: white;
}

.px_contact_dark_form .form_block input.form_field::placeholder {
    color: #cdcdcd;
}

.px_contact_dark_form .form_block textarea.form_field::placeholder {
    color: #cdcdcd;
}

.px_sidebar_box img {
    width: 100%;
}

/* Index Contact us Dark css */

/* Index2 Contact us White css */
.px_contact_form_box .px_map_wrapper iframe {
    height: 700px;
}

.px_contact_form_box {
    position: relative;
    background: white;
    padding: 30px;
    padding-top: 0px;
}

.px_aboutus_service_section.px_contact_detail {
    padding: 80px 0 50px;

}

.px_contact_detail .px_service_box2 {
    padding: 50px 30px;
    min-height: 200px;
}

.px_contact_detail .px_service_box2 h4 {
    margin-bottom: 10px;
}

.px_contact_detail .px_service_box2 p {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 0;
}

.px_contact_white_form {
    width: 970px;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1);
    padding: 43px 50px 45px;
    /*position: absolute;*/
    /*top: 0px;*/
    /*left: 0;*/
    /*right: 0;*/
    margin: 0 auto 0;
}

.px_contact_white_form h1 {
    font-size: 32px;
    margin-bottom: 40px;
    color: #222222;
}

/* Index2 Contact us White css */

/* Index2 Error White css */
.px_error_white {
    padding: 80px 0;
    text-align: center;
}

.px_error_four h1 {
    margin-top: 50px;
    font-size: 50px;
    font-weight: 600;
    color: #222222;
}

.px_error_four p {
    color: #555555;
    font-size: 24px;
    margin: 0 0 16px;
}

/* Index2 Error White css */

/* Index2 Error Dark css */
.px_error_dark {
    background-color: #000000;
}

.px_error_dark .px_error_four h1 {
    color: #ffffff;
}

.px_error_dark .px_error_four p {
    color: #ffffff;
}

/* Index2 Error Dark css */

/* Index2 Profile white css */
.px_profile_white {
    padding: 80px 0 70px;
}

.px_profile_edit {
    position: relative;
    padding: 50px 50px 0;
    box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1);
}

.px_profile_img {
    text-align: center;
    position: absolute;
    margin-top: 0;
    z-index: 11;
    padding-bottom: 50px;
    left: 0;
    right: 0;
    top: 0px;
}

.px_profile_img img {
    border-radius: 100%;
    width: 130px;
    height: 130px;
}

.px_profile_img input[type="file"] {
    position: absolute;
    left: -9999px;
    opacity: 0;
    visibility: hidden;
}

.px_profile_img span {
    margin: 0;
    position: absolute;
    transform: translateX(-65%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    left: auto;
    top: 70px;
}

.px_basic_edit {
    position: relative;
    margin-bottom: 10px;
}

.px_basic_edit h3 {
    font-size: 24px;
    color: #222222;
}

.px_basic_edit a:hover {
    color: #222222;
}

.px_basic_edit a i {
    margin-right: 5px;
}

/* Index2 Profile white css */

/* Index2 Profile dark css */
.px_profile_white.px_profile_dark {
    background-color: #000000;
}

.px_basic_edit.px_basicEdit_bg {
    background-color: #141414;
    padding: 100px 30px 30px;
}

.px_profile_dark .px_profile_edit {
    background-color: #000000;
}

.px_profile_dark .px_profile_img span {
    background-color: var(--px_primary_color);
}

.px_profile_dark .px_basic_edit a:hover {
    color: #ffffff;
}

.px_profile_dark .px_basic_edit h3 {
    color: #ffffff;
}

.px_profile_dark .form_block .form_field {
    border: 1px solid #383838;
    background-color: #000000;
    color: #ffffff;
}

.px_profile_dark .form_block input.form_field::placeholder {
    color: #cdcdcd;
}

/* Index2 Profile dark css */














.hover-fold {
    background: #e8c63d;
    border: 5px white solid;
    height: 310px;
    margin: 10px auto;
    -moz-perspective: 1500;
    -webkit-perspective: 1500;
    perspective: 1500;
    position: relative;
    width: 410px;
}

.hover-fold h2 {
    border-bottom: 1px solid #333;
    margin: 0 40px;
    padding: 110px 0 2px;
}

.hover-fold .top {
    height: 50%;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 10;
}

.hover-fold .top .face {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.hover-fold:hover .top {
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.hover-fold .front {
    background: url(../assets/images/team/px_v1team04.jpg);
    height: 100%;
    width: 100%;
}

.hover-fold .back {
    background: #e8c63d;
    height: 100%;
    padding: 0 40px;
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    width: 100%;
}

.hover-fold .back p {
    margin: 0;
}

.hover-fold .bottom {
    background: url(../assets/images/team/px_v1team04.jpg) bottom;
    height: 50%;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 0;
}

/********************************************************
extra css
********************************************************/
.px_sidebar_box-bottomimg img {
    width: 100%;
}

.px_categoryFilter {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.px_categoryFilter .product_list_filter ul li .nice-select {
    height: auto;
    background: #000000;
    margin: 0 0 10px;
}

.main_contentblock {
    position: relative;
    overflow: hidden;
    z-index: 1001;
    background-color: white;
    height: calc(100% + 2px);
    padding: 80px 20px 20px;
    margin-top: -1px;
}
.pagination {
    flex-wrap: wrap;
    gap: 10px;
}
/********************************************************
22. responsive start
********************************************************/

@media(max-width: 1800px) {
    .px_deal_text3 {
        padding: 60px 20px 30px;
    }

}
@media(max-width: 1800px) {
    .px_deal_text3 {
        padding: 60px 20px 30px;
    }

}


@media(max-width: 1600px) {
    .px_header_wrapper {
        padding: 0 0 0 0;
    }

    .px_header_wrapper.px_header_style1 {
        padding: 0 6px 0 0;
    }

    .px_header_wrapper.px_header_style2 {
        padding: 0 5px 0 0;
    }

    .px_header_wrapper .px_logo,
    .px_header_style2 .px_logo,
    .px_header_style3 .px_logo,
    .px_header_style4 .px_logo {
        margin-left: 0;
    }

    .px_nav .px_menu>ul>li,
    .px_cartsec>ul>li {
        padding: 22px 10px 22px;
    }

    .px_nav .px_menu>ul>li:after {
        display: none;
    }

    .banner_box_wrapper .swiper_imgbox {
        margin: 40px 0 0;
        padding: 0 15px 0 0;
    }

    .swiper_imgbox .swipper_img>h4>span {
        font-size: 100px;
    }

    .swiper_imgbox .swipper_img>h2 {
        font-size: 60px;
    }

    .swiper_imgbox .swipper_img>h1 {
        font-size: 100px;
        margin-top: 30px;
        margin-left: -5px;
    }

    .px_infosidebar {
        top: -100px;
    }

    .swiper_imgbox .swipper_img>h3 {
        font-size: 58px;
    }

    .banner_box_wrapper .banner_navi {
        left: 70px;
    }

    .px_content_wraapper.px_content_margin {
        margin-left: 35px;
    }

    .px_about_page_title {
        padding: 70px 35px;
    }

    .about_contentbox {
        padding-top: 20px;
    }

    .px_infosidebar.px_infosidebar_style2 {
        top: 180px;
    }

    .swiper_content_style2 h1 {
        font-size: 30px;
    }

    .swiper_content_mini {
        width: 750px;
        padding: 26px 40px 30px;
    }

    .px_deal_text3 h1 {
        width: auto;
        margin-bottom: 0;
    }

    .px_deal_text3 p {
        margin-bottom: 10px;
    }

    .index3_timer {
        margin: 22px 0;
    }

    .px_shop_btntext h4 {
        font-size: 22px;
    }

    .px_profile_open {
        top: 34px;
    }

    .px_index3_slider_style3 .px_banner_content {
        width: 60%;
    }

    .team_navigation {
        display: none;
    }
}


@media(max-width: 1399px) {
    .px_infosidebar .siderbar_social {
        margin: 120px 0px 34px 0px;
    }

    .px_infosidebar .siderbar_contact,
    .px_infosidebar .siderbar_email {
        padding: 20px 0;
    }

    .swiper_imgbox .swipper_img>h1 {
        font-size: 68px;
    }

    .swiper_imgbox .swipper_img>h4>span {
        font-size: 80px;
    }

    .about_img .child_imgbox:after {
        display: none;
    }

    .px_infosidebar.px_infosidebar_style2 {
        top: 120px;
    }
    .px_infosidebar_style2.px_infosidebar {
        height: 440px;
    }

    .px_project_gallery .grid-item:hover .top_content {
        top: 15px;
        right: 0;
        left: 0;
        font-size: 16px;
    }

    .px_project_gallery .grid-item:hover .bottom_content>h3 {
        font-size: 22px;
    }

    .px_project_gallery .bottom_content>span {
        display: none;
    }

    .px_deal_text3 {
        padding: 0 20px 0 0;
    }

    .px_banner_slider4 p {
        width: 500px;
    }

    .px_banner_slider4 h1 {
        font-size: 60px;
    }

    .px_project_gallery .top_content {
        right: 0;
        left: 0;
    }
}

@media(max-width:1200px){

}
@media(max-width: 1370px) {
    .px_content_wraapper.px_content_margin.mg-left {
        padding: 15px 0px;
    }
    .px_header_wrapper .px_logo {
        padding-top: 0;
    }
    .px_header_wrapper {
        padding: 0 20px 0px 0;
    }

    .px_header_wrapper.px_header_style2 {
        padding: 0 20px 30px 0;
    }

    .banner_box_wrapper .swiper_imgbox {
        margin: 0;
        padding: 0;
    }

    .px_infosidebar .siderbar_social {
        margin: 115px 0px 0 0px;
    }

    .px_infosidebar .siderbar_contact,
    .px_infosidebar .siderbar_email {
        padding: 10px 0;
    }

    .px_infosidebar .siderbar_contact>a,
    .px_infosidebar .siderbar_email>a {
        font-size: 13px;
    }

    .swiper_imgbox .swipper_img>h4>span {
        display: none;
    }

    .swiper_imgbox .swipper_img>h2 {
        font-size: 40px;
    }

    .swiper_imgbox .swipper_img>h3 {
        font-size: 40px;
    }

    .px_nav .px_menu {
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        background: var(--main__white_color);
        border-right: 2px solid var(--px_accent_color);
        bottom: 0;
        height: 100%;
        z-index: 99;
        transition: 0.6s;
        -webkit-transition: 0.6s;
        -ms-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        overflow-y: auto;
        overflow-x: hidden;
        padding-top: 80px;
        z-index: 10000;
    }

    .px_nav .px_menu>ul>li {
        display: block;
        text-align: left;
        padding: 0px;
        border-bottom: solid 1px #ffffff17;
        cursor: pointer;
    }

    .px_nav .px_menu>ul>li:after {
        display: none;
    }

    .px_cartsec ul a .btn_caret {
        background: #5a5a5a;
    }

    .px_toggle {
        display: inline-block;
        cursor: pointer;
        vertical-align: middle;
    }

    /* .px_toggle span.btn_caret {
	width: 20px;
    height: 2px;
    background: #ffffff;
    display: block;
    margin-bottom: 4px;
    transition: 0.3s all;
    border-radius: 30px;
} */
    .px_toggle span {
        width: 40px;
        height: 2px;
        background: var(--px_accent_color);
        display: block;
        margin-bottom: 9px;
        transition: 0.3s all;
        border-radius: 30px;
    }

    .px_nav .px_menu.px_menu_open {
        left: 0px;
    }

    .px_header_style2 .px_toggle span {
        background: #222222;
    }

    .px_header_style2 .px_nav .px_menu {
        background: #222222;
    }

    .px_header_style2 .px_nav .px_menu>ul>li {
        border-bottom: solid 1px #ffffff24;
    }

    .px_header_style2 .px_nav .px_menu>ul>li>a {
        color: #ffffff;
    }

    .px_header_style4 .px_toggle span {
        background: #222222;
    }

    .px_header_style4 .px_nav .px_menu {
        background: #222222;
    }

    .px_header_style4 .px_nav .px_menu>ul>li>a {
        color: #ffffff;
    }

    .px_header_style3 .px_nav .px_menu {
        background: #262941;
    }

    /* scroll css */
    .px_menu::-webkit-scrollbar {
        width: 5px;
    }

    .px_menu::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    .px_menu::-webkit-scrollbar-thumb {
        background: var(--px_primary_color);
        border-radius: 10px;
    }

    /* scroll css */
    /* index 2 scroll css */
    .px_header_style2 .px_menu.px_menu_open:after {
        background-image: url(../images/index2_logo_white.png);
    }

    .px_header_style2 .px_nav .px_menu>ul>li.px_home_dropdown>ul {
        background-color: #222222;
    }

    .px_header_style2 .px_nav .px_menu>ul>li.px_home_dropdown>ul>li>a {
        color: #ffffff;
        border-bottom: 1px solid #414141;
    }

    .px_header_style2 .px_nav .px_menu>ul>li.px_home_dropdown>ul>li:last-child>a {
        border-bottom: none;
    }

    .px_header_style2 li.px_home_dropdown:before {
        color: #ffffff;
    }

    .px_header_style2 .px_menu::-webkit-scrollbar-thumb {
        background: #50AAB2;
    }

    /* index 2 scroll css */

    /* index 3 scroll css */
    .px_header_style3 .px_menu.px_menu_open:after {
        background-image: url(../images/index3_logo.png);
    }

    .px_header_style3 .px_nav .px_menu>ul>li.px_home_dropdown>ul {
        background-color: #262941;
    }

    .px_header_style3 .px_nav .px_menu>ul>li.px_home_dropdown>ul>li>a {
        color: #ffffff;
        border-bottom: 1px solid #414141;
    }

    .px_header_style3 .px_nav .px_menu>ul>li.px_home_dropdown>ul>li:last-child>a {
        border-bottom: none;
    }

    .px_header_style3 li.px_home_dropdown:before {
        color: #ffffff;
    }

    .px_header_style3 .px_menu::-webkit-scrollbar-thumb {
        background: #ff9d34;
    }

    /* index 3 scroll css */

    /* index 4 scroll css */
    .px_header_style4 .px_menu.px_menu_open:after {
        background-image: url(../images/index3_logo.png);
    }

    .px_header_style4 .px_nav .px_menu>ul>li.px_home_dropdown>ul {
        background-color: #222222;
    }

    .px_header_style4 .px_nav .px_menu>ul>li.px_home_dropdown>ul>li>a {
        color: #ffffff;
        border-bottom: 1px solid #414141;
    }

    .px_header_style4 .px_nav .px_menu>ul>li.px_home_dropdown>ul>li:last-child>a {
        border-bottom: none;
    }

    .px_header_style4 li.px_home_dropdown:before {
        color: #ffffff;
    }

    .px_header_style4 .px_menu::-webkit-scrollbar-thumb {
        background: #ff9d34;
    }

    /* index 4 scroll css */
    .px_footer_wrapper.px_footer_style3 {
        background-color: #151727;
    }

    .px_insta_post ul li {
        width: auto;
        display: inline-block;
        margin-bottom: -4px;

    }

    .px_insta_box {
        padding: 0 0 76px;
    }

    .px_footer_style3 ul li a {
        margin-right: 5px;
    }

    .swiper_content_mini {
        width: 750px;
        padding: 26px 30px 30px;
    }

    .px_infosidebar.px_infosidebar_style2 {
        top: 100px;
    }

    .px_infosidebar {
        height: 693px;
    }

    .px_infosidebar .siderbar_social>ul>li {
        margin-bottom: 4px;
    }

    .about_img .child_imgbox:after {
        display: none;
    }

    .px_about_wrapper {
        padding-bottom: 80px;
    }

    .about_contentbox {
        padding-top: 0px;
    }

    .process_box_wrapper .process_box:after {
        display: none;
    }

    .process_circle:after {
        display: none;
    }

    .px_progresbar_wrapper .progress_rightbox {
        padding: 70px 30px 40px;
    }

    .px_map_wrapper iframe {
        height: 300px;
    }

    .px_header_wrapper.px_header_style4 {
        padding: 0 20px 10px 20px;
    }

    .px_video_section_style2.px_dark_video_section.px_progresbar_wrapper {
        padding: 80px 0;
    }

    .px_client_logo_section_style2 {
        margin-top: 80px;
    }

    .px_blog_post_slider .swiper-button-next,
    .px_blog_post_slider .swiper-button-prev {
        display: none;
    }

    .px_sidebar_box h4:after {
        display: none;
    }

    .px_search_btn input {
        width: 230px;
    }

    .px_select_tag ul li a {
        margin-right: 4px;
    }

    .px_product_sidebar .px_search_btn input {
        width: 72%;
    }

    .product_item {
        width: 100%;
        height: 300px;
    }

    .product_list_filter>ul>li:last-child {
        text-align: center;
    }

    .product_list_filter ul.list_view_toggle>li {
        margin-left: 0;
    }

    .px_product_listbar .product_item_block .content_block {
        padding: 0 30px 0;
    }

    .product_list_filter>ul>li {
        font-size: 16px;
    }

    .product_list_filter>ul>li .nice-select {
        font-size: 16px;
        padding-left: 10px;
    }

    .px_quantity_stock ul li {
        margin-bottom: 15px;
    }

    .px_checkout_box {
        padding: 48px 20px 50px;
    }

    .px_product_checkout_dark .px_checkout_box {
        padding: 48px 20px 50px;
    }

    .px_contact_white_form {
        margin: 70px auto 0;
    }

    .px_video_section_style2.px_dark_video_section,
    .px_video_section_style2.px_progresbar_wrapper {
        padding: 80px 0;
    }

    .px_about2_imgbox h1 {
        display: none;
    }

    .px_about_style2 .about_contentbox {
        padding: 0 30px 30px;
    }

    .about_img_two,
    .about_img_three {
        display: none;
    }

    .px_about_section2 .about_contentbox {
        padding: 77px 30px 80px;
    }

    .px_different_section .about_contentbox {
        padding: 0 0 0 15px;
    }

    .team2_box_two h3 {
        margin: 0 0 20px;
        width: 440px;
    }

    .px_team2_slider_arrow .swiper-button-prev {
        left: 85%;
    }

    .px_team2_slider_arrow .swiper-button-next,
    .px_team2_slider_arrow .swiper-button-prev {
        margin-top: -45px;
    }

    .px_testimonial_slide2 {
        margin: 75px 0 0;
    }

    .px_content_img {
        margin-right: 20px;
    }

    .px_content_text2 p {
        margin: 10px 0 10px;
    }

    .px_testimonial_slide2 .px_team2_slider_arrow .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 89%;
    }

    .px_counter_style2 {
        padding: 80px 0 70px;
        margin-top: 80px;
    }

    .px_index3_slider_style3 {
        padding: 200px 35px 150px;
    }

    .px_banner_content h1 {
        font-size: 42px;
    }

    .px_header_wrapper.px_header_style3 {
        padding: 0 20px 10px 20px;
    }

    .px_shop_main {
        padding: 0 30px 0;
    }

    .px_shop_btntext {
        margin-top: 120px;
    }

    .px_shop_center {
        padding: 41px 30px;
    }

    .px_shop_center .px_shop_btntext {
        margin-top: 80px;
    }

    .px_shop_right {
        padding: 40px 30px;
    }

    .px_shop_right .px_shop_btntext {
        margin-top: 80px;
    }

    .px_shop_btntext h4 {
        font-size: 18px;
    }

    .px_index4_slider_style4 {
        padding: 120px 20px 80px;
    }

    .px_banner_content.px_banner_slider4 {
        margin-top: 150px;
    }

    .px_banner_shape {
        display: none;
    }

    .px_testimonial_style4 .swi_contentbox {
        max-width: 930px;
    }

    .px_user_four {
        top: -50px;
        left: -10px;
    }

    .px_username_four {
        left: 110px;
        width: 240px;
    }

    .px_profile_open {
        top: 23px;
    }

    .px_menu.px_menu_open>ul>li.px_home_dropdown>ul {
        position: unset;
        width: 100%;
        transform: translate(0px, 10px);
        height: 0px;
        background-color: initial;
        transition: 0.3s ease-in-out;
        box-shadow: 0 0px 1px 0 #cdcdcd;
    }

    .px_nav .px_menu>ul>li.px_home_dropdown:hover>ul {
        transform: initial;
        opacity: 0;
        visibility: hidden;
    }

    .px_menu.px_menu_open>ul>li.px_home_dropdown.px_hr_menu>ul {
        height: 100%;
        opacity: 1;
        visibility: visible;
        transform: translate(0px);
        transition: 0.3s;
    }

    .px_nav .px_menu>ul>li>a {
        display: block;
        padding: 13px 20px 12px;
    }

    .px_nav .px_menu>ul>li.px_home_dropdown>ul>li>a {
        padding: 14px 0px 15px 40px;
        cursor: pointer;
    }

    .px_nav .px_menu>ul>li.px_home_dropdown>ul>li>a:hover {
        padding-left: 40px;
    }

    .px_nav .px_menu>ul>li.px_home_dropdown>ul>li:first-child a {
        padding-top: 16px;
    }

    span.close_menu_int {
        background-color: var(--px_primary_color);
        display: inline-block;
        border-radius: 40px;
        padding: 3px 11px;
        position: absolute;
        top: 29px;
        right: 20px;
        z-index: 5;
        cursor: pointer;
        color: black;
    }

    .px_menu.px_menu_open:after {
        position: absolute;
        content: '';
        top: -1px;
        left: 20px;
        background-image: url(../images/logo.svg);
        width: -webkit-fill-available;
        height: 90px;
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 60%;
    }

    span.close_menu_int:after {
        position: absolute;
        content: '';
        border-left: 1px solid #5b5e60;
        width: 2px;
        height: 25px;
        left: -14px;
        top: 4px;
    }

    li.px_home_dropdown:before {
        position: absolute;
        right: 30px;
        top: 12px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f107";
        font-size: 15px;
        color: var(--main_black_color);
    }

    .px_footer_style4 ul li a {
        margin-right: 5px;
    }

    .px_blog_category.px_product_white {
        padding: 61px 0 34px;
    }

    .px_blog_dark_version.px_product_dark {
        padding: 65px 0 34px;
    }

    .px_banner_slider4 p {
        width: 400px;
    }

    .px_product_dark .px_blog_pagination,
    .px_product_white .px_blog_pagination {
        margin-left: 25px;
    }

    .footer_box>p {
        margin-bottom: 0px;
    }
}


@media(max-width: 991px) {
    .px_content_wraapper {
        margin-left: 0px;
    }
    .px_nav {
        position: absolute;
        right: 15px;
        display: block;
    }
    .px_cartsec {
        margin-top: 25px;
    }
    .testimonial_box_wrapper.text-center {
        margin-top: 200px;
    }

    .testimonial_box_wrapper.text-center {
        margin-top: 10px !important;
    }

    .about_box_wrapper .col-lg-6.col-md-12.p-0 {
        display: none;
    }

    .px_header_wrapper.px_header_style2 {
        padding: 0 20px 30px 0;
    }

    .px_content_wraapper.px_content_left {
        margin-left: 20px;
    }

    .main_contentblock {
        padding: 20px 20px 100px;
    }
    .slider-row {
        flex-direction: column-reverse;
    }

    .px_infosidebar {
        display: none;
    }

    .px_categories_box_section .px_project_gallery .bottom_content>h3 {
        display: none;
    }

    .px_content_wraapper.px_contentw_left {
        margin-left: 0;
    }

    .px_contentw_left .px_logo {
        padding-top: 30px;
        padding-left: 35px;
    }

    .px_header_style3 .px_logo {
        padding-left: 0;
    }

    .service_box_wrapper {
        text-align: center;
    }

    .service_img img {
        width: 100%;
    }

    .px_project_gallery .grid-item {
        width: 50%;
    }

    .px_categories_box_section .grid-item {
        width: auto;
    }

    .service_box_wrapper .service_box.serivce_first {
        margin-top: 0;
    }

    .process_box_wrapper .process_box {
        margin-bottom: 57px;
    }

    .px_process_wrapper {
        padding: 77px 0 18px 0;
    }

    .px_progresbar_wrapper {
        background-image: none;
    }

    .px_different_section .about_contentbox {
        padding: 0;
    }

    .px_different_section .swiper-button-next,
    .px_different_section .swiper-button-prev {
        display: none;
    }

    .px_about_section2 .about_contentbox {
        padding: 77px 15px 80px;
    }

    .px_progresbar_wrapper .progress_leftbox .video_icon {
        top: 470px;
    }

    .px_progresbar_wrapper .progress_rightbox {
        /* padding: 220px 50px 40px 30px; */
        text-align: center;
    }

    .px_prog_box {
        text-align: left;
    }

    .px_prog_box .progress_bar .label {
        right: 0;
        top: -40px;
    }

    .px_prog_box .progress_bar .line {
        width: 100%;
    }

    .px_heading span {
        font-size: 60px;
        top: -5px;
    }

    .testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user img {
        width: 70px;
        height: auto;
    }

    .px_project_gallery .grid-item:hover .top_content {
        top: 30px;
        right: 0;
        left: 0;
        font-size: 20px;
    }

    .px_project_gallery .grid-item:hover .bottom_content>h3 {
        font-size: 22px;
    }

    .px_project_gallery .bottom_content>span {
        display: block;
    }

    .blog_box .blog_heading {
        font-size: 20px;
    }

    .px_footer_wrapper {
        padding: 80px 0 29px 0;
    }

    .footer_box {
        margin-bottom: 40px;
    }

    .px_banner_content.px_banner_slider4 {
        margin-top: 60px;
    }

    .banner_box_wrapper .banner_navi {
        left: 70px;
        bottom: -8px;
    }

    .swiper_imgbox .swipper_img>h4 {
        font-size: 12px;
    }

    .swiper_imgbox .swipper_img>h1 {
        display: none;
    }

    .swiper_imgbox .swipper_img>h2 {
        font-size: 30px;
    }

    .swiper_imgbox .swipper_img>h3 {
        font-size: 30px;
    }

    .px_blog_category {
        padding: 80px 0 34px;
    }

    .px_blog_post img {
        width: 100%;
    }

    .px_blog_sidebar {
        margin-top: 76px;
    }

    .px_blog_insta_post ul {
        column-count: inherit;
        padding-bottom: 8px;
    }

    .px_blog_insta_post ul li {
        display: inline-block;
    }

    .px_search_btn input {
        width: 90%;
    }

    .product_list_filter ul.list_view_toggle>li {
        margin: 0 0 0 20px;
    }

    .product_list_filter>ul>li:first-child {
        text-align: left;
    }

    .product_list_filter>ul>li {
        width: auto;
        text-align: left;
    }

    .px_product_listbar>ul>li {
        width: 48%;
    }



    .px_product_style4 .product_item {
        width: 230px;
        height: 375px;
    }

    .px_blog_pagination ul li:nth-child(5) {
        display: none;
    }

    .px_product_slider_box .product_item {
        margin: auto;
    }

    .px_footer_style2 {
        padding: 80px 50px 80px;
    }

    .footer_box_style2 {
        width: auto;
    }

    .px_blog_dark_version .product_text_rs {
        text-align: left;
    }

    .px_product_style4 .product_text_rs {
        text-align: center;
    }

    .px_white_progress ul li {
        width: 32%;
    }

    .px_white_progress ul li span {
        left: -23px;
        bottom: -50px;
        font-size: 16px;
    }

    .quantity_qty span {
        display: none;
    }

    .px_checkout_table span {
        font-size: 16px;
    }

    .px_checkout_table h4 {
        font-size: 16px;
    }

    .px_shipping_pager ul li {
        display: block;
    }

    .px_shipping_pager ul li:first-child {
        margin-top: 0;

        margin-bottom: 15px;
    }

    .px_shipping_pager ul li:last-child {

        margin-top: 10px;
    }

    .px_debit_cart {
        margin-top: 80px;
    }

    .px_credit_cart {
        padding: 25px 20px;
        margin-bottom: 30px;
    }

    .px_credit_cart h4 {
        font-size: 20px;
    }

    .fd_review_wrapper {
        margin-top: 0;
    }

    .fd_review_wrapper .form_block {
        margin-bottom: 20px;
    }

    .px_shipping_pager {
        margin-top: 24px;
        margin-bottom: 0;
    }

    .px_shipping_pager h4 {
        margin-top: 0;
        color: #222222;
        margin-bottom: 20px;
    }

    .px_shipping_flex.px_shipping04 {
        padding: 20px;
    }

    .px_shipping04 .px_shipping_add h5 {
        margin-top: 10px;
    }

    .px_shipping_pager h4 {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .px_contact_white_form {
        width: auto;
        margin: 72px 15px 0;
    }

    .team2_box_two h3 {
        width: 380px;
        font-size: 22px;
    }

    .team2_box_two .swiper-button-next,
    .team2_box_two .swiper-button-prev {
        display: none;
    }

    .px_content_img {
        width: 100%;
    }

    .px_content_text2 h2 {
        font-size: 22px;
    }

    .px_content_text2 h5 {
        font-size: 18px;
    }

    .px_testimonial_slide2 .swiper-button-next,
    .px_testimonial_slide2 .swiper-button-prev {
        display: none;
    }

    .px_index3_slider_style3 {
        padding: 160px 35px 100px;
    }

    .px_banner_content h1 {
        font-size: 32px;
    }

    .px_categories_box_section .px_project_gallery .grid_img:before {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .px_categories_style3.px_top_product_style4 {
        padding: 0 0 50px;
    }

    .categorie_h_one h1 {
        font-size: 18px;
        padding: 11px 10px 8px;
        margin-top: 20px;
    }

    .categorie_h_one {
        margin-bottom: 30px;
    }

    .px_deal_text3 {
        padding: 0 0 80px;
    }

    .px_deal_img3 img {
        width: 100%;
    }

    .px_deal_section_style3 .col-lg-6.col-md-12.pl-0.pr-0 {
        order: 13;
    }

    .px_deal_section_style3 .px_heading_style3 {
        text-align: left;
        margin-bottom: 30px;
    }

    .px_shop_main {
        padding: 0 50px 50px;
    }

    .px_shop_btntext {
        margin-top: 108px;
    }

    .px_shop_center {
        padding: 50px;
    }

    .px_shop_center .px_shop_btntext {
        margin-top: 67px;
    }

    .px_shop_btntext h4 {
        font-size: 34px;
    }

    .px_shop_right {
        padding: 50px;
    }

    .px_shop_right .px_shop_btntext {
        margin-top: 68px;
    }

    .px_sale_first_style4 {
        padding: 0 20px 35px;
    }

    .px_sale_style4 {
        padding: 0 20px 30px;
    }

    .px_testimonial_style4 .swi_contentbox {
        border-radius: 20px 0 0 0;
    }

    .px_username_four {
        left: 120px;
        width: 240px;
    }

    .px_user_four {
        top: -50px;
        left: 0px;
    }

    .px_sign_section {
        padding: 40px 30px;
    }

    .px_team2_sideimg {
        margin-top: 75px;
    }

    .banner_naxt_style2 {
        left: auto;
        right: 80px;
        bottom: 30px;
        z-index: 15;
        background: #50AAB2;
        height: 50px;
        color: #fff;
        line-height: 47px;
    }

    .swiper_content_mini {
        width: 90%;
        padding: 26px 30px 30px;
        margin: auto;
    }

    .swiper_content_style2 {
        left: 0;
    }

    .banner_naxt_style2 .swiper-button-prev:hover,
    .banner_naxt_style2 .swiper-button-next:hover {
        color: #ffffff;
    }

    .px_product_listbar .product_text_rs {
        text-align: center;
    }

    .svg_user2_style3:before,
    .svg_user2_style3 svg,
    .svg_user1_style3 svg,
    .svg_user1_style3:before,
    .svg_user1_style3:after,
    .svg_user2_style3:after {
        display: none;
    }

    .px_categories_style3 {
        padding: 77px 0 41px;
    }

    .px_testimonial_style3 {
        padding: 77px 0 78px;
    }

    .px_footer_partner_style3 {
        margin-top: 25px;
    }

    .px_blog_category.px_product_white {
        padding: 61px 0 80px;
    }

    .px_blog_dark_version.px_product_dark {
        padding: 62px 0 80px;
    }

    .px_product_listbar .product_grid {
        margin-bottom: 30px;
    }

    .px_heading.px_heading_team2 {
        margin: 77px 0 35px;
    }

    .px_blog_insta_post ul li {
        display: inline-flex;
    }

    .about_img_two {
        left: -10px;
        bottom: -257px;
    }

    .px_product_dark .px_blog_pagination,
    .px_product_white .px_blog_pagination {
        margin-left: 0;
    }

}


@media(min-width: 768px) and (max-width: 830px) {
    .testimonial_box_wrapper .swi_user>svg {
        bottom: -19px;
        z-index: -1;
    }

    .product_list_filter ul.list_view_toggle>li {
        margin: 0 20px 0 0;
    }

    .product_list_filter>ul>li .nice-select {
        padding-left: 0;
    }

    .progress_leftbox {
        position: relative;
        display: none;
    }
}

@media(max-width: 767px) {
    .px_product_sidebar .px_search_btn input {
        width: 100%;
    }
    .px_product_dark span.current {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 120px;
        line-height: normal;
        display: block;
    }
    .px_sign_section {
        background-color: #2e2d2c;
    }
    .px_sign_forgot ul {
        max-width: 370px;
    }
    .px_signin_flex {
        max-width: 460px;
        width: 100%;
        margin: 120px auto 0;
    }
    .px_profile_img{
        position: unset;
    }
    .px_basic_edit.px_basicEdit_bg {
        padding: 30px 30px 30px;
    }
    .px_profile_edit {
        padding: 0px 50px 0;
    }
    .product_text_rs {
        margin-top: 10px;
    }
    .px_product_category_rightSec .px_product_listbar ul li .product_item_block .grid-item .product_grid .product_item {
        width: 100%;
    }
    .swiper_imgbox .swipper_img>p {
        max-width: 530px;
        margin: 10px auto 20px;
    }

    .px_content_wraapper {
        margin-left: 0;
    }

    table.table {
        width: 530px;
    }

    .col-lg-6.col-md-6.col-sm-12.about1 {
        order: 1;
    }

    .col-lg-6.col-md-6.col-sm-12.about2 {
        order: 2;
    }

    .about_imgbox .about_img {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .about_imgbox .about_img .child_imgbox {
        position: relative;
        bottom: 0;
        left: 0;
    }

    .px_bread_crumbs h1 {
        font-size: 30px;
    }

    .progress_leftbox {
        position: relative;
        display: none;
    }

    .testimonial_box_wrapper.text-center {
        margin-top: 10px;
    }

    .px_categories_style3 .px_project_gallery .grid_img {
        display: inline-block;
    }

    .main_contentblock {
        text-align: center;
        padding: 12px 0px 92px;
        width: 100%;
        margin: auto;
    }

    .banner_box_wrapper .banner_navi {
        left: 48%;
        transform: translate(-50px, 20px);
        bottom: 12px;
    }

    .about_img_two img,
    .about_img_three img {
        display: none;
    }

    .v1_testi_nav {
        display: none;
    }

    .swiper_imgbox .btn_caret {
        display: none;
    }

    .slider-row {
        flex-direction: column-reverse;
    }

    .swiper_imgbox .swipper_img>h4 {
        font-size: 14px;
    }

    .swiper_imgbox .swipper_img>h2 {
        font-size: 40px;
    }

    .swiper_imgbox .swipper_img>h3 {
        font-size: 40px;
    }

    .px_heading span {
        display: none;
    }

    .px_service_wrapper {
        padding: 47px 0 50px 0px;
    }

    .px_service_wrapper.px_service_white {
        padding: 47px 0 50px;
    }

    .px_about_wrapper {
        padding-top: 47px;
    }

    .px_about_wrapper {
        padding-bottom: 50px;
    }

    .px_project_wrapper {
        padding-top: 47px;
    }

    .px_project_wrapper.px_project_style2 {
        padding-top: 47px;
    }

    .px_process_wrapper {
        padding: 47px 0 0 0;
    }

    .process_box_wrapper .col-lg-3:nth-child(3) .process_box,
    .process_box_wrapper .col-lg-3:nth-child(4) .process_box {
        margin-bottom: 45px;
    }

    .px_team_wrapper {
        padding: 47px 0px 50px;
    }

    .px_progresbar_wrapper .progress_leftbox .video_icon {
        top: 400px;
    }

    .testimonial_box_wrapper .swi_contentbox {
        padding: 50px;
    }

    .px_testimonial_wrapper {
        padding: 47px 0 50px;
    }

    .px_blog_wrapper {
        padding: 47px 0px 20px 0px;
        text-align: center;
    }

    .blog_box {
        display: inline-block;
        margin-bottom: 28px;
    }

    .blog_box .blog_heading {
        font-size: 16px;
    }

    .blog_box_wrapper .blog_box .blog_img {
        margin-bottom: 10px;
    }

    .px_footer_wrapper {
        padding: 50px 0 4px 0px;
    }

    .footer_box {
        margin-bottom: 35px;
    }

    .px_about_page_title {
        padding: 50px 35px;
    }

    .px_dark_counter2 {
        padding: 50px 0 12px;
    }

    .px_count2_box {
        margin-bottom: 30px;
    }

    .px_darkab_service_section {
        padding: 47px 0 20px;
    }

    .px_video_section_style2.px_dark_video_section.px_progresbar_wrapper {
        padding: 50px 0;
    }

    .px_client_logo_section_style2 {
        padding: 50px 0px 20px;
        margin-top: 50px;
    }

    .px_project_wrapper.px_project_style2.px_project_portfolio {
        padding: 47px 0 50px;
    }

    .px_project_wrapper.px_dark_portfolio_gallery {
        padding: 47px 0 50px;
    }

    .about_contentbox {
        padding-top: 0;
    }

    .about_box_wrapper .order-last {
        order: inherit;
    }

    .about_box_wrapper .about_imgbox {
        text-align: center;
        margin: 0 0 40px;
    }

    .px_project_gallery .bottom_content>span {
        display: none;
    }

    .testimonial_box_wrapper .swiper-slide.swiper-slide-duplicate.swiper-slide-prev .swi_user {
        transform: translate(-50px, 0px);
    }

    .testimonial_box_wrapper .swiper-slide.swiper-slide-prev .swi_user {
        transform: translate(-60px, 0px);
    }

    .testimonial_box_wrapper .swiper-slide.swiper-slide-next .swi_user {
        transform: translate(70px, 0px);
    }

    .px_video_section_style2.px_dark_video_section,
    .px_video_section_style2.px_progresbar_wrapper {
        padding: 50px 0;
    }

    .testimonial_box_wrapper .gallery-thumbs {
        width: 20%;
        height: 130px;
    }

    .footer_box .footer_hours li {
        margin: 0 0 10px 15px;
    }

    .px_dark_about_section2 .about_contentbox {
        padding: 47px 25px 50px;
    }

    .px_blog_category {
        padding: 50px 0 4px;
    }

    .px_blog_category.px_product_white {
        padding: 34px 0 4px;
    }

    .px_blog_sidebar {
        margin-top: 47px;
    }

    .px_search_btn input {
        width: 88%;
    }

    .px_blog_testimonial {
        padding: 20px 30px;
    }

    .px_select_tag {
        width: 60%;
    }

    .px_select_social {
        width: 40%;
    }

    .px_blog_comment_box {
        padding: 40px 0 0;
    }

    .px_social_blog_pst {
        margin: 40px 0 50px;
    }

    .px_blog_form {
        padding-top: 15px;
    }

    .px_product_dark .col-lg-3.col-md-4.col-sm-12 {
        order: 1;
    }

    .px_product_white .col-lg-3.col-md-4.col-sm-12 {
        order: 1;
    }

    .px_product_listbar.px_product_style4 {
        text-align: left;
    }

    .px_product_single {
        padding: 50px 0px 35px;
    }

    .px_product_slider {
        padding: 47px 0 50px;
    }

    .px_thumb_sidebar {
        margin-top: 45px;
    }

    .px_footer_style2 {
        padding: 50px 30px 50px;
    }

    .px_border {
        margin: 40px 0 30px;
    }

    .px_product_single_dark .px_search_wrapper input {
        width: 78%;
    }

    .px_product_checkout.px_product_checkout_dark {
        padding: 50px 10px;
    }

    .px_product_checkout {
        padding: 50px 10px 50px;
    }

    .px_shipping_pager input {
        width: 170px;
    }

    .px_quantity_style2 .px_search_wrapper input {
        margin-bottom: 15px;
    }

    .px_shipping_pager {
        margin-top: 7px;
        margin-bottom: 0;
    }

    .px_heading.px_heading_team2 {
        margin: 47px 0 40px;
    }

    .px_testimonial_slide2 {
        margin: 30px 0 0;
    }

    .fd_review_wrapper.fd_review_delivery {
        padding: 25px 0 0;
    }

    .fd_review_delivery h4.border_btm_input {
        margin-bottom: 20px;
    }

    .fd_review_delivery .form_block {
        margin-bottom: 20px;
    }

    .fd_review_delivery .nice-select {
        margin-bottom: 20px;
    }

    .px_aboutus_service_section {
        padding: 47px 0 20px;
    }

    .px_contact_form_box {
        padding-bottom: 50px;
    }

    .px_contact_white_form {
        margin: 42px 15px 0;
        padding: 44px 40px 45px;
    }

    .px_contact_white_form h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .px_contact_white_form .form_block {
        margin-bottom: 20px;
    }

    .px_profile_white {
        padding: 50px 0;
    }

    .px_error_white {
        padding: 50px 0;
    }

    .px_counter_style2.px_about_counter2 {
        padding: 50px 0 10px;
    }

    .px_about_style2 .about_contentbox {
        padding: 47px 0 50px;
    }

    .px_about_section2 .about_contentbox {
        background-color: #ffffff;
        padding: 47px 15px 50px;
    }

    .px_about_wrapper.px_about_style2 {
        padding-top: 0;
    }

    .px_about2_imgbox {
        text-align: left;
    }

    .px_about_style2.px_different_section {
        padding: 0;
    }

    .team2_box_two h3 {
        width: 300px;
        font-size: 24px;
        text-align: center;
        margin: 30px auto 20px;
    }

    .px_counter_style2 {
        padding: 50px 0 10px;
        margin-top: 50px;
    }

    .px_testimonial2_flex {
        display: block;
    }

    .px_content_img {
        margin-bottom: 30px;
    }

    .px_service_style3 {
        padding: 60px 0 15px;
    }

    .service_box_style3 {
        margin-bottom: 30px;
    }

    .service_box_style3 h4 {
        margin: 20px 0 10px;
    }

    .px_categories_style3 {
        padding: 47px 0 0;
    }

    .px_categories_box_section .grid-item {
        right: 0;
        width: fit-content;
    }

    .px_deal_text3 {
        padding: 0 0 50px;
    }

    .px_product_section {
        padding: 47px 0 0;
    }

    .px_client_slider {
        padding: 50px 0;
    }

    .px_footer_partner_style3 {
        margin-top: 0;
    }

    .px_insta_box {
        padding: 0 0 46px;
    }

    .px_footer_partner_style3 ul li {
        margin: 0 10px;
    }

    .px_footer_wrapper.px_footer_style3 {
        padding: 50px 0 30px 0;
    }

    .px_testimonial_style3 {
        padding: 47px 0 15px;
    }

    .px_index4_slider_style4 {
        padding: 115px 20px 42px;
    }

    .px_index3_slider_style3 .px_banner_content {
        text-align: left;
    }

    .px_banner_content {
        text-align: center;
    }

    .px_banner_content.px_banner_slider4 {
        margin-top: 0px;
    }

    .px_banner_content h1 {
        font-size: 30px;
    }

    .px_shop_now_style4 {
        padding: 50px 0 39px;
    }

    .px_sale_style4 {
        margin-top: 30px;
    }

    .px_categories_style3.px_top_product_style4 {
        padding: 0 0 3px;
    }

    .px_testimonial_style4 {
        padding: 47px 0 50px;
    }

    .px_subscribe_style4 {
        padding: 43px 0 50px;
    }

    .px_footer_wrapper.px_footer_style4 {
        padding: 50px 0 30px 0;
    }

    .px_sign_slide {
        display: none;
    }

    .px_modal_form {
        display: block;
    }

    .px_team2_sideimg {
        margin-top: 0;
    }

    .px_blog_box {
        margin-bottom: 30px;
    }

    .testimonial_box_wrapper .swi_user:after,
    .testimonial_box_wrapper .swi_user:before,
    .testimonial_box_wrapper .swi_user>svg {
        visibility: visible;
        opacity: 1;
    }

    .testimonial_box_wrapper .swi_user img,
    .px_testimonial_style3 .swi_user img {
        width: 70px;
        height: auto;
    }

    .testimonial_box_wrapper .swi_user img {
        width: 70px;
        height: auto;
    }

    .testimonial_box_wrapper .swi_user {
        transform: translateY(0px);
    }

    .svg_user1_style3,
    .svg_user2_style3 {
        display: none;
    }

    .px_testimonial_style3 .swi_user img {
        border-color: #ff9d34;
    }

    .px_testimonial_style3 .gallery-thumbs {
        height: max-content;
    }

    .swiper_content_style2 {
        position: unset;
    }

    .swiper_content_mini {
        padding: 44px 15px 0px;
        margin: 0;
    }

    .banner_naxt_style2 {
        bottom: 0;
    }

    .project_box_wrapper.px_categories_box_section {
        padding-bottom: 17px;
    }

    .px_index3_slider_style3 {
        padding: 102px 35px 50px;
    }

    .px_product_dark .px_blog_pagination,
    .px_product_white .px_blog_pagination {
        margin-left: 0;
    }

    .px_product_section.px_product_style4 {
        padding: 47px 0 0;
    }

    .px_header_style2 .px_nav .px_cartsec>ul>li {
        padding: 0px 10px;
    }

    .product_list_filter ul {
        text-align: center;
    }

    .px_index4_slider_style4 .swiper-container {
        padding: 0 0 50px;
    }

    .px_banner_slider4 p {
        width: auto;
        font-size: 16px;
    }

    .px_banner_pic4 {
        display: none;
    }

    .px_aboutus_service_section.px_contact_detail {
        padding: 50px 0 20px;
    }

    .px_darkab_service_section.px_contact_detail {
        padding: 50px 0 20px;
    }

    .px_contact_form_box {
        padding-bottom: 50px;
    }
}


@media(max-width: 575px) {
    .px_social_btn ul li a.px_btn.facebook span.about_btnicon.facebook {
        display: none;
    }
    .px_social_btn .px_btn .about_btnicon {
        display: none;
    }
    .px_signin_flex {
        max-width: 380px;
    }
    .px_sign_forgot ul {
        max-width:330px;
    }
    .px_blog_dark_version.px_product_dark {
        padding: 62px 0 50px;
    }
    .loader img {
        width: 60px;
    }

    .px_content_wraapper.px_content_margin {
        margin-left: 0;
    }

    .px_content_wraapper.px_content_left {
        margin-left: 0;
    }

    .px_header_wrapper {
        padding: 0 0 0px 0;
    }

    .px_logo {
        text-align: left;
    }
    .px_cartsec {
        margin-top: 0px;
    }

    .px_header_style2 .px_logo {
        padding-left: 15px;
        margin-left: 0;
    }

    .px_header_style3 .px_logo {
        margin-left: 0;
    }

    .px_nav {
        text-align: center;
        position: absolute;
        top: 20px;
        right: 10px;
    }

    .px_nav .px_cartsec>ul>li.px_login_sign a.px_login_model {
        min-width: auto;
        padding: 0px 10px;
        margin-right: 10px;
        height: auto;
    }
    .px_nav .px_cartsec>ul>li.px_login_sign a.px_login_model.px_btn span {
        display: none;
    }
    .px_header_style2 .px_nav {
        margin-right: 5px;
    }

    .px_nav .px_cartsec>ul>li:after {
        display: none;
    }

    .px_nav .px_cartsec>ul>li>a.setting_toggle {
        margin-left: 5px;
    }

    .px_nav .px_cartsec>ul>li {
        padding: 0px 5px;
    }

    .px_header_wrapper.px_header_style2 {
        padding: 0 0 30px 0;
    }

    .px_header_style2 .px_nav .px_cartsec>ul>li {
        padding: 0px 5px;
    }

    .footer_box .px_logo {
        text-align: left;
    }

    .px_progresbar_wrapper .progress_rightbox h1 {
        font-size: 22px;
    }

    .px_bread_crumbs {
        text-align: center;
    }

    .px_home_crumbs {
        text-align: center;
    }

    .px_service_box2 {
        padding: 35px 30px;
    }

    .px_client_logo_section_style2 ul li {
        width: 40%;
    }

    .px_break_out {
        width: auto;
    }

    .px_break_out h1 {
        font-size: 28px;
    }

    .px_search_btn input {
        width: 78%;
    }

    .px_blog_dark_version .px_blog_post h2 {
        font-size: 20px;
    }

    .px_blog_post h2 {
        font-size: 20px;
    }

    .px_post_title a {
        font-size: 16px;
    }

    .px_blog_pagination ul li:nth-child(5) {
        display: none;
    }

    .px_blog_pagination ul li:nth-child(6) {
        display: none;
    }

    .px_blog_pagination ul li:nth-child(7) {
        display: none;
    }

    .px_blog_pagination ul li:nth-child(8) {
        display: none;
    }

    .px_service_wrapper.px_service_white {
        padding: 47px 0 20px;
    }

    .px_blog_pagination a.page-link {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .px_post_section1 {
        width: 100%;
    }

    .px_post_section2 {
        width: 100%;
    }

    .px_select_tag ul li a {
        margin-right: 0;
    }

    .px_select_social ul li a {
        margin-left: 5px;
    }

    .px_social_blog_pst {
        display: block;
    }

    .px_select_tag {
        width: 100%;
        text-align: center;
    }

    .px_select_social {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .px_auther_box {
        display: block;
    }

    .px_auther_img {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .px_auther_img img {
        width: 30%;
    }

    .px_profile_box {
        display: block;
    }

    .px_blog_comment_box h1 {
        margin-bottom: 0;
    }

    .px_user_text {
        width: 100%;
    }

    .px_user_profile {
        margin-bottom: 15px;
    }

    .px_about_style2 .about_contentbox .about_head1 {
        font-size: 20px;
    }

    .px_index3_slider_style3 .px_banner_content {
        text-align: center;
        width: 100%;
    }

    ul.comment_left {
        padding-left: 0;
    }

    .px_blog_form h2 {
        margin-bottom: 30px;
    }

    .px_product_listbar>ul>li {
        width: 100%;
        padding-left: 0;
    }

    .px_product_listbar .product_item_block .content_block {
        padding: 30px 30px 0 0;
    }

    .px_product_listbar.product_list_view>ul>li>.product_item_block {
        display: block;
    }

    .product_detail_tab>ul>li {
        margin: 0px 0;
    }

    .px_tab_peragraph {
        padding: 24px 30px 5px;
    }

    .px_product_slider_white .product_text_rs {
        text-align: center;
    }

    .px_footer_style2 {
        padding: 50px 15px 20px;
    }

    .footer_menu_style2 ul li a {
        margin: 0 5px;
    }

    .footer_social_style2 ul li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        margin-right: 5px;
    }

    .px_price_detail h1 {
        font-size: 24px;
    }

    .px_footer_wrapper.px_footer_style4 {
        padding: 50px 0 0px 0;
    }

    .px_textbox_subscribe4 .px_search_wrapper input {
        font-size: 14px;
    }

    .px_product_slider_dark .product_text_rs {
        text-align: center;
    }

    .fd_review_delivery h4.border_btm_input {
        font-size: 18px;
    }

    .px_credit_cart {
        padding: 15px 20px 20px;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .fd_review_wrapper {
        margin-top: 20px;
    }

    .px_credit_cart>ul {
        display: block;
    }

    .px_credit_cart>ul>li {
        display: block;
    }

    .px_credit_cart>ul>li:nth-child(2) {
        width: 100%;
        margin: 15px 0 10px;
    }

    .px_credit_cart>ul>li:last-child {
        text-align: left;
    }

    .px_shipping04 .px_shipping_add h5 {
        margin-top: 0;
        margin-right: 5px;
    }

    .px_shipping_add h4 {
        font-size: 20px;
    }

    .px_contact_white_form {
        margin: 50px 15px 0;
        padding: 50px 30px;
    }

    .px_profile_edit {
        padding: 0px;
    }

    .px_basic_edit.px_basicEdit_bg {
        padding: 40px 30px 30px;
    }



    .px_basic_edit h3 {
        font-size: 16px;
    }

    .px_basic_edit {
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .px_profile_edit .form_block {
        margin-bottom: 20px;
    }

    .px_error_four h1 {
        margin-top: 20px;
        font-size: 30px;
    }

    .px_error_four p {
        font-size: 20px;
    }

    .px_checkout_table .table thead th {
        font-size: 16px;
    }

    .index3_timer canvas {
        width: 310px !important;
        height: auto !important;
    }

    .px_shop_main {
        padding: 0 30px 30px;
    }

    .px_shop_btntext h4 {
        font-size: 16px;
    }

    .px_shop_center {
        padding: 30px;
    }

    .px_shop_right {
        padding: 30px;
    }

    .px_footer_partner_style3 ul li {
        margin: 0 15px 30px;
    }

    .px_banner_content.px_banner_slider4 {
        margin-top: 50px;
    }

    .px_sale_four h5 {
        font-size: 16px;
        margin-bottom: 60px;
    }

    .px_sale_four h2 {
        font-size: 26px;
    }

    .px_testimonial_style4 .swi_contentbox {
        padding: 80px 30px 50px;
    }

    .px_user_four img {
        width: 100px;
        height: 100px;
    }

    .px_user_four {
        top: -30px;
        left: 0px;
    }

    .px_username_four {
        left: 90px;
        width: 200px;
    }

    .px_username_four h3 {
        font-size: 16px;
    }

    .footer_social_style2 {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .px_project_gallery .grid-item {
        width: auto;
        right: 0;
    }

    .service_box_wrapper .service_box.serivce_first {
        margin-bottom: 30px;
    }

    .service_box.serivce_second {
        margin-bottom: 30px;
    }

    .px_sign_section {
        padding: 40px 10px;
    }

    .px_social_btn ul li {
        display: block;
    }

    .close_search_bar .search_input_box input {
        width: 70%;
        font-size: 20px;
    }

    .px_bread_crumbs h1 {
        font-size: 30px;
    }

    .px_white_progress ul li span {
        font-size: 14px;
    }

    .px_service_wrapper {
        padding: 47px 0 20px 0px;
    }

    .px_footer_wrapper {
        padding: 50px 40px 0px 40px;
    }

    .footer_box .px_logo {
        padding-left: 0;
    }

    .px_index3_slider_style3 {
        padding: 175px 35px 50px;
        background-position: left
    }

    .px_footer_wrapper.px_footer_style3 {
        padding: 50px 0 0px 0;
    }

    .px_checkout_box {
        padding: 27px 20px 29px;
    }

    .px_product_checkout_dark .px_checkout_box {
        padding: 27px 20px 29px;
    }

    .process_box_wrapper .col-lg-3:nth-child(3) .process_box {
        margin-bottom: 55px;
    }

    .px_product_dark .px_blog_pagination,
    .px_product_white .px_blog_pagination {
        margin: auto;
        display: table;
    }

    .px_project_gallery .grid_img {
        display: inline-block;
    }

    .px_project_portfolio .px_btn {
        margin-top: 22px;
    }

    .px_header_wrapper .int_logo {
        padding-top: 29px;
        text-align: center;
        width: 150px;
    }

    .px_content_wraapper {
        margin-left: 0px;
    }

    .px_count2_box h1 {
        font-size: 30px;
    }

    .px_blog_dark_version .px_blog_post h2 a {
        font-size: 20px;
    }

    .px_blog_post_video .px_video_loader {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .px_blog_post_video .px_video_loader a:after {
        width: 60px;
        height: 60px;
    }

    .px_blog_testimonial h5 {
        font-size: 16px;
    }

    .px_post_section1 img {
        padding: 20px 0;
    }

    .px_blg_post_link {
        display: block;
        margin-top: 0;
    }

    .px_progresbar_wrapper .progress_rightbox {
        padding: 40px 30px 10px;
    }
    .product_grid {
        margin-bottom: 0;
    }
    .fd_review_wrapper {
        padding: 30px 20px 25px;
    }
    .px_profile_img img {
        width: 80px;
        height: 80px;
    }
    .px_profile_img {
        padding: 0 0 20px;
    }
    .px_profile_img span {
        width: 30px;
        height: 30px;
        top: 45px;
    }
    .px_profile_dark .px_profile_img span i {
        font-size: 12px;
    }
    .px_header_style1 .px_logo a img {
        max-width: 120px;
    }
    .px_social_btn ul {
        max-width: 250px;
    }
    .product_list_filter ul.list_view_toggle>li:first-child {
        display: none;
    }
}


@media(max-width: 480px) {
    .px_sign_forgot ul li a.px_btn {
        height: auto;
        line-height: normal;
        min-width: auto;
        padding: 5px 20px;
    }
    .px_sign_forgot ul li a.px_btn span.btn_caret {
        display: none;
    }
    .px_signin_flex {
        max-width: 280px;
    }
    .about_contentbox .px_btn .about_btnicon {
        padding: 0px 11px;
    }

    .about_contentbox .about_head1 {
        font-size: 30px;
    }

    .about_contentbox .about_head2 {
        font-size: 25px;
    }

    .px_categories_box_section .px_project_gallery .bottom_content {
        display: none;
    }

    .px_project_gallery .grid-item:hover .bottom_content>h3 {
        font-size: 16px;
    }

    .main_contentblock {
        width: 100%;
    }

    .cart_content {
        width: 310px;
        overflow: scroll;
    }

    .px_project_style2 .px_project_gallery .gallery_nav ul li {
        margin-left: 0;
    }

    .px_project_style2 .px_project_gallery .gallery_nav ul li:before,
    .px_project_style2 .px_project_gallery .gallery_nav ul li:after {
        display: none;
    }

    .px_white_progress ul li:nth-child(odd) span {
        top: -50px;
    }

    .px_white_progress ul li span.pro_confirm {
        right: -10px;
        top: 30px;
    }

    .banner_naxt_style2 {
        right: 15px;
        bottom: 0;
        width: 115px;
    }

    .banner_naxt_style2 .swiper-button-next,
    .banner_box_wrapper .swiper-container-rtl .swiper-button-prev {
        left: 60px;
        padding-left: 10px;
    }

    .banner_naxt_style2 .swiper-button-prev {
        left: 20px;
    }

    .banner_naxt_style2 .swiper-button-next:after,
    .banner_naxt_style2 .swiper-button-prev:before {
        display: none;
    }

    .px_header_style4 .px_nav .px_cartsec>ul>li:after {
        display: none;
    }

    .px_nav .px_cartsec>ul>li:after {
        display: none;
    }

    .px_nav .px_cartsec>ul>li:first-child {
        padding: 0;
    }

    li.px_login_sign a {
        margin-left: 5px;
    }

    .px_sop_cart_btn {
        padding: 14px 0 10px 14px;
    }

    .px_sop_cart_btn .btn_caret {
        display: none;
    }

    .px_sop_cart_btn>ul>li:first-child {
        margin-right: 0;
    }

    .px_header_style2 .px_sop_cart_btn>ul>li:first-child {
        margin-right: 0;
    }

    .px_header_style2 .px_btn_two {
        width: 140px;
    }

    .px_header_style3 .px_sop_cart_btn>ul>li:first-child {
        margin-right: 0;
    }

    .px_header_style3 .index3_btn {
        min-width: 140px;
    }

    .px_header_style4 .px_sop_cart_btn>ul>li:first-child {
        margin-right: 0;
    }

    .px_header_style4 .index4_btn {
        min-width: 140px;
    }

    .px_header_style2 .px_sop_cart_btn {
        padding: 14px 0 10px 0px;
    }

    .px_header_style3 .px_sop_cart_btn {
        padding: 14px 0 10px 0px;
    }

    .px_header_style4 .px_sop_cart_btn {
        padding: 14px 0 10px 0px;
    }

    .testimonial_box_wrapper .swi_user>svg {
        bottom: -20px;
    }

    .px_header_style2 .px_nav .px_cartsec>ul>li {
        padding: 0px 5px 0 0;
    }

    .px_header_style2 .px_nav .px_cartsec>ul>li>a.setting_toggle {
        margin-left: 0px;
    }

    .product_list_filter .nice-select {
        height: 40px;
        line-height: 40px;
    }

    .px_checkout_box {
        padding: 85px 20px 50px;
    }

    .px_product_checkout_dark .px_checkout_box {
        padding: 85px 20px 50px;
    }

    .swiper_imgbox .swipper_img>h2 {
        font-size: 29px;
    }

    .testimonial_box_wrapper.text-center {
        margin-top: 10px;
    }
}

.px_content_wraapper.px_content_margin.mg-left {
    margin-left: 0px;
}

.px_service_wrapper .px_heading h2 {
    color: rgb(255 255 255);
}


.swiper-container {
    margin: -1px auto;
}

.pr-0,
.px-0 {
    padding-right: 0px !important;
    padding-left: 0;
}

.bg_color {
    background-color: #000000;
}

.px_dummy_btn {
    height: 50px;
    line-height: 53px;
    background: rgb(44 44 44);
    display: inline-block;
    padding: 0px 3px 0px 20px;
    position: absolute;
    top: 0px;
    left: -20px;
}

a.px_login_model.px_btn {
    min-width: 100px;
}

.px_header_wrapper .int_logo {
    padding-top: 29px;
}

.int_logo {
    margin-bottom: 27px
}
.int_logo .img-fluid {
    max-width: 300px;
    margin-left: 20px;
}

.main_imgblock img {
    width: 100%;
}

/********************************************************
22. responsive end
********************************************************/

/********************************************************
23. Partners Section Start
********************************************************/
.px_partners_wrapper {
    padding: 77px 0 80px 0px;
    background: #ffffff;
}

.partners_box_wrapper {
    margin-top: 50px;
}

.partner_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    height: 120px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.partner_logo img {
    max-width: 100%;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.partner_logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.partner_logo:hover {
    background-color: #f8f9fa;
    border-radius: 8px;
}

/* Responsive styles for partners */
@media (max-width: 991px) {
    .px_partners_wrapper {
        padding: 60px 0 65px 0px;
    }

    .partners_box_wrapper {
        margin-top: 40px;
    }

    .partner_logo {
        height: 100px;
        padding: 15px;
    }

    .partner_logo img {
        max-height: 60px;
    }
}

@media (max-width: 767px) {
    .px_partners_wrapper {
        padding: 50px 0 55px 0px;
    }

    .partners_box_wrapper {
        margin-top: 30px;
    }

    .partner_logo {
        height: 80px;
        padding: 10px;
    }

    .partner_logo img {
        max-height: 50px;
    }
}

/********************************************************
23. Partners Section End
********************************************************/