/*--------------------- Copyright (c) 2019 ----------------------- 
[Master Stylesheet] 
Project: Mahaveer Granite
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
 *******************************************************/
@font-face {
    font-family: "CamelliaSignature";
    src: url("/assets/css/fonts/CamelliaSignatureDEMO!-DEMO!.woff") format("woff2"),
        url("/assets/css/fonts/CamelliaSignatureDEMO!-DEMO!.woff2") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Backgrounds */
    --bg-page: #e9e4de;
    --bg-section-alt: #e9e4de;
    --bg-card: #EFE6D8;
    --bg-card-2: #EFE6D8;
    --light-green: #888459;
    /* Text */
    --text-primary: #432823;
    --text-secondary: #bfa79a;
    --text-light: #8e8576;
    --text-dark: #3F3A34;
    /* CTA / Buttons */
    --btn-primary: #432823;
    --btn-primary-hover: #6B4F3F;

--primary-light: #e9e4de;
  --primary-dark: #432823;
  --paragraph: #625a59;
  --secondary-light: #9c9873;
  --primary: #48453c;
  --yellow: #cbbb75;
  --r-4: 4px;
  --white: white;
  --r-2: 2px;
  --dark-green: #40412b;
  --light-green: #888459;
  --dark-line: #826f5e;
  --r-6: 6px;
  --light-line: #e4d8ce;
  --dark-text: #2c2c2c;
  --light-yellow: #e5eebf;
  --black: black;
  --white-50: #ffffff80;
  --dark-gray-50: #afafaf80;
}

body {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--text-primary);
    -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;
}

.sec_small_heading {
    font-family: "Arsenal", sans-serif;
}

.sec_small_heading span {
    font-family: "Inter", sans-serif;
    /* font-size: 16px; */
}


body.int_dark_bg {
    background-color: var(--primary);
}

body.int_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(--light-green);
    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 {
    font-family: "Inter", sans-serif;
    -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;
    text-transform: capitalize;
}

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(--paragraph);
}

.container {
    max-width: 1170px;
}

.t_color {
    color: var(--text-primary);
}

.t_pink {
    color: var(--btn-primary);
}

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

.int_contact_dark_form .response {
    color: var(--btn-primary);
    margin-top: 5px;
}
.bg-primary-light{
    background-color: var(--primary-light);
}
.sec-pad{
    padding: 70px 0;
}
/*** Button Style ***/
.link-with-icon {
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all .35s;
  font-size: 18px;
  text-transform: uppercase;
}

.link-with-icon:hover {
  gap: 20px;
}

.link-with-icon.light-green-link {
  color: var(--light-green);
}
.primary-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--primary-dark);
  color: var(--primary-dark);
  border-radius: 4px;
  text-align: center;
  letter-spacing: .5px;
  -webkit-text-stroke-width: .6px;
  text-transform: uppercase;
  background-color: transparent;
  background-size: auto 13px;
  justify-content: flex-start;
  align-items: center;
  padding: 13px 16px 13px 14px;
  font-size: 16px;
  transition: all .4s;
  display: flex;
  width: fit-content;
}
.primary-button.center{
 margin-left: auto;
 margin-right: auto;
}
.primary-button.light-green{
    color: var(--light-green);
    border-color: var(--light-green);
}
.primary-button.light-green:hover{
    background-color: var(--light-green);
    color: #ffffff;
}
.primary-button:hover {
  background-color: var(--primary-dark);
  opacity: 1;
  color: #ffffff;
  font-weight: 400;
}
/********************************************************
1. body end
 *******************************************************/
/********************************************************
 /********************************************************
2. header start
 *******************************************************/
.int_main_wraapper {
    overflow: hidden;
    position: relative;
}

/* .int_content_wraapper {
    margin-left: 80px;
} */

.int_header_wrapper .int_logo {
    margin-left: 0;
    width: 80%;
}

.int_nav {
    text-align: right;
}
.int_nav .int_menu > ul{
    display: flex;
    align-items: center;
    gap: 20px;
}
.int_nav .int_menu>ul>li,
.int_cartsec>ul>li {
    display: inline-block;
}

.int_nav .int_menu>ul>li>a {
    position: relative;
    display: inline-block;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    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;
}

.int_nav .int_menu>ul>li>a:hover {
    color: var(--light-green);
}

.int_nav .int_menu>ul>li.int_home_dropdown>ul {
    background-color: var(--bg-page);
    position: absolute;
    width: 230px;
    padding: 0px 0 0;
    right: -40px;
    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;
    transform: translate(80px, 40px);
}

.int_nav .int_menu>ul>li.int_home_dropdown:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 38px);
}

.int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {

    color: var(--btn-primary);
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    text-transform: capitalize;
    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: 10px 23px 10px;
    display: block;
    text-transform: uppercase !important;
}

.int_nav .int_menu>ul>li.int_home_dropdown>ul>li:last-child a {
    border-bottom: none;
}

.int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a:hover {
    color: var(--text-primary);
    padding-left: 30px;
}

.int_nav .int_menu>ul>li {
    position: relative;
}

/* .int_nav .int_menu > ul > li:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: var(--text-primary);
    top: 0;
    bottom: 0;
    right: -3px;
	margin:auto;
} */
.int_nav .int_menu>ul>li:last-child::after {
    display: none;
}

.int_nav .int_menu,
.int_nav .int_cartsec {
    display: inline-block;
}

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

.int_nav .int_cartsec>ul>li.int_profile_carol {
    display: none;
}

.int_nav .int_cartsec>ul>li:after {
    content: "";
    position: absolute;
    background: rgb(62, 62, 62);
    top: 0;
    bottom: 0;
    width: 1px;
    height: 30px;
    left: 0;
    margin: auto;
}

.int_nav .int_cartsec>ul>li:first-child:after {
    position: inherit;
}

.int_nav .int_cartsec>ul>li:first-child {
    position: inherit;
}

.int_nav .int_cartsec>ul>li>a.setting_toggle {
    text-transform: capitalize;
    color: #cdcdcd;
}

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

.int_nav .int_cartsec>ul>li .setting_toggle .toggle_caret {
    color: var(--text-primary);
    margin-left: 4px;
}

.int_profile_open {
    background-color: var(--btn-primary);
    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);
}

.int_profile_open ul li a {
    color: #222222;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    border-bottom: 1px solid #00000012;
    text-transform: capitalize;
    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;
}

.int_profile_open ul li a:hover {
    color: var(--btn-primary);
    padding-left: 30px;
}

.int_profile_open ul li a i {
    color: var(--btn-primary);
    margin-right: 5px;
}

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

.int_nav .int_cartsec>ul>li>a>svg {
    width: 21px;
    height: 21px;
}

.int_nav .int_cartsec>ul>li>.cart_round {
    position: relative;
}

.int_nav .int_cartsec>ul>li>.cart_round span {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 18px;
    text-align: center;
    background-color: var(--light-green);
    color: white;
    display: inline-block;
    font-size: 10px;
    position: absolute;
    right: -11px;
    top: -6px;
}

.int_nav .int_cartsec>ul>li>span {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 18px;
    text-align: center;
    background-color: var(--text-primary);
    color: #212629;
    display: inline-block;
    font-size: 10px;
    position: absolute;
    right: -11px;
    top: -6px;
}

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

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

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

.int_sop_cart p {
    color: #222222;
}

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

.int_sop_cart a:hover {
    color: var(--btn-primary);
}

.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 .int_table_quantity .quantity_wrapper {
    text-align: center;
}

.cart_content .int_checkout_table span {
    font-size: 20px;
    text-transform: capitalize;
    margin: 0;
}

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

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

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

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

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

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

.int_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 */
.int_product_checkout_dark .header_cartbox {
    background-color: var(--bg-section-alt);
}

.int_product_checkout_dark .int_sop_cart {
    background-color: #212429;
}

.int_product_checkout_dark .int_sop_cart h3,
.int_product_checkout_dark .int_sop_cart p {
    color: var(--btn-primary);
}

.int_product_checkout_dark .int_sop_cart a {
    color: var(--btn-primary);
}

.int_product_checkout_dark .int_sop_cart a:hover {
    color: var(--text-primary);
}

.int_header_style3 .int_sop_cart a:hover {
    color: #ff9d34;
}

.int_header_style4 .int_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: var(--btn-primary);
}

.search_input_box input::placeholder {
    color: var(--btn-primary);
}

.search_input_box span i {
    cursor: pointer;
    color: var(--btn-primary);
    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.int_login_sign a {
    color: var(--text-dark);
    margin: 0 0 0 5px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    vertical-align: middle;
}

li.int_login_sign a:hover {
    color: var(--text-primary);
}

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

li.int_login_sign p:hover {
    color: var(--btn-primary);
}

/* sign-in popup dark css*/
.int_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;
}

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

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

.int_signin_flex {
    background-color: var(--bg-section-alt);
    text-align: center;
    max-width: 960px;
    width: 100%;
}

.int_modal_form.open_login_model:after,
.int_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 .int_social_btn {
    margin-left: 0;
}

.int_sign_slide {
    padding: 50px;
    text-align: center;
    position: relative;
}

.int_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;
}

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

.int_sign_slide .swiper-pagination-bullets {
    bottom: -10px;
    right: 0;
    left: 0;
}

.int_sign_section {
    background-color: var(--bg-page);
    padding: 20px 50px;
    text-align: center;
    position: relative;
}

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

.int_sign_section .close_login {
    font-size: 26px;
    font-weight: normal;
    color: var(--bg-page);
    text-shadow: none;
    opacity: 1;
}

.int_sign_section p {
    color: var(--text-dark);
    margin-top: 10px;
}

.int_sign_section h3 {
    color: var(--btn-primary);
    font-weight: 600;
    margin: 6px 0;
}

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

.int_sign_section .form_block .form_field {
    border: 1px solid var(--text-primary);
    background-color: var(--bg-page);
    color: var(--btn-primary);
}

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

.int_sign_forgot ul {
    text-align: right;
    margin-right: 30px;
}

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

.int_sign_forgot ul li:first-child {
    float: left;
    margin-top: 15px;
}

.int_sign_forgot ul li a {
    color: var(--text-secondary);
}

.int_sign_forgot ul li:first-child a:hover {
    color: var(--text-primary);
}

.int_social_btn {
    margin-top: 30px;
    text-align: left;
    margin-left: 25px;
}

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

.int_social_btn ul {
    margin-left: 25px;
}

.int_social_btn ul li:last-child {
    margin: 0 0 0 76px;
}

.int_social_btn a.int_btn.facebook {
    background-color: #3b5999;
    color: var(--btn-primary);
    border: solid 1px #324c82;
}

.int_social_btn a.int_btn:before {
    background-color: transparent;
}

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

.int_social_btn a.int_btn {
    background-color: var(--btn-primary);
    color: #222222;
    min-width: 115px;
    text-transform: capitalize;
    border: 1px solid #f0f0f0;
}

.int_social_btn .int_btn .about_btnicon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: inline-block;
    position: absolute;
    left: -51px;
    top: -1px;
    background: var(--btn-primary);
    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;
}

.int_modal_form.int_modal_signup ul {
    text-align: left;
}

.int_modal_signup .int_social_btn ul {
    margin-left: 50px;
}

.int_modal_form.int_modal_signup ul li:first-child {
    float: none;
}

.int_modal_signup .int_sign_forgot ul li:first-child a:hover {
    color: var(--btn-primary);
}

/* sign-in popup dark css*/
/********************************************************
2. header End
 *******************************************************/
/********************************************************
3. info sidebar start
 *******************************************************/
.int_infosidebar {
    width: 60px;
    background: var(--bg-section-alt);
    position: absolute;
    left: 0;
    height: 950px;
    z-index: 9;
}

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

.int_infosidebar .siderbar_social>ul>li>a {
    color: var(--btn-primary);
}

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

.int_infosidebar .siderbar_contact,
.int_infosidebar .siderbar_email {
    text-align: center;
    padding: 30px 0 22px;
    border-top: 1px solid #353c43;
}

.int_infosidebar .siderbar_contact>a,
.int_infosidebar .siderbar_email>a {
    color: var(--btn-primary);
    -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;
}

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

.int_infosidebar .siderbar_contact>a>svg path,
.int_infosidebar .siderbar_email>a>svg path {
    fill: var(--text-primary);
}

.int_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;
}

.int_infosidebar .siderbar_social>ul>li>a:hover {
    color: var(--text-primary);
}

.main_contentblock {
    overflow: hidden;
}

/********************************************************
4.index v1 heading start
 *******************************************************/
.int_heading {
    margin-bottom: 47px;
    z-index: 1;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.int_heading h4 {
    color: var(--light-green);
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
    font-style: italic;
    font-weight: 500;
}
.int_heading h4.yellow-color{
    color: var(--yellow);
}
.int_heading h2 {
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 500;
    z-index: 2;
    position: relative;
    margin-top: 6px;
    font-size: 36px;
}
.bg-primary-light .int_heading h2{
    color: var(--primary-dark);
}
.int_heading span {
    font-size: 80px;
    text-transform: uppercase;
    font-weight: 900;
    color: var(--bg-card);
    letter-spacing: 12px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 2px;
    bottom: 0;
    margin: auto;
    z-index: -1;
    line-height: 18px;
}
.int_heading p{
    margin-top: 15px;
}
.bg-primary-light .int_heading p{
    color: var(--paragraph);
}
.int_heading p.txt-white{
    color: #ffffff;
}
/********************************************************
4.index v1 heading End
 *******************************************************/
/********************************************************
5.Banner Slider Start
 *******************************************************/
.align-items-center {
    justify-content: center;
}

.int_bannerr_slider .swiper-container {
    width: 100%;
    height: 100%;
}

.int_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;
}

.int_banner_slider .banner_box_wrapper {
    position: relative;
}

.banner_navi .swiper-button-next:after {
    display: none;
}

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

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

.swiper_imgbox .swipper_img>h4>span {
    font-size: 120px;
    text-transform: uppercase;
    font-weight: 900;
    color: #252a2d;
    letter-spacing: 12px;
    position: absolute;
    left: 10px;
    right: 0;
    top: -60px;
    z-index: -1;
}

.swiper_imgbox .swipper_img>h2 {
    color: var(--btn-primary);
    font-weight: 700;
    font-size: 80px;
    margin: 0;
}

.swiper_imgbox .swipper_img>h3 {
    font-size: 64px;
    color: var(--btn-primary);
    font-weight: 300;
}

.swiper_imgbox .swipper_img>h3>.banner_span1 {
    color: var(--text-primary);
}

.swiper_imgbox .swipper_img>p {
    color: var(--btn-primary);
    margin-bottom: 22px;
}

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

.banner_box_wrapper .banner_navi {
    position: absolute;
    left: 95px;
    bottom: -8px;
}

.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(--btn-primary);
}

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

.banner_box_wrapper .swiper-button-prev,
.banner_box_wrapper .swiper-container-rtl .swiper-button-next {
    left: 0px;
}

.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(--text-primary);
    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(--text-primary);
    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(--text-primary);
    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 .int_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 .int_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: #252a2d;
    font-weight: 900;
    margin-top: 85px;
    margin-left: -9px;
}

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

/* button css */
.int_btn,
.int_btn:focus {
    min-width: 140px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    outline: none;
    border: none;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffff;
    background: var(--light-green);
    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;
}

.int_btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary-dark);
    -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;
}

.int_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);
}

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

.int_btn_two:focus {
    background: var(--btn-primary);
}

.int_btn_two {
    background: var(--btn-primary);
    width: 170px;
    letter-spacing: 1px;
}

.btn_caret {
    height: 50px;
    line-height: 53px;
    background: var(--primary-dark);
    display: inline-block;
    padding: 0px 12px;
    position: absolute;
    top: 0;
    right: -29px;
}
.btn_caret .fa-caret-right{
    color: #ffffff;
}
.btn_caret_two {
    background: #f41a48;
}

.int_btn:hover {
    color: var(--bg-page);
    background: var(--btn-primary-hover);
}

.index3_btn,
.index3_btn:focus {
    min-width: 170px;
    height: 50px;
    line-height: 50px;
    outline: none;
    border: none;
    cursor: pointer;
    letter-spacing: 2px;
    background-color: #ff9d34;
    color: var(--btn-primary);
    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: var(--btn-primary);
    -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,
.index4_btn:focus {
    padding: 0px 10px 0px 10px;
    margin-top: 30px;
    line-height: 50px;
    outline: none;
    border: none;
    cursor: pointer;
    letter-spacing: 2px;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background-color: #40412b61;
    color: white;
    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: var(--light-green);
    -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 {
    background: var(--btn-primary-hover);
    color: #fff;
}

.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);
}

/* Show only on mobile */
@media (max-width: 767px) {
    .index4_btn {
        font-size: 12px;
    }
}

/* button css */
/* checkbox start */
.int_checkbox {
    text-align: left;
    text-transform: capitalize;
}

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

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

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

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

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

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

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

.int_checkbox>input:checked~label:before {
    background-color: var(--btn-primary);
    border: solid 1px var(--btn-primary);
}

.int_checkbox>input:checked~label {
    color: var(--btn-primary);
}

/* checkbox end */
/********************************************************
5.Banner Slider End
 *******************************************************/
/********************************************************
6.index services Start
 *******************************************************/
.int_service_wrapper {
    padding: 70px 0 70px 0px;
}

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

.service_box_wrapper .service_content h4 {
    color: var(--text-secondary);
    font-size: 22px;
    padding: 0;
    margin: 0;
}

.service_box_wrapper .service_content p {
    color: var(--bg-page);
    margin: auto;
    padding: 0;
}

.service_content {
    position: absolute;
    bottom: 25px;
    left: 30px;
    right: 30px;
    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: var(--btn-primary);
    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: var(--btn-primary);
    -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
 *******************************************************/
.int_about_wrapper {
    padding-top: 70px;
    padding-bottom: 70px;
}

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

.about_imgbox .about_img {
    position: relative;
}

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

.about_img .child_imgbox:after {
    content: "";
    position: absolute;
    top: -50px;
    left: -50px;
    width: 100%;
    height: 100%;
    right: 41px;
    background: #ff000000;
    border: 10px solid var(--bg-section-alt);
    z-index: -1;
}

.about_contentbox {
    padding-top: 20px;
}

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

.about_contentbox .about_head1 {
    font-size: 40px;
    color: var(--primary-dark);
    font-weight: 500;
    margin: 5px 0px 2px 0px;
}
.about_contentbox .about_head1 span{
    color: var(--light-green);
}

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

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

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

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

.about_contentbox .int_btn .about_btnicon {
    height: 60px;
    line-height: 60px;
    display: inline-block;
    position: absolute;
    left: -60px;
    padding: 0px 16px;
    background: var(--btn-primary);
    border-right: 1px solid #212629;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.about_contentbox .int_btn {
    min-width: 244px;
    height: 60px;
    line-height: 60px;
    text-transform: capitalize;
    color: var(--bg-page);
    /* background: #34393f; */
    margin-left: 60px;
    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;
}

.about_contentbox .int_btn:hover,
.about_contentbox .int_btn:hover .about_btnicon {
    background: var(--btn-primary-hover);
}

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

.about_contentbox .int_btn:hover .about_btnicon svg path {
    fill: white;
}

/********************************************************
8.index About End
 *******************************************************/
/********************************************************
9.index Project Start
 *******************************************************/
.int_project_wrapper {
    padding-top: 77px;
    background: var(--bg-page);
}

.int_project_wrapper .int_heading {
    margin-bottom: 30px;
}

.int_project_gallery {
    text-align: center;
}

.int_project_gallery .grid-item {
    width: 25%;
    clear: both;
    position: relative;
    overflow: hidden;
}

.int_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;
}

.int_project_gallery .top_content {
    position: absolute;
    top: 10px;
    left: 30px;
    color: var(--bg-card);
    text-transform: uppercase;
    font-size: 20px;
    z-index: 1;
    font-weight: 400;
    opacity: 0;
    visibility: hidden;
}

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

.int_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;
}

.int_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;
}

.int_project_gallery .bottom_content {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
    color: var(--bg-card);
    z-index: 1;
}

.int_project_gallery .bottom_content>span {
    color: var(--btn-primary);
    text-transform: uppercase;
    display: block;
}

.int_project_gallery .bottom_content>h3 {
    font-size: 32px;
    color: var(--bg-section-alt);
    font-weight: 500;
    text-transform: capitalize;
}

.int_project_gallery .bottom_content>span,
.int_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;
}

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

.int_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;
}

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

.int_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;
}

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

.int_project_gallery .int_project_gallery_view a {
    z-index: 0;
}

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

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

.int_project_gallery .gallery_nav ul {
    list-style: none;
    padding: 0 15px;
    margin: 5px 0 30px 0;
}

.int_project_gallery .gallery_nav ul li {
    display: inline-block;
    cursor: pointer;
    margin-right: 15px;
    color: var(--btn-primary);
    position: relative;
    padding: 5px 0 0;
    text-transform: capitalize;
    font-size: 18px;
}

.int_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(--text-primary);
}

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

.int_project_gallery .gallery_nav ul li .gallery_active {
    color: var(--text-primary);
}

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

/********************************************************
10.index Process Start
 *******************************************************/
.int_process_wrapper {
    padding: 77px 0 54px 0;
}

.int_process_wrapper .int_heading {
    margin-bottom: 40px;
}

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

.int_process_wrapper .process_box h1 {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 22px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.int_process_wrapper .process_box h1 a {
    color: var(--light-green);
}

.int_process_wrapper .process_box h1:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 46px;
    height: 2px;
    background: var(--text-primary);
}

.int_process_wrapper .process_box p {
    color: #ffffff;
    margin: 0;
}

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

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

.process_circle:after {
    content: "";
    position: absolute;
    top: 18px;
    left: 181px;
    margin: auto;
    background: #33393f;
    width: 73%;
    height: 2px;
    z-index: -1;
}

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

.int_process_wrapper .process_circle h2:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: var(--text-secondary);
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 6px solid rgb(57, 63, 69);
    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 rgb(198, 164, 126);
}

.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(--yellow);
    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
 *******************************************************/
.team_box_wrapper.text-center {
    overflow: hidden;
    position: relative;
}

.int_team_wrapper {
    background: var(--bg-section-alt);
    padding: 77px 0px 80px;
}

.int_team_wrapper .int_heading {
    margin-bottom: 40px;
}

.team_box_wrapper .team_box {
    background: #f1f1f1;
    position: relative;
    padding-top: 24px;
}

.team_box_wrapper .team_box .team_content {
    background: var(--bg-page);
    padding: 20px 0 16px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.team_box_wrapper .team_box .team_content h4>a {
    color: var(--btn-primary);
    font-size: 18px;
    font-weight: 500;
}

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

.team_box_wrapper .team_box .team_content p {
    color: var(--btn-primary);
}

.team_box .team_designation {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 13px;
    color: var(--text-primary);
    -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: var(--btn-primary);
    opacity: 0;
    visibility: hidden;
}

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

.team_box_wrapper .team_box:after {
    content: "";
    position: absolute;
    background: rgba(198, 164, 126, 0.87);
    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;
}

.team_box_wrapper.team2_box_two .team_box {
    height: 77%;
}

.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: var(--btn-primary);
    color: var(--btn-primary);
    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;
}

.team_hovercontent>p:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: var(--btn-primary)61;
    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: var(--btn-primary);
    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(--text-primary);
    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(--text-primary);
    top: 0;
    bottom: 0;
    right: -55px;
    margin: auto;
}

/********************************************************
11.index Team End
 *******************************************************/
/********************************************************
12.index progress bar Start
 *******************************************************/
.int_progresbar_wrapper {
    background: url(../images/int_progressbg.jpg) no-repeat center left;
    background-size: cover;
    position: relative;
}

.int_progresbar_wrapper .progress_rightbox {
    padding: 69px 80px 40px;
    background: var(--bg-page);
}

.int_progresbar_wrapper .progress_rightbox h1 {
    color: var(--text-primary);
    font-weight: 500;
}

.int_progresbar_wrapper .progress_rightbox .progress_head {
    color: var(--btn-primary);
    padding: 0px 0px 12px 0px;
}

.progress_leftbox {
    position: relative;
    top: 50%;
}

.int_progresbar_wrapper .progress_leftbox .video_icon {
    width: 100px;
    height: 100px;
    background: var(--btn-primary);
    border-radius: 50%;
    text-align: center;
    line-height: 112px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

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

/* 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 */
.int_prog_box h2 {
    color: var(--text-primary);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.int_prog_box {
    margin-top: 50px;
}

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

.int_prog_box .progress_bar .label {
    font-size: 20px;
    color: var(--btn-primary);
    position: absolute;
    right: 0;
    top: -13px;
}

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

.int_prog_box .progress_bar .line span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: pink;
    border-radius: 10px;
}

/* progress bar End */
/********************************************************
12.index progress bar End
 *******************************************************/
/********************************************************
  
13.index Testimonial bar Start
 *******************************************************/
.int_testimonial_wrapper {
    padding: 77px 0 122px;
    background: var(--bg-section-alt);
}

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

.gallery-thumbs,
.gallery-top {
    overflow: hidden;
}

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

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

.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 {
    transform: translateY(0px);
}

.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(--text-primary);
    z-index: 7;
    bottom: -32px;
    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(--text-primary);
    z-index: 7;
    bottom: -40px;
    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 {
    background: #1e2226;
    padding: 53px 60px;
    position: relative;
}

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

.testimonial_box_wrapper .swi_contentbox span {
    color: var(--text-primary);
    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 {
    position: absolute;
    bottom: -21px;
    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: 2px solid var(--text-primary);
    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;
}

.testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user img {
    width: 80px;
    height: 80px;
}

.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 {
    position: relative;
}

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

.v1_testi_nav .swiper-pagination-bullet-active {
    background: var(--text-primary);
    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;
}

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

 *******************************************************/
.int_blog_wrapper {
    padding: 70px 0px 70px 0px;
}
.blog-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
@media(max-width:767px){
    .blog-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width:576px){
    .blog-grid{
        grid-template-columns: repeat(1, 1fr);
    }
}
.int_blog_wrapper .int_heading {
    margin-bottom: 40px;
}

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

.blog_box .blog_heading {
    line-height: 30px;
    font-size: 22px;
    color: var(--primary-dark);
    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;
}

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

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

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

.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: rgba(33, 38, 41, 0.72);
    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;
}

.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
 *******************************************************/
.int_footer_wrapper {
    padding: 40px 0 30px 0;
}

.footer_box_wrapper .footer_box .int_logo {
    margin-bottom: 30px;
}

.footerlogo {
    max-width: 93%;
}

.footer_box_wrapper .footer_box .footer_heading {
    position: relative;
    font-size: 20px;
    color: var(--yellow);
    font-weight: 600;
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

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

.footer_box .footer_hours li {
    color: #ffffff;
    margin: 0 0 10px 0px;
    position: relative;
}

/* .footer_box .footer_hours li:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--text-primary);
    left: -15px;
    bottom: 0;
    top: 0;
    margin: auto;
} */
.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: #ffffff;
    text-transform: capitalize;
}

.footer_box .footer_support_link li a:hover {
    color: var(--light-green);
}

.footer_box .footer_linkbox {
    display: flex;
}

.footer_linkbox .footer_support_link {
    width: 50%;
}

/********************************************************
16.index Footer End
 *******************************************************/
/********************************************************
17.index Bottom Footer Start 
 *******************************************************/
.int_bottom_footer_wrapper {
    padding: 5px 0;
    text-align: center;
    position: relative;
}
.int_bottom_footer_wrapper::before{
    content: "";
    position: absolute;
    top:0;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 1px;
    background-color: var(--light-line);
    opacity: .2;
}

.int_bottom_footer_wrapper .bottom_footer_box_wrapper p {
    color: #fff;
    font-size: 16px;
}

.int_bottom_footer_wrapper .bottom_footer_box_wrapper a {
    color: var(--yellow);
}

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

.footer_social {
    margin-top: 18px;
}

.footer_social ul {
    display: flex;
    gap: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer_social a {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--light-green);
    color: var(--primary-light);
    font-size: 14px;
    transition: all 0.3s ease;
}

.footer_social a:hover {
    background: var(--yellow);
    color: #fff;
    transform: translateY(-2px);
}

/********************************************************
17.index Bottom Footer End
 *******************************************************/
/* Index v2 css start */
/* Index v2 Header css start */
.int_infosidebar.int_infosidebar_style2 {
    background: var(--btn-primary);
    top: 100px;
    width: 80px;
}

.int_infosidebar.int_infosidebar_style2 .siderbar_contact>a>svg path,
.int_infosidebar.int_infosidebar_style2 .siderbar_email>a>svg path {
    fill: var(--btn-primary);
}

.int_infosidebar.int_infosidebar_style2 .siderbar_contact>a,
.int_infosidebar.int_infosidebar_style2 .siderbar_email>a {
    color: #222222;
}

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

.int_infosidebar.int_infosidebar_style2 .siderbar_email {
    border-top: 1px solid #f3f3f3;
}

.int_header_wrapper.int_header_style2 {
    padding: 0 50px 0 0;
}

.int_header_style2 .int_logo {
    margin-left: 0;
}

.int_header_style2 .int_nav .int_menu>ul>li>a {
    color: #222222;
}

.int_header_style2 .int_nav .int_menu>ul>li>a:hover {
    color: var(--btn-primary);
}

.int_header_style2 .int_nav .int_menu>ul>li:after {
    background: var(--btn-primary);
}

.int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul {
    background-color: var(--btn-primary);
    box-shadow: 0 0px 1px 0 #cdcdcd;
}

.int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
    color: #222222;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li:last-child a {
    border-bottom: none;
}

.int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a:hover {
    color: var(--btn-primary);
}

.int_header_style2 .int_nav .int_cartsec>ul>li>a.setting_toggle {
    color: #222222;
}

.int_header_style2 .int_nav .int_cartsec>ul>li .setting_toggle .toggle_caret {
    color: var(--btn-primary);
}

.int_header_style2 .int_nav .int_cartsec>ul>li:after {
    background: #e8e8e8;
}

.int_header_style2 .int_nav .int_cartsec>ul>li .setting_toggle img {
    border: 2px solid #e8e8e8;
}

.int_header_style2 .int_sop_cart_btn>ul {
    text-align: center;
}

.int_header_style2 .int_sop_cart_btn>ul>li:first-child {
    margin-right: 26px;
}

/* Index v2 Header css end */
/* Index v2 Slider css Start */
.int_slider_banner_style2 {
    position: relative;
}

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

.swiper_content_mini .swiper-pointer-events {
    overflow: hidden;
    position: relative;
}

.swiper_content_mini {
    background: var(--btn-primary);
    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 .int_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: var(--btn-primary);
    z-index: 2;
    display: block;
    width: 200px;
    height: 90px;
    bottom: 0;
    left: -80px;
    line-height: 50px;
    z-index: 1000;
}

.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;
    color: #555555;
}

.banner_naxt_style2 .swiper-button-next {
    color: #555555;
}

.banner_naxt_style2 .swiper-button-prev:hover,
.banner_naxt_style2 .swiper-button-next:hover {
    color: var(--btn-primary);
}

.banner_naxt_style2 .swiper-button-prev:before {
    position: absolute;
    content: '\f053';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--btn-primary);
    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: -20px;
}

.banner_naxt_style2 .swiper-button-next:after {
    position: absolute;
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--btn-primary);
    font-size: 12px;
    right: -32px;
    top: 16px;
    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 */
.int_about_wrapper.int_about_style2 {
    background-image: url(../images/index_about2_banner.jpg);
    background-size: cover;
    background-position: center center;
    padding-bottom: 0;
}

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

.int_about_style2 .int_heading h4 {
    color: var(--light-green);
    text-align: left;
}

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

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

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

.int_about_style2 .int_btn {
    min-width: 170px;
    height: 50px;
    line-height: 50px;
    background: var(--btn-primary);
    margin: 22px 0 0;
    text-transform: uppercase;
}

.int_about_style2 .btn_caret {
    background: #f41a48;
}

.int_about_style2 .int_btn:hover {
    color: var(--btn-primary);
    background: #555555;
}

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

.int_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 var(--btn-primary);
}

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

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

.int_project_style2 .int_heading h4 {
    color: var(--btn-primary);
}

.int_project_style2 .int_heading h2 {
    color: #ffffff;
}

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

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

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

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

.int_project_style2 .int_project_gallery .gallery_nav ul li .gallery_active {
    color: var(--btn-primary);
}

.int_project_style2 .int_project_gallery .gallery_nav ul li a:after {
    background: var(--btn-primary);
}

.int_gallery_style2 .bottom_content>span {
    color: var(--btn-primary);
}

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

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

.int_about_style2.int_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: #222222;
    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: #222222;
    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: var(--btn-primary);
}

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

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

.int_style2_why_design ul li:after {
    position: absolute;
    content: "";
    background-color: var(--btn-primary);
    height: 1px;
    width: 15px;
    left: -25px;
    right: 0;
    top: 12px;
}

.int_style2_why_design ul li:before {
    position: absolute;
    content: "";
    background-color: var(--btn-primary);
    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 */
.int_video_section_style2.int_dark_video_section,
.int_video_section_style2.int_progresbar_wrapper {
    padding: 140px 0 280px;
    background-image: url(../images/slider2/blog_showroom.jpeg);
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 2;
}

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

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

.int_break_out h1 {
    font-size: 32px;
    color: var(--btn-primary);
    margin-top: 30px;
}

.int_video_loader {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: var(--bg-page);
    border-radius: 100%;
    border: solid 3px var(--btn-primary);
    position: relative;
    text-align: center;
}

.int_video_loader a {
    color: var(--btn-primary);
    font-size: 20px;
}

.int_video_loader a:after {
    position: absolute;
    content: "";
    border-left: solid 3px var(--bg-section-alt);
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border-right: 3px solid var(--btn-primary);
    background: transparent;
    border-bottom: 3px solid var(--btn-primary);
    border-top: 3px solid var(--btn-primary);
    left: -3px;
    top: -3px;
}

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

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

.int_client_logo_section_style2 ul {
    text-align: center;
}

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

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

.int_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;
}

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

/* Index v2 Client Logo Section css end */

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

.int_heading.int_heading_team2 h4 {
    color: var(--btn-primary);
}

.int_heading.int_heading_team2 h2 {
    color: #222222;
}

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

.int_team2_sideimg h4 a {
    color: #222222;
}

.int_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: var(--btn-primary);
}

.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: var(--btn-primary);
}

.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;
}

.int_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;
}

.int_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;
}

.int_team2_slider_arrow .swiper-button-prev:hover,
.int_team2_slider_arrow .swiper-button-next:hover {
    background-color: var(--btn-primary);
}

/* Index v2 Team Section css end */
/* Index v2 Testimonial Slider css start */
.int_testimonial_slide2 .swiper-pointer-events {
    overflow: hidden;
}

.int_testimonial_slide2 .swiper-pointer-events .swiper-wrapper {
    left: 1px;
}

.int_testimonial_slide2 {
    padding: 30px;
    z-index: 9;
    position: relative;
}
.int_testimonial_slide2::before{
    content: "";
    position: absolute;
    top:0;
    right:0;
    width: 70%;
    height: 100%;
    background-color: var(--secondary-light);
}
.int_testimonial2_flex {
    display: flex;
    gap: 50px;
    align-items: center;
}

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

.int_content_text2 {
    position: relative;
}

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

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

.int_content_text2 h4 {
    font-size: 14px;
    color: var(--btn-primary);
    text-transform: uppercase;
    letter-spacing: 2px;
}

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

.int_content_text2 p {
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 20px;
}

.int_content_text2 h5 {
    color: var(--primary-dark);
    font-size: 22px;
}

.int_content_text2 h6 {
    font-size: 14px;
    margin-top: 5px;
    color: var(--primary-light);
}

.int_testimonial_slide2 .int_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 */
.int_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;
}

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

.int_count2_box h1 {
    font-size: 42px;
    color: var(--btn-primary);
    font-weight: 600;
    margin-top: 20px;
}

.int_count2_box p {
    font-size: 18px;
    color: var(--btn-primary);
}

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

.int_blog_box_style2 .int_heading h4 {
    color: var(--btn-primary);
}

.int_blog_box_style2 .int_heading h2 {
    color: #222222;
}

.int_blog_box_style2 .blog_box .blog_date {
    color: var(--btn-primary);
}

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

.int_blog_box_style2 .blog_box .blog_heading:hover {
    color: var(--btn-primary);
}

/* Index v2 blog news  css end */
/* Index v2 Footer css start */
.int_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;
}

.int_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;
}

.int_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: var(--btn-primary);
    text-transform: uppercase;
    margin: 0 16px;
}

.footer_menu_style2 ul li a:hover {
    color: var(--btn-primary);
}

.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: var(--btn-primary);
    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: var(--btn-primary);
    border: solid 1px #f41a48;
}

.int_bottom_footer_wrapper.int_bottom_footer_style2 {
    background: #000000;
}

.int_bottom_footer_style2 .bottom_footer_box_wrapper a {
    color: var(--btn-primary);
}

/* Index v2 Footer  css end */
/* Index v2 css end */
/* Index v3 css start */
/* Index v3 Header css start*/
.int_header_wrapper.int_header_style3 {
    padding: 0 51px 10px 65px;
    position: absolute;
    width: 100%;
    top: 0;
}

.int_header_style3 .int_logo {
    margin-left: 0;
}

.int_header_style3 .int_nav .int_menu>ul>li>a:hover {
    color: #ff9d34;
}

.int_header_style3 .int_nav .int_menu>ul>li:after {
    background: #ff9d34;
}

.int_header_style3 .int_nav .int_menu>ul>li.int_home_dropdown>ul {
    background-color: var(--btn-primary);
}

.int_header_style3 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
    color: #222222;
    border-bottom: 1px solid #f1f1f1;
}

.int_header_style3 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a:hover {
    color: #ff9d34;
}

.int_header_style3 .int_nav .int_cartsec>ul>li>.cart_round span {
    background-color: #ff9d34;
    color: var(--btn-primary);
}

.int_header_style3 .int_nav .int_cartsec>ul>li .setting_toggle .toggle_caret {
    color: #ff9d34;
}

.int_header_style3 .int_sop_cart_btn>ul {
    text-align: center;
}

.int_header_style3 .int_sop_cart_btn>ul>li:first-child {
    margin-right: 26px;
}

.int_header_style3 .int_profile_open ul li a i {
    color: #ff9d34;
}

.int_header_style3 .int_profile_open ul li a:hover {
    color: #ff9d34;
}

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

.int_index3_slider_style3 .int_banner_content {
    width: 45%;
}

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

.int_banner_content span {
    font-weight: 500;
}

.int_banner_content h2 {
    font-size: 18px;
    color: var(--btn-primary);
    margin-bottom: 23px;
}

.int_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*/
.int_service_style3 {
    background-color: var(--bg-card);
    padding: 90px 0 72px;
}

.service_box_style3 {
    text-align: center;
}

.int_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 .int_srbox3_circle {
    background-color: #ff9d34;
}

.int_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 .int_srbox3_circle:after {
    border: 1px solid rgba(255, 157, 52, 0.45);
}

.service_box_style3 h4 {
    font-size: 22px;
    color: var(--btn-primary);
    margin: 30px 0 10px;
}

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

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

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

.int_heading_style3 h2 {
    color: var(--btn-primary);
    text-transform: capitalize;
    font-weight: 500;
    margin-top: 6px;
}

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

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

.int_categories_box_section .int_project_gallery .bottom_content {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 35px;
    color: var(--btn-primary);
    z-index: 1;
}

.int_categories_box_section .int_project_gallery .bottom_content>h3 {
    font-size: 14px;
    color: var(--btn-primary);
    font-weight: 500;
    text-transform: capitalize;
}

.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: var(--btn-primary);
    letter-spacing: 2px;
}

.int_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*/
.int_deal_section_style3 .int_heading_style3 {
    margin-bottom: 40px;
}

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

.int_deal_text3 h1 {
    color: var(--btn-primary);
    font-size: 42px;
    font-weight: 300;
    margin-bottom: 15px;
    width: 350px;
}

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

.int_deal_text3 h2 {
    color: var(--btn-primary);
}

.int_deal_text3 h6 {
    color: var(--btn-primary);
    font-size: 14px;
}

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

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

.int_product_section .int_heading_style3 {
    margin-bottom: 22px;
}

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

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

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

.product_grid.style-2 {
    padding: 15px;
    background-color: var(--light-green);
    margin-bottom: 40px;
}

.product_list_view .product_item {
    margin: 0;

}


.product_item {
    /* padding: 10px; */
    position: relative;
    background-color: var(--light-green);
    overflow: hidden;
    margin: auto;
}

.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: var(--btn-primary);
    padding: 30px 40px 10px;
    transform: rotate(45deg);
    width: 120px;
} */
/* .product_overlay h4 {
    color: var(--btn-primary);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
} */
.product_ovr_links li.btn-wishlist{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
}
.product_ovr_links li.btn-wishlist a{
    padding: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--yellow);
    border-radius: 50%;
}
.product_item:hover .product_ovr_links li.btn-wishlist{
    visibility: visible;
    opacity: 1;
}

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

.product_ovr_links ul li.stock-lable{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
}
.product_ovr_links ul li.stock-lable span{
    padding: 5px 10px;
}
.product_ovr_links ul li.stock-lable span.in-stock{
    background-color: var(--light-green);
    color: #ffffff;
}
.product_ovr_links ul li.stock-lable span.out-stock{
    background-color: red;
    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; */
    /* padding: 10px 0px 10px 10px; */
    text-align: center;
}

.product_text_rs h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 20px;
    color: #ffffff;
}

.product_text_rs h3:hover {
    color: var(--primary-light);
}

.product_text_rs h6 {
    margin-top: 10px;
}

.product_text_rs p {
    font-size: 18px;
    color: var(--btn-primary);
}

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

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

.listing .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;
}

.listing img {
    max-width: 90%;
}

.listing {
    padding-bottom: 25px;
}

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

.int_shop_main {
    background-color: #0c0d1c;
    padding: 0 50px 44px;
    width: 100%;
    float: left;
}

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

.int_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;
}

.int_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%);
}

.int_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;
}

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

.int_shop_btntext {
    width: 40%;
    float: left;
    margin-top: 180px;
}

.int_shop_btntext h4 {
    color: var(--btn-primary);
    font-size: 34px;
    font-weight: 300;
    margin-bottom: 13px;
}

.int_shop_btntext a {
    color: var(--btn-primary);
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: solid 1px var(--btn-primary);
    display: inline-block;
}

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

.int_shop_img {
    width: 60%;
    float: left;
    text-align: right;
}

.int_shop_center {
    background-color: var(--bg-card);
    width: 100%;
    float: left;
    padding: 41px 50px;
}

.int_shop_center .int_shop_btntext {
    margin-top: 100px;
}

.int_shop_right {
    background-color: #0c0d1c;
    width: 100%;
    float: left;
    padding: 40px 50px;
}

.int_shop_right .int_shop_btntext {
    margin-top: 100px;
}

/* Index v3 Shop Now css end*/
/* Index v3 Product Slider css start*/
.int_product_slider {
    background-color: #0c0d1c;
    padding: 77px 0 80px;
}

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

.int_product_slider_box .swiper-pagination-bullet {
    background: var(--primary-light);
    opacity: 1;
}

.int_product_slider_box .swiper-pagination-bullet-active {
    background: var(--yellow);
    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*/
.int_client_slider {
    padding: 70px 0;
    text-align: center;
}

.int_client_slider .swiper-pointer-events {
    position: relative;
    overflow: hidden;
}

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

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

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

.int_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;
}

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

.int_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;
    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 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;
}

.int_testimonial_style3 .swi_user:after,
.int_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;
}

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

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

/* Index v3 Testimonial css start*/
/* Index v3 Instagram post css start*/
.row .int_insta_box {
    padding: 0;
}

.int_insta_post {
    text-align: center;
}

.int_insta_post ul li {
    width: 12.5%;
    float: left;
    position: relative;
    overflow: hidden;
}

.int_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;
}

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

.int_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;
}

.int_insta_post ul li:hover .int_insta_overlay {
    visibility: visible;
    opacity: 1;
}

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

/* Index v3 Instagram post css end*/
/* Index v3 footer css start*/
.int_footer_wrapper.int_footer_style3 {
    padding: 80px 0 30px 0;
}

.int_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;
}

.int_footer_style3 ul li a:hover {
    color: var(--btn-primary);
    background: #ff9d34;
    border: solid 1px #ff9d34;
}

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

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

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

.int_footer_threemenu ul li a {
    display: inherit;
    width: inherit;
    height: inherit;
    color: var(--btn-primary);
    background-color: transparent;
    border: none;
    text-align: left;
    margin: 0;
    line-height: 1.8;
}

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

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

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

.int_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;
}

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

.int_bottom_footer_style3 {
    background: var(--bg-card);
}

.int_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 */
.int_header_wrapper.int_header_style4 {
    padding: 0 50px 10px 65px;
    position: absolute;
    width: 100%;
    top: 0;
}

.int_header_wrapper.int_header_style4 .container-fluid {
    z-index: 11;
    position: relative;
}

.int_header_style4 .int_logo {
    margin-left: 0;
}

.int_header_style4 .int_nav .int_menu>ul>li:after {
    background: #ff9d34;
}

.int_header_style4 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a:hover {
    color: #ff9d34;
}

.int_header_style4 .int_nav .int_menu>ul>li>a {
    color: #222222;
}

.int_header_style4 .int_nav .int_menu>ul>li>a:hover {
    color: #ff9d34;
}

.int_header_style4 .int_nav .int_cartsec>ul>li>.cart_round span {
    background-color: #ff9d34;
    color: var(--btn-primary);
}

.int_header_style4 .int_nav .int_cartsec>ul>li .setting_toggle .toggle_caret {
    color: #ff9d34;
}

.int_index4_slider_style4 {
    padding: 0px !important;
    overflow: hidden;
    position: relative;
    min-height: 100vh;
}

.int_index4_slider_style4 .container-fluid {
    padding: 0px !important;
}

.int_index4_slider_style4 .swiper-container {
    /* padding: 0 0 80px; */
    padding: 0px !important;
}

.int_header_style4 .int_nav .int_cartsec>ul>li:after {
    background: #e8e8e8;
}

.int_header_style4 .int_cartsec span {
    margin-left: 5px;
}

.int_header_style4 .int_sop_cart_btn>ul {
    text-align: center;
}

.int_header_style4 .int_sop_cart_btn>ul>li:first-child {
    margin-right: 26px;
}
.int_index4_slider_style4 .swiper-pagination-bullet{
    background: var(--primary-light);
}
.int_index4_slider_style4 .swiper-pagination-bullet-active {
    background: var(--yellow);
    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;
}

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

/* Index v4 Header css start */
/* Index v4 Slider banner css start */
.int_banner_content.int_banner_slider4 {
    margin-top: 10px;
}

.int_banner_slider4 h6 {
    color: var(--bg-page);
    letter-spacing: 4px;
}

.int_banner_slider4 h1 {
    color: var(--yellow);
    font-size: 32px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 42px;
}

.int_banner_slider4 h2 {
    color: #222222;
}

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

.int_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 */
.int_shop_now_style4 {
    padding: 80px 0 69px;
}

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

.int_sale_first_style4 {
    border: solid 2px var(--btn-primary)6d5;
    padding: 0 16px 46px 40px;
    width: 100%;
    min-height: 356px;
    overflow: hidden;
}

.int_sale_four {
    width: 40%;
    float: left;
    margin-top: 45px;
}

.int_sale_img4 {
    width: 60%;
    float: left;
    text-align: right;
    position: relative;
}

.int_sale_first_style4 .int_sale_img4:after {
    position: absolute;
    content: "";
    width: 405px;
    height: 405px;
    background-color: var(--btn-primary)6d5;
    top: -20px;
    left: 25px;
    border-radius: 100%;
    z-index: -1;
}

.int_sale_first_style4 .int_sale_img4 img {
    margin-top: 60px;
}

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

.int_sale_first_style4:hover img,
.int_sale_style4:hover img {
    transform: scale(1.1);
}

.int_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;
}

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

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

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

.int_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 */
.int_categories_style3.int_top_product_style4 {
    background-color: var(--btn-primary);
    padding: 0 0 30px;
}

.int_top_product_style4 .int_heading_style3 h4 {
    color: #222222;
}

.int_top_product_style4 .int_heading_style3 h2 {
    color: #222222;
}

.int_top_product_style4 .int_project_gallery .bottom_content>h3 {
    font-size: 14px;
    color: #222222;
    font-weight: 500;
    text-transform: capitalize;
}

.int_top_product_style4 .int_project_gallery .grid_img:before {
    background: rgba(255, 255, 255, 0.9);
}

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

.int_top_product_style4 .int_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 */
.int_service_style3.int_service_style4 {
    background-color: #222222;
}

.int_service_style4 .int_srbox3_circle {
    background-color: #2a2a2a;
}

.int_service_style4 .int_srbox3_circle:after {
    border: 1px dashed #262941;
}

/* Index v4 Index4 Service Section css end */
/* Index v4 Index4 Product css start */
.int_product_section.int_product_style4 {
    background-color: var(--btn-primary);
    padding: 77px 0 31px;
}

.int_product_style4 .int_heading_style3 h4 {
    color: #222222;
}

.int_product_style4 .int_heading_style3 h2 {
    color: #222222;
}

.int_product_style4 .int_project_gallery .gallery_nav ul li {
    color: #222222;
}

.int_product_style4 .product_item {
    background-color: transparent;
    border: solid 1px var(--light-green);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

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

/* .int_product_style4 .product_overlay {
    background-color: #afcfff;
} */
.int_product_style4 .product_text_rs h3 {
    color:var(--primary-dark);
}

.int_product_style4 .product_text_rs p {
    color: var(--light-green);
}

/* Index v4 Product css end */
/* Index v4 Testimonial css start */
.int_testimonial_style4 .swiper-pointer-events {
    position: relative;
}

.int_testimonial_style4 {
    background-color: #f7f7f7;
    padding: 77px 0 80px;
}

.int_testimonial_style4 .int_heading_style3 {
    margin-bottom: -3px;
}

.int_testimonial_style4 .int_heading_style3 h4 {
    color: #222222;
}

.int_testimonial_style4 .int_heading_style3 h2 {
    color: #222222;
}

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

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

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

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

.int_username_four h3 {
    font-size: 18px;
    color: var(--btn-primary);
}

.int_testimonial_style4 .int_qoute_svg svg {
    width: 170px;
    height: 136px;
    opacity: 0.1;
}

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

.int_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;
}

.int_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*/
.int_product_slider.int_product_style4 {
    background-color: var(--btn-primary);
}

.int_product_style4 .int_product_slider_box .swiper-pagination-bullet {
    background: #d3d3d3;
}

.int_product_style4 .int_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 */
.int_subscribe_style4 {
    background-color: #222222;
    padding: 73px 0;
}

.int_info_four h2 {
    color: var(--btn-primary);
}

.int_info_four p {
    color: var(--btn-primary);
    font-size: 18px;
}

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

.int_textbox_subscribe4 .int_search_wrapper {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.int_textbox_subscribe4 .int_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;
}

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

.int_textbox_subscribe4 .int_search_wrapper a.index4_btn {
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #ff9d34;
    border-radius: 50px;
    color: var(--btn-primary);
}

.int_textbox_subscribe4 .int_search_wrapper a.index4_btn:hover {
    background: #222222;
}

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

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

/* Index v4 Subscribe Newsletter css end */
/* Index v4 Footer css start */
.int_footer_wrapper.int_footer_style4 {
    padding: 80px 0 30px 0;
}

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

.int_footer_style4 p {
    color: #555555;
}

.int_footer_style4 .footer_box .footer_hours li {
    color: #ffff;
}

.int_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;
}

.int_footer_style4 ul li a:hover {
    color: var(--btn-primary);
    background: #ff9d34;
    border: solid 1px #ff9d34;
}

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

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

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

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

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

.int_footer_style4 .int_footer_partner_style3 {
    border-top: solid 1px #e9e9e9;
}

/* Index v4 Footer bottom css */
.int_bottom_footer_wrapper.int_bottom_footer_style4 {
    background: #222222;
}

.int_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*/
.int_header_wrapper.int_header_style1 {
    padding: 0 51px 0 0;
}

.int_header_style1 .int_logo {
    padding-top: 29px;
    margin-left: 0;
}

.int_about_page_title {
    background-image: url(../images/slider3/bread_crumb.jpg);
    background-size: cover;
    background-position: bottom;
    padding: 150px 35px 50px 35px;
    position: relative;
    z-index: 9;
}

.int_about_page_title:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, #48453c4d, var(--primary));
    z-index: -1;
}

.int_bread_crumbs h1 {
    font-size: 40px;
    font-weight: 400;
    color: var(--text-secondary);
}

.int_home_crumbs {
    text-align: center;
}

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

.int_home_crumbs ul li a {
    color: var(--yellow);
}

.int_home_crumbs ul li span {
    color: #fff;
    text-transform: capitalize;
}

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

.int_about_section2 .about_contentbox {
    background-color: var(--btn-primary);
    padding: 77px 30px 80px 30px;
}

.int_about_section2 span {
    border-bottom: solid 2px var(--btn-primary);
}

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

.int_counter_style2.int_about_counter2 {
    margin: 0;
    padding: 80px 0 70px;
}

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

.int_aboutus_service_section .int_heading h4 {
    color: var(--btn-primary);
}

.int_aboutus_service_section .int_heading h2 {
    color: #222222;
    margin-bottom: 40px;
}

.int_service_box2 {
    text-align: center;
    padding: 52px 30px;
    border: solid 1px #efefef;
    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;
}

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

.int_service_box2 h4:after {
    position: absolute;
    content: "";
    background-color: var(--btn-primary);
    width: 60px;
    height: 2px;
    top: 34px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

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

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

.int_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;
}

.int_service_box2:hover svg {
    fill: var(--btn-primary);
}

.int_what_style2 .int_heading h4 {
    color: var(--btn-primary);
}

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

.int_what_style2 .about_contentbox h3 {
    color: var(--btn-primary);
}

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

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

.int_what_style2 .about_deatils {
    color: #555555;
}

.int_what_style2 .about_contentbox .int_btn .about_btnicon {
    background: var(--btn-primary);
    border-right: 1px solid #ff90a8;
}

.int_what_style2 .about_btnicon svg path {
    fill: var(--btn-primary);
}

.int_what_style2 .about_contentbox .int_btn {
    background: var(--btn-primary);
}


.int_process_wrapper.int_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;
}


.int_process_back_change2 .process_circle h2:after {
    background: transparent;
    border: 6px solid var(--primary-light);
}

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

.int_process_back_change2 .process_circle:after {
    background: var(--primary-light);
    opacity: 0.5;
    z-index: 9;
}

.int_process_back_change2 .process_box h1:after {
    background: var(--btn-primary);
}

.int_testimonial_wrapper.int_testimonial_backchange2 {
    background-color: transparent;
}

.int_testimonial_backchange2 .int_heading h4 {
    color: var(--btn-primary);
}

.int_testimonial_backchange2 .int_heading h2 {
    color: #222222;
}

.int_testimonial_backchange2 .swi_user img {
    border: 3px solid var(--btn-primary);
}

.int_testimonial_backchange2 .swi_user:after {
    background: var(--btn-primary);
}

.int_testimonial_backchange2 .swi_user:before {
    background: var(--btn-primary);
}

.int_testimonial_backchange2 .swi_contentbox span {
    color: var(--btn-primary);
}

.int_testimonial_backchange2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--btn-primary);
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.int_testimonial_backchange2 .swiper-pagination-bullet {
    background: #d8d8d8;
}

/* Index v2 About us css end */
/* Index v1 Dark About us css start */
.int_about_page_title.int_dark_about_title:after {
    background-image: linear-gradient(180deg, #48453c4d, var(--primary));
    z-index: -1;
}

.int_dark_about_title .int_bread_crumbs h1 {
    color: var(--btn-primary);
}

.int_dark_about_title .int_home_crumbs a {
    color: var(--btn-primary);
}

.int_dark_about_title .int_home_crumbs span {
    color: var(--text-primary);
}

.int_dark_about_section2 {
    background: url(../images/dark_about_side.jpg) no-repeat center left;
    background-color: var(--bg-section-alt);
}

.int_dark_about_section2 .about_contentbox {
    background: var(--bg-section-alt);
    padding: 77px 30px 80px 30px;
}

.int_dark_about_section2 h5 {
    font-size: 16px;
    color: var(--btn-primary);
    margin-top: 20px;
}

.int_dark_about_section2 .about_head1 {
    font-size: 32px;
}

.int_dark_about_section2 span {
    border-bottom: solid 2px var(--text-primary);
}

.int_dark_about_section2 p.about_deatils_two {
    margin-top: 20px;
    color: #cdcdcd;
}

.int_dark_about_section2 .int_btn {
    min-width: 140px;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    background: var(--text-primary);
    margin-left: 0;
    letter-spacing: 0px;
}

.int_dark_about_section2 .int_btn:hover {
    color: var(--btn-primary);
    background: #555555;
}

.int_dark_counter2 {
    background-color: var(--bg-page);
    padding: 80px 0 72px;
}

.int_darkab_service_section {
    background-color: var(--bg-section-alt);
    padding: 77px 0 50px;
}

.int_darkab_service_section .int_service_box2 {
    border: solid 1px var(--bg-page);
    background-color: var(--bg-page);
}

.int_darkab_service_section .int_service_box2:hover {
    border: solid 1px var(--text-primary);
}

.int_darkab_service_section .int_service_box2 svg {
    fill: var(--text-primary);
}

.int_darkab_service_section .int_service_box2 h4 {
    color: var(--btn-primary);
}

.int_darkab_service_section .int_service_box2 h4:after {
    background-color: var(--text-primary);
}

.int_darkab_service_section .int_service_box2 p {
    color: #cdcdcd;
}

.int_darkab_service_section .int_service_box2:hover svg {
    fill: var(--btn-primary);
}

.int_dark_video_section .int_video_loader {
    border: solid 3px var(--text-primary);
}

.int_dark_client_section {
    background-color: var(--bg-section-alt);
}

.int_dark_client_section .int_client_logo_section_style2 {
    background-color: var(--bg-page);
}

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

.int_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%);
}

.int_about_wrapper.int_dark_what_section {
    background-color: var(--bg-section-alt);
}

.int_dark_what_section .about_imgbox .about_img {
    z-index: 2;
}

.int_dark_what_section .about_img .child_imgbox:after {
    border: 10px solid var(--bg-page);
}

.int_dark_what_section .int_btn {
    background: var(--text-primary);
}

.int_dark_what_section .int_btn .about_btnicon {
    background: var(--text-primary);
    border-right: 1px solid #ccad8b;
}

.int_dark_what_section .int_btn:hover {
    background: #555555;
}

/* Index v1 Dark About us css end */
/* Index v1 Portfolio css start */
.int_project_wrapper.int_project_style2.int_project_portfolio {
    padding: 77px 0 80px;
    background-image: none;
}

.int_project_portfolio .int_btn {
    margin-top: 30px;
}

.int_view_gallery {
    display: none;
}

.int_view_gallery.int_view_gallery_view {
    display: block;
}

/* Index v1 Portfolio css end */
/* Index v2 Dark Portfolio css start */
.int_project_wrapper.int_dark_portfolio_gallery {
    padding: 70px 0 70px;
}

.int_dark_portfolio_gallery .int_btn {
    margin-top: 29px;
}

/* Index v2 Dark Portfolio css end */
/* Index v2 White Service css start */
.int_service_wrapper.int_service_white {
    background-color: var(--btn-primary);
}

.int_service_white .int_heading h4 {
    color: var(--btn-primary);
}

.int_service_white .int_heading h2 {
    color: #222222;
}

/* Index v2 White Service css end */
/* Index v2 Blog Category page css start */
.int_blog_category {
    background-color: var(--bg-section-alt);
    padding: 70px 0px;
}

.int_blog_box {
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 50px;
}

.int_blog_user {
    margin: 10px 0;
}
.int_blog_user ul{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.int_blog_user ul li {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    position: relative;
    vertical-align: middle;
}

/* .int_blog_user ul li:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: var(--btn-primary);
    top: 0;
    bottom: 0;
    left: -18px;
    margin: auto;
} */

.int_blog_user ul li:first-child:after {
    display: none;
}

.int_blog_user ul li a {
    text-transform: capitalize;
    color: var(--btn-primary);
    letter-spacing: 1px;
}
.int_blog_user ul li a i{
    color: var(--primary-dark);
}
.int_blog_user ul li span {
    color: var(--light-green);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    font-size: 14px;
    font-weight: 500;
}

.int_blog_user ul li span:hover {
    color: var(--btn-primary);
}

.int_blog_post h2 {
    font-size: 20px;
    line-height: 25px;
    color: var(--text-primary);
}

.int_blog_post h2 a {
    font-size: 20px;
    line-height: 25px;
    color: var(--text-primary);
}

.int_blog_post h2 a:hover {
    color: var(--btn-primary);
}

.int_blog_post p {
    color: var(--text-dark);
    margin: 10px 0 25px;
}
.int_blog_post a.int_btn{
    margin-top: 15px;
}
/* .int_blog_post_slider .swiper-button-next {
    top: 168px;
}

.int_blog_post_slider .swiper-button-prev {
    top: 168px;
} */

.int_blog_post_video {
    position: relative;
}

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

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

.int_blog_post_video .int_video_icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

.int_blog_post_video .int_video_loader {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

.int_blog_post_video .int_video_loader a:after {
    width: 80px;
    height: 80px;
}

.int_blog_pagination a.page-link {
    color: var(--btn-primary);
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
    border: 1px solid var(--btn-primary);
    box-shadow: none;
}

.int_blog_pagination .page-item:first-child .page-link {
    width: 85px;
    border-radius: 0;
}

.int_blog_pagination .page-item:last-child .page-link {
    width: 85px;
    border-radius: 0;
}

.int_blog_pagination .page-item.active .page-link {
    color: white;
    background-color: var(--btn-primary);
    border-color: #efefef;
    transition: 0.3s all;
    z-index: 1;
}

.int_blog_pagination .page-item .page-link:hover {
    transform: scale(1.2);
}

.int_blog_pagination .page-link:hover {
    background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
    color: var(--bg-page);
    box-shadow: 0px 12px 15px 0px rgba(107, 79, 63, 0.3);
}

.int_blog_pagination i.fas.fa-chevron-left {
    margin-right: 2px;
}

.int_blog_pagination i.fas.fa-chevron-right {
    margin-left: 2px;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    color: var(--btn-primary);
    font-size: 20px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    color: var(--btn-primary);
    font-size: 20px;
}

/* Index v2 Blog Sidebar css */
/* .int_sidebar_box {
    margin-bottom: 46px;
} */

.int_sidebar_box.recent_blog_one {
    margin-bottom: 38px;
}

.int_sidebar_box.recent_blog_two {
    margin-bottom: 32px;
}

.int_sidebar_box h4 {
    position: relative;
    color: #222222;
    font-size: 22px;
    border-bottom: solid 3px var(--btn-primary);
    display: inline-block;
    padding-bottom: 10px;
}

/* .int_sidebar_box h4:after {
    position: absolute;
    content: "";
    width: 360px;
    height: 1px;
    background-color: #efefef;
    bottom: -2px;
    left: 0;
    z-index: -1;
} */
/* remove default line */
.int_sidebar_box h4:after {
    content: none;
}

/* show line ONLY when open */
.int_sidebar_box.active h4:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #e5ded4;
    bottom: 0px;
    left: 0;
}

.int_sidebar_box:not(.active) h4:after {
    content: none !important;
}


.int_search_btn {
    margin-top: 30px;
}

.int_search_btn input {
    width: 300px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    background-color: #f6f6f6;
    border: none;
    color: #222222;
}

.int_search_btn button {
    background-color: var(--btn-primary);
    color: var(--btn-primary);
    border: none;
    padding: 0 21px;
    transition: 0.3s all;
    height: 60px;
}

.int_search_btn button:hover {
    background-color: #555;
}

.int_recent_blog_post {
    margin-top: 30px;
}

.int_recent_post {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.int_recent_post:last-child {
    margin-bottom: 0;
}

.int_img_post {
    margin-right: 20px;
}

.int_img_post a {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.int_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);
}

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

.int_post_title a {
    color: #222222;
    font-size: 18px;
    margin-bottom: 3px;
}

.int_post_title a:hover {
    color: var(--btn-primary);
}

.int_post_title p {
    color: var(--btn-primary);
}

.int_blog_category_mini {
    margin-top: 25px;
}

.int_blog_category_mini ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}

.int_blog_category_mini ul li a {
    display: inline-block;
}

.int_blog_category_mini ul li:last-child {
    margin-bottom: 0;
}

.int_blog_category_mini ul li a:hover {
    color: var(--btn-primary);
}

.int_blog_category_mini svg {
    margin-right: 5px;
}

.int_blog_insta_post {
    margin-top: 30px;
}

.int_blog_insta_post ul {
    column-count: 3;
}

.int_blog_insta_post ul li a {
    display: inline-block;
    margin-bottom: 6px;
    position: relative;
    overflow: hidden;
}

.int_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);
}

.int_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 */
.int_blog_category.int_blog_dark_version {
    background-color: var(--bg-section-alt);
    z-index: 0;
    position: relative;
}

.int_blog_dark_version .int_blog_user ul li a {
    color: var(--text-primary);
}

.int_blog_dark_version .int_blog_user ul li span {
    color: var(--light-green);
}

.int_blog_dark_version .int_blog_user ul li span:hover {
    color: var(--text-primary);
}

.int_blog_dark_version .int_blog_user ul li:after {
    background: var(--text-primary);
}

.int_blog_dark_version .int_blog_post h2 {
    color: var(--btn-primary);
}

.int_blog_dark_version .int_blog_post h2 a {
    font-size: 26px;
    color: var(--btn-primary);
}

.int_blog_dark_version .int_blog_post h2 a:hover {
    color: var(--text-primary);
}

.int_blog_dark_version .int_blog_post p {
    color: #cdcdcd;
}

.int_blog_dark_version .int_auther_content p {
    color: var(--btn-primary);
}

.int_blog_dark_version a.int_btn {
    width: 140px;
}

.int_blog_dark_version .swiper-button-prev:hover,
.int_blog_dark_version .swiper-button-next:hover {
    background-color: var(--text-primary);
}

.int_blog_dark_version .int_video_loader {
    border: solid 3px var(--text-primary);
}

.int_blog_dark_version .int_blog_pagination a.page-link {
    color: var(--btn-primary);
    border: 1px solid #383f45;
    background-color: var(--bg-section-alt);
}

.int_blog_dark_version .int_blog_pagination .page-item.active .page-link {
    background-color: var(--text-primary);
    border-color: var(--text-primary);
}

.int_blog_dark_version .int_blog_pagination .page-link:hover {
    background-color: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--btn-primary);
    box-shadow: 0 0 0 0 rgba(255, 29, 77, 0.3);
}

.int_blog_dark_version .int_sidebar_box h4 {
    color: var(--btn-primary);
    border-bottom: solid 3px var(--text-primary);
}

/* .int_blog_dark_version .int_sidebar_box h4:after {
    background-color: #3e4247;
} */

.int_blog_dark_version .int_search_btn input {
    background-color: var(--bg-page);
    color: var(--btn-primary);
}

.int_blog_dark_version .int_search_btn input::placeholder {
    color: #cdcdcd;
}

.int_blog_dark_version .int_search_btn button {
    background-color: var(--text-primary);
    height: 60px;
}

.int_blog_dark_version .int_search_btn button:hover {
    background-color: #555;
}

.int_blog_dark_version .int_post_title a {
    color: var(--btn-primary);
}

.int_blog_dark_version .int_post_title a:hover {
    color: var(--text-primary);
}

.int_blog_dark_version .int_post_title p {
    color: var(--text-primary);
}

.int_blog_dark_version .int_blog_category_mini ul li a {
    color: var(--btn-primary);
}

.int_blog_dark_version .int_blog_category_mini ul li span {
    color: var(--btn-primary);
}

.int_blog_dark_version .int_blog_category_mini ul li a:hover {
    color: var(--text-primary);
}

/* Index v2 Blog Category Dark page css end */
/* Index v2 Blog Single css start */
.int_blog_box.int_blog_single {
    margin-bottom: 0;
}

.int_blg_img_post {
    margin-bottom: 23px;
}

.int_blg_img_post ul {
    column-count: 3;
}

.int_blg_img_post ul li a {
    display: inline-block;
}

.int_blg_post_link {
    display: flex;
    margin-top: -10px;
}

ul.post_link1 {
    flex: 50%;
}

ul.post_link1 svg {
    margin-right: 10px;
}

.int_blog_testimonial {
    background-color: var(--btn-primary);
    padding: 50px 80px;
    position: relative;
    text-align: center;
}

.int_blog_testimonial h5 {
    color: var(--bg-page);
    font-size: 18px;
}

.int_blog_testimonial h3 {
    color: var(--text-secondary);
    font-size: 18px;
    margin-top: 15px;
}

.int_blog_testimonial span {
    font-size: 14px;
}

.int_blog_testimonial .int_qoute_svg svg {
    width: 184px;
    height: 142px;
}

.int_post_flex {
    width: 100%;
    display: inline-block;
    margin-top: 23px;
}

.int_post_flex p {
    margin: 0;
}

.int_post_section1 {
    width: 34%;
    display: inline-block;
    vertical-align: top;
}

.int_post_section1 img {
    padding: 5px 10px 5px 0;
}

.int_post_section2 {
    width: 65%;
    display: inline-block;
}

.int_post_section2 p {
    margin: 0;
}

.int_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;
}

.int_select_tag {
    width: 50%;
}

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

.int_select_tag ul li a {
    margin-right: 5px;
}

.int_select_tag ul li a:hover {
    color: var(--btn-primary);
}

.int_select_tag ul li i.fas.fa-tags {
    color: var(--btn-primary-hover);
}

.int_select_social {
    width: 50%;
    text-align: right;
}

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

.int_select_social ul li a {
    color: var(--text-primary);
    margin-left: 15px;
}

.int_select_social ul li a:hover {
    color: var(--btn-primary);
}

.int_auther_box {
    display: flex;
    padding: 20px;
    align-items: center;
    background-color: var(--btn-primary);
}

.int_auther_img {
    flex: none;
    margin-right: 30px;
}

.int_auther_content h5 {
    color: var(--btn-primary);
    font-size: 24px;
}

.int_auther_content span {
    background-color: var(--btn-primary);
    color: var(--btn-primary);
    font-size: 14px;
    padding: 4px 10px 3px;
    border-radius: 3px;
    margin-left: 5px;
    vertical-align: middle;
}

.int_auther_content p {
    color: var(--btn-primary);
    margin: 6px 0 0;
}

.int_blog_comment_box {
    padding: 73px 0 0;
}

.int_blog_comment_box h1 {
    font-size: 32px;
    color: #222222;
    margin-bottom: 10px;
}

.int_profile_box {
    display: flex;
    padding: 30px 0 22px;
}

.int_blog_comment_box ul li {
    position: relative;
}

.int_blog_comment_box ul li:after {
    position: absolute;
    content: "";
    background-color: #efefef;
    height: 1px;
    width: 100%;
    bottom: 0;
}

.int_blog_comment_box ul li:last-child:after {
    display: none;
}

ul.comment_left {
    padding-left: 115px;
}

.int_user_profile {
    width: 90px;
}

.int_user_text {
    width: calc(100% - 90px);
}

.int_user_text h5 {
    color: #222222;
    font-size: 20px;
}

.int_user_text svg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.int_user_text svg path {
    fill: var(--btn-primary);
}

.int_user_text span {
    color: var(--btn-primary);
    font-size: 14px;
    letter-spacing: 2px;
}

.int_user_text p {
    color: #555555;
}

.int_user_text a {
    color: var(--btn-primary);
    text-transform: uppercase;
}

.int_user_text a:hover {
    color: #222222;
}

.int_blog_form {
    padding-top: 42px;
}

.int_blog_form h2 {
    font-size: 32px;
    color: #222222;
    margin-bottom: 20px;
}

.int_blog_form input {
    height: 52px;
    line-height: 45px;
    border: solid 1px #ebebeb;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 20px;
}

.int_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 */
.int_blog_box.int_blog_single_dark {
    margin-bottom: 0;
}

.int_blog_single_dark .int_blg_post_link ul li a {
    color: #cdcdcd;
}

.int_blog_single_dark .int_blog_testimonial {
    background-color: var(--bg-page);
}

.int_blog_single_dark .int_social_blog_pst {
    border-top: solid 1px #3e4247;
    border-bottom: solid 1px #3e4247;
}

.int_blog_single_dark .int_select_tag ul li i.fas.fa-tags {
    color: var(--text-primary);
}

.int_blog_single_dark .int_select_tag ul li a {
    color: var(--btn-primary);
}

.int_blog_single_dark .int_select_tag ul li a:hover {
    color: var(--text-primary);
}

.int_blog_single_dark .int_select_social ul li a {
    color: #616467;
}

.int_blog_single_dark .int_select_social ul li a:hover {
    color: var(--text-primary);
}

.int_blog_single_dark .int_auther_box {
    background-color: #c6a47f;
}

.int_blog_single_dark .int_auther_content span {
    color: #c6a47f;
}

.int_blog_single_dark .int_blog_comment_box h1 {
    color: var(--btn-primary);
}

.int_blog_single_dark .int_blog_comment_box ul li:after {
    background-color: #3e4247;
}

.int_blog_single_dark .int_user_text h5 {
    color: var(--btn-primary);
}

.int_blog_single_dark .int_user_text span {
    color: #c6a47f;
}

.int_blog_single_dark .int_user_text p {
    color: #cdcdcd;
}

.int_blog_single_dark .int_user_text svg path {
    fill: #c6a47f;
}

.int_blog_single_dark .int_user_text a {
    color: #c6a47f;
}

.int_blog_single_dark .int_user_text a:hover {
    color: var(--btn-primary);
}

.int_blog_single_dark .int_blog_form h2 {
    color: var(--btn-primary);
}

.int_blog_single_dark .int_blog_form input,
.int_blog_single_dark .int_blog_form textarea {
    border: solid 1px #3e4247;
    background-color: transparent;
    color: var(--btn-primary);
}

.int_blog_single_dark .int_blog_form input::placeholder,
.int_blog_single_dark .int_blog_form textarea::placeholder {
    color: #cdcdcd;
}

/* Index Blog Single Dark css end */
/* Index v2 Product Category Page css start */
.int_product_sidebar .int_sidebar_box h4:after {
    width: 255px;
}

.int_product_sidebar .int_search_btn input {
    width: 195px;
}

.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: var(--btn-primary);
    height: 3px;
}

.range_slider .ui-state-default {
    border: 1px solid var(--btn-primary);
    background: var(--btn-primary);
    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;
    text-transform: capitalize;
    font-weight: 600;
}

/* Product Filter css */
.int_blog_category.int_product_white {
    background-color: var(--primary-light);
    padding: 61px 0 80px;
}

.product_list_filter {
    margin-bottom: 15px;
}

.product_list_filter>ul>li {
    display: inline-block;
    width: 29%;
    text-align: left;
    color: var(--text-dark);
    /* background-color: var(--bg-page); */
    /* border: 2px solid var(--text-light); */
    text-transform: capitalize;
    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;
}

@media (min-width: 768px) {
    .product_list_filter>ul>li:first-child {
        display: none;
    }
}


.product_list_filter>ul>li:last-child {
    text-align: center;
}

.product_list_filter ul.list_view_toggle>li {
    display: inline-block;
    margin-right: 10px;
}

.list_view_toggle {
    margin-bottom: -5px;
    margin-top: 10px;
}

.product_list_filter>ul>li .nice-select {
    border: none;
    margin: 0 auto;
    float: none;
    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: var(--btn-primary);
}

.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: -30px;
}

.product_list_filter .nice-select {
    background-color: transparent;
}

.list_view_toggle>li>a {
    width: 24px;
    height: 40px;
    display: inline-block;
    align-items: center;
    text-align: center;
    line-height: 19px;
}

.list_view_toggle>li>a.active>svg path {
    fill: var(--btn-primary);
}

/* Product Filter css */
/* Product css */
.int_product_listbar > ul{
    display: flex;
    flex-wrap: wrap;
}
.int_product_listbar.int_product_style4 {
    text-align: center;
    /* padding-bottom: 25px; */
}

.int_product_listbar>ul>li {
    display: inline-block;
    width: 32%;
}

/* list view css */
.int_product_listbar .product_item_block .content_block {
    position: relative;
    padding: 32px 30px 0;
    display: none;
    text-align: left;
}

.int_product_listbar.product_list_view .product_item_block .content_block {
    display: block;
}

.product_list_view .product_text_rs {
    display: none;
}

.product_list_view.int_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;
    text-transform: capitalize;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 5px;
}

.content_block .product_price_box>h5 {
    font-size: 26px;
    color: var(--text-light);
    text-transform: capitalize;
    font-weight: 700;
}

.content_block .product_price_box>h5>span {
    font-size: 20px;
}

.content_block>p {
    margin-bottom: 20px;
    color: var(--text-dark);
}

.content_block>.rating_section {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.content_block>.rating_section span {
    color: var(--btn-primary);
    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: var(--btn-primary);
}

.content_block>.rating_section {
    margin-bottom: 10px;
}

.content_block>.rating_section>p {
    margin: 0;
    text-transform: capitalize;
    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;
    text-transform: capitalize;
    color: #555555;
}

.content_block>.product_code>li>p span {
    color: var(--text-secondary);
}

.int_product_listbar.product_list_view>ul>li {
    width: 100%;
}

.int_product_listbar.product_list_view>ul>li>.product_item_block {
    display: flex;
    margin-bottom: 30px;
}

.int_product_listbar.product_list_view .product_item_block .product_grid {
    box-shadow: none;
    margin-bottom: 0;
}

.int_product_listbar.product_list_view .product_item_block .product_grid:hover {
    box-shadow: none;
    margin: 0;
}

.product_list_view.int_product_style4 .product_item:hover {
    box-shadow: none;
}

/* Index v2 Product Category Page css end */
/* Index Product Category Dark css start */
.int_blog_dark_version.int_product_dark {
    padding: 65px 0 80px;
    background-color: var(--primary-light);
    position: relative;
    z-index: 2;
}

.int_blog_sidebar.int_product_sidebar {
    margin-top: 15px;
    border: 1px solid var(--btn-primary);
}

.int_product_dark .price_range p {
    color: var(--btn-primary);
}

.int_product_dark .range_slider .ui-widget.ui-widget-content {
    border: solid 1px #53575b;
    background: #53575b;
}

.int_product_dark .range_slider .ui-state-default {
    border: 1px solid var(--text-primary);
    background: var(--text-primary);
}

.int_product_dark .range_slider .ui-slider .ui-slider-range {
    background-color: var(--text-primary);
}

.int_product_dark .int_checkbox>label {
    color: var(--btn-primary);
}

.int_product_dark .int_checkbox>input:checked~label {
    color: var(--text-primary);
}

.int_product_dark .int_checkbox>input:checked~label:before {
    background-color: var(--btn-primary);
    border: solid 1px var(--btn-primary);
}

.int_product_dark .int_checkbox>label:after {
    border-left: 3px solid var(--bg-section-alt);
    border-bottom: 3px solid var(--bg-section-alt);
}

.int_product_dark .int_checkbox>label:before {
    border: solid 1px var(--btn-primary);
    background: var(--btn-primary);
}

.int_product_dark span.current {
    color: var(--btn-primary);
}

.int_product_dark ul.list_view_toggle>li>span {
    color: var(--btn-primary);
}

.int_product_dark .product_list_filter>ul>li .nice-select:after {
    border-color: var(--text-primary);
}

.int_product_dark .list_view_toggle>li>a.active>svg path {
    fill: var(--text-primary);
}

.int_product_dark .product_item {
    background-color: var(--bg-section-alt);
    border: solid 1px #383f45;
}

.int_product_dark .product_ovr_links {
    background-color: #383f45;
}

.int_product_dark .product_overlay {
    background-color: var(--text-primary);
}

.int_product_dark .content_block .product_price_box>h3 {
    color: var(--btn-primary);
}

.int_product_dark .content_block .product_price_box>h5 {
    color: var(--btn-primary);
}

.int_product_dark .content_block>p {
    color: var(--btn-primary);
}

.int_product_dark .content_block>.rating_section span {
    color: var(--text-primary);
}

.int_product_dark .content_block>.rating_section>ul>li>a.active {
    color: var(--text-primary);
}

.int_product_dark .content_block>.rating_section>p {
    color: var(--btn-primary);
}

.int_product_dark .content_block>.product_code>li>p {
    color: var(--btn-primary);
}

.int_product_dark .content_block>.product_code>li>p span {
    color: var(--text-primary);
}

.int_product_dark .product_text_rs span {
    color: #cdcdcd;
}

.int_product_dark .product_text_rs p {
    color: var(--text-primary);
}

.int_product_dark .int_blog_pagination,
.int_product_white .int_blog_pagination {
    margin-left: 16px;
}

/* Index Product Category Dark css end */
/* Index2 Product Single css start */
.int_product_single {
    padding: 80px 0px 50px;
}

.int_thumb_slider {
    text-align: center;
    margin-bottom: 20px;
}

.int_thumb_slider .swiper-slide-active {
    border: solid 1px #ececec;
    cursor: pointer;
}

.int_minithumb_slider .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active {
    border: solid 1px var(--btn-primary);
}

.int_minithumb_slider .swiper-slide {
    border: solid 1px #ececec;
    cursor: pointer;
}

/* Index2 Product Sidebar css end */
.int_price_detail h1 {
    font-size: 30px;
    color: #222222;
    margin-bottom: 5px;
}

.int_price_detail ul {
    border-bottom: solid 1px #ececec;
    padding-bottom: 15px;
}

.int_price_detail ul li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    text-transform: capitalize;
}

.int_price_detail ul li:nth-child(1) {
    color: #222222;
    font-size: 32px;
    font-weight: 500;
}

.int_price_detail ul li:nth-child(2) {
    font-size: 24px;
    color: #b5b5b5;
    text-decoration: line-through;
}

.int_price_detail ul li:nth-child(3) {
    color: var(--btn-primary);
    background-color: #3cb82c;
    padding: 0 10px;
    position: relative;
    margin-right: 18px;
}

.int_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 12px #3cb82c;
}

.int_price_detail ul li:nth-child(4) {
    font-weight: 500;
    color: #222222;
}

.int_price_detail ul li:nth-child(5) i.fa.fa-star.active {
    color: #fbcf00;
}

.int_price_detail ul li:nth-child(5) i.fa.fa-star {
    color: #c6c6c6;
}

.int_thumb_description {
    margin: 30px 0 15px;
}

.int_thumb_description p {
    color: #555555;
    margin-bottom: 10px;
}

.int_thumb_description ul li {
    position: relative;
    font-size: 16px;
    margin-left: 15px;
}

.int_thumb_description ul li:after {
    position: absolute;
    content: "";
    background: red;
    width: 5px;
    height: 5px;
    top: 10px;
    left: -15px;
}

.int_thumb_description ul li span {
    color: #222222;
    font-weight: 500;
}

.int_color_thumb h5 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #222222;
}

.int_color_thumb ul li {
    width: 20px;
    height: 20px;
    background: #f9d042;
    display: inline-block;
    border: solid 2px #f3f3f3;
    cursor: pointer;
}

.int_color_thumb ul li:nth-child(2) {
    background: #f98342;
}

.int_color_thumb ul li:nth-child(3) {
    background: #42aef9;
}

.int_color_thumb ul li:nth-child(4) {
    background: #9442f9;
}

.int_quantity_style2 {
    margin-bottom: 17px;
}

.int_quantity_style2 .int_textbox_subscribe4 {
    margin-top: 13px;
}

.int_quantity_style2 p {
    color: #222222;
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 500;
}

.int_quantity_style2 .int_search_wrapper a.index4_btn {
    background-color: #222222;
    color: var(--btn-primary);
    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;
}

.int_quantity_style2 .int_search_wrapper a.index4_btn:hover {
    background: var(--light-green);
}

.int_quantity_style2 .int_search_wrapper input {
    border: solid 1px #f3f3f3;
    border-radius: 0;
    height: 50px;
    padding: 0 180px 0 15px;
    margin-bottom: 5px;
}

/* quantity css */
.int_quantity_stock h5 {
    font-size: 18px;
    color: #222222;
    font-weight: 500;
    margin-bottom: 25px;
}

.int_quantity_stock span {
    color: #3cb82c;
    font-size: 14px;
}

.int_quantity_stock ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.int_quantity_stock ul li:first-child {
    color: #222222;
    font-size: 18px;
    font-weight: 500;
}

.int_quantity_stock a.int_btn_two {
    background-color: #222222;
}

.int_quantity_stock a.int_btn_two:before {
    background-color: var(--btn-primary);
}

.int_quantity_stock a.svg_icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border: solid 1px #f3f3f3;
    text-align: center;
}

.int_quantity_stock a.svg_icon:hover {
    background-color: var(--btn-primary);
    fill: var(--btn-primary);
}

.int_quantity_stock ul li a svg {
    width: 18px;
}

.quantity_wrapper {
    width: 100px;
    display: inline-block;
    float: left;
}

.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;
}

.int_tab_peragraph {
    border: solid 1px #f3f3f3;
    padding: 43px 50px 25px;
}

.int_tab_peragraph>p {
    color: #555555;
    margin-bottom: 20px;
}

.int_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: transparent;
    text-transform: capitalize;
    color: #222222;
    text-align: center;
    font-size: 16px;
}

.product_detail_tab>ul>li>a.active {
    color: var(--btn-primary);
    font-weight: 500;
    background-color: var(--btn-primary);
}

.additional_info {
    width: 86%;
    position: relative;
}

.additional_info>li {
    width: 50%;
    float: left;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.additional_info>li>span {
    font-size: 16px;
    color: #222;
    text-transform: capitalize;
    font-weight: bold;
    margin-right: 10px;
}

.fd_review_wrapper .review_heading {
    font-size: 20px;
    color: #222222;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.fd_review_wrapper h5 {
    font-size: 20px;
    color: #222222;
    font-weight: 500;
    margin-bottom: 35px;
    text-transform: capitalize;
}

.form_block {
    margin-bottom: 30px;
}

.form_block .form_field {
    height: 40px;
    width: 100%;
    padding: 0px 10px;
    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 */
.int_product_slider_white .int_heading_style3 h4 {
    color: var(--btn-primary);
}

.int_product_slider_white .product_ovr_links {
    background-color: var(--btn-primary);
}

.int_product_slider_white .int_product_slider_box .swiper-pagination-bullet-active {
    background: var(--btn-primary);
    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 */
.int_product_single.int_product_single_dark {
    background-color: var(--bg-section-alt);
}

.int_product_single_dark .int_thumb_slider .swiper-slide-active {
    border: solid 1px #383f45;
}

.int_product_single_dark .int_minithumb_slider .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active {
    border: solid 1px var(--text-primary);
}

.int_product_single_dark .int_minithumb_slider .swiper-slide {
    border: solid 1px #383f45;
}

.int_product_single_dark .int_price_detail h1 {
    color: var(--btn-primary);
}

.int_product_single_dark .int_price_detail ul li:nth-child(1) {
    color: var(--text-primary);
}

.int_product_single_dark .int_price_detail ul li:nth-child(4) {
    color: #cdcdcd;
}

.int_product_single_dark .int_price_detail ul {
    border-bottom: solid 1px #383f45;
}

.int_product_single_dark .int_thumb_description p {
    color: var(--btn-primary);
}

.int_product_single_dark .int_thumb_description ul li {
    color: #cdcdcd;
}

.int_product_single_dark .int_thumb_description ul li span {
    color: var(--btn-primary);
}

.int_product_single_dark .int_thumb_description ul li:after {
    background: var(--text-primary);
}

.int_product_single_dark .int_color_thumb h5 {
    color: var(--btn-primary);
}

.int_product_single_dark p {
    color: var(--btn-primary);
}

.int_product_single_dark .int_search_wrapper input {
    border: solid 1px #515559;
    background-color: var(--bg-section-alt);
    color: var(--btn-primary);
}

.int_product_single_dark .int_search_wrapper a.index4_btn {
    background-color: var(--light-green);
}

.int_product_single_dark .int_search_wrapper a.index4_btn:hover {
    background: #555555;
}

.int_product_single_dark .int_textbox_subscribe4 span {
    color: #cdcdcd;
}

.int_product_single_dark .int_quantity_stock h5 {
    color: var(--btn-primary);
}

.int_product_single_dark .int_quantity_stock span {
    color: #3cb82c;
}

.int_product_single_dark .int_quantity_stock ul li:first-child {
    color: var(--btn-primary);
}

.int_product_single_dark .quantity_wrapper>.input-group>input {
    color: var(--btn-primary);
    background-color: var(--bg-page);
}

.int_product_single_dark .quantity_wrapper>.input-group>span.quantity_minus {
    color: var(--btn-primary);
    background-color: #15171a;
}

.int_product_single_dark .quantity_wrapper>.input-group>span.quantity_plus {
    color: var(--btn-primary);
    background-color: #15171a;
}

.int_product_single_dark .int_quantity_stock a.int_btn_two {
    background-color: var(--text-primary);
}

.int_product_single_dark .int_quantity_stock a.int_btn_two:before {
    background-color: #555555;
}

.int_product_single_dark .int_quantity_stock a.svg_icon {
    border: solid 1px #383f45;
}

.int_product_single_dark .int_quantity_stock ul li a svg {
    fill: var(--btn-primary);
}

.int_product_single_dark .int_quantity_stock a.svg_icon:hover {
    background-color: var(--text-primary);
}

.product_detail_wrapper.product_detail_wrapper_dark {
    background-color: var(--bg-section-alt);
}

.product_detail_wrapper_dark .product_detail_tab>ul>li>a.active {
    background-color: var(--text-primary);
}

.product_detail_wrapper_dark .product_detail_tab>ul>li>a {
    color: var(--btn-primary);
}

.product_detail_wrapper_dark .int_tab_peragraph {
    border: solid 1px #383f45;
}

.product_detail_wrapper_dark .int_tab_peragraph>p {
    color: #cdcdcd;
}

.product_detail_wrapper_dark .int_tab_peragraph span {
    color: var(--btn-primary);
}

.product_detail_wrapper_dark .fd_review_wrapper .review_heading {
    color: var(--btn-primary);
}

.product_detail_wrapper_dark .fd_review_wrapper h5 {
    color: var(--btn-primary);
}

.product_detail_wrapper_dark .form_block .form_field {
    border: 1px solid #383f45;
    background-color: var(--bg-section-alt);
    color: var(--btn-primary);
}

.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: var(--btn-primary);
}

.product_detail_wrapper_dark .additional_info>li {
    color: var(--btn-primary);
}

.int_product_slider.int_product_slider_dark {
    background-color: var(--bg-section-alt);
}

.int_product_slider_dark .int_heading_style3 h4 {
    color: var(--text-primary);
}

.int_product_slider_dark .product_overlay {
    background-color: var(--text-primary);
}

.int_product_slider_dark .product_item {
    background-color: var(--bg-section-alt);
    border: solid 1px #383f45;
}

.int_product_slider_dark .product_item:hover {
    background-color: var(--bg-page);
}

.int_product_slider_dark .product_ovr_links {
    background-color: #2c3237;
}

.int_product_slider_dark .product_text_rs p {
    color: var(--text-primary);
}

.int_product_slider_dark .product_text_rs span {
    color: #cdcdcd;
}

.int_product_slider_dark .swiper-pagination-bullet {
    background: #c1c1c1;
}

.int_product_slider_dark .swiper-pagination-bullet-active {
    background: var(--text-primary);
    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 */
.int_product_checkout {
    background-color: var(--bg-section-alt);
    padding: 60px 50px 30px;
}

/* .int_checkout_box {
    border: solid 1px #f5f5f5;
    padding: 78px 50px 80px;
} */

.int_white_progress {
    padding: 0 0 0 5px;
}

.int_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);
}

.int_white_progress .progress_active .progress-bar {
    background-color: var(--btn-primary);
}

.int_white_progress ul li {
    display: inline-block;
    width: 33%;
    position: relative;
}

.int_white_progress .progress-bar {
    background-color: #eee;
}

.int_white_progress .progress {
    height: 7px;
    position: relative;
    overflow: visible;
}

.int_white_progress .progress-bar-striped {
    background-image: none;
}

.int_white_progress .progress-bar:after,
.int_white_progress ul li:last-child:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: var(--btn-primary);
    border-radius: 100%;
    top: 49%;
    left: -6px;
    transform: translate(0px, -50%);
    z-index: 0;
}

.int_white_progress .progress-bar:before,
.int_white_progress ul li:last-child:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: var(--btn-primary);
    border-radius: 100%;
    top: 49%;
    left: 0;
    transform: translate(0px, -50%);
    z-index: 1;
}

.int_white_progress ul li:last-child:before {
    left: auto;
    right: -1px;
    z-index: 1;
}

.int_white_progress ul li:last-child:after {
    left: auto;
    right: 5px;
    z-index: 2;
}

.int_white_progress ul li span {
    position: absolute;
    left: -35px;
    bottom: -60px;
    color: #222222;
    font-size: 22px;
    text-transform: capitalize;
}

.int_white_progress ul li span.pro_confirm {
    right: 0;
    left: auto;
}

.int_white_progress ul li:first-child span {
    left: -5px;
}

/* Radio button css */
.int_debit_cart {
    /* margin-top: 94px; */
}

.int_credit_cart {
    padding: 35px 30px;
    border: solid 1px #f5f5f5;
    cursor: pointer;
}

.int_credit_cart.active {
    border: solid 1px #3fad21;
    background-color: #fafff6;
}

.int_credit_cart>ul {
    display: flex;
}

.int_credit_cart>ul>li {
    display: inline-block;
    align-self: center;
}

.int_credit_cart h4 {
    font-size: 22px;
    color: #222222;
}

.int_credit_cart p {
    color: #555555;
}

.int_credit_cart>ul>li:first-child {
    width: 35px;
}

.int_credit_cart>ul>li:nth-child(2) {
    width: calc(100% - 130px);
}

.int_credit_cart>ul>li:last-child {
    width: 100px;
    text-align: right;
}

.int_credit_cart>ul>li>input[type="radio"] {
    position: absolute;
    left: -9999px;
}

.int_credit_cart>ul>li>label {
    position: relative;
    margin: 0;
    padding-left: 25px;
    cursor: pointer;
}

.int_credit_cart>ul>li>label>span {
    margin-right: 10px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #222222;
}

.int_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;
}

.int_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;
}

.int_credit_cart>ul>li>input[type="radio"]:checked~label:before {
    border-color: #3fad21;
}

.int_credit_cart>ul>li>input[type="radio"]:checked~label:after {
    background-color: #3fad21;
}

/* Radio button css */
.fd_review_wrapper {
    margin-top: 43px;
}

.fd_review_wrapper label {
    font-size: 18px;
    color: #222222;
}

.int_shipping_pager {
    margin-top: 34px;
    margin-bottom: -5px;
}

.int_shipping_pager ul {
    text-align: center;
}

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

.int_shipping_pager ul li:first-child {
    color: #222222;
    margin-top: 12px;
    font-weight: 500;
    float: left;
    font-size: 16px;
}

.int_shipping_pager ul li a:first-child:hover {
    color: var(--bg-page);
}

.int_shipping_pager ul li:last-child {
    float: right;
}

.int_shipping_pager ul li a.int_btn_two:last-child:hover {
    color: var(--btn-primary);
}

.int_shipping_pager i.fas.fa-chevron-left {
    margin-right: 3px;
    font-size: 14px;
}

/* Index2 Checkout page css end */
/* Index Checkout Dark css start */
.int_product_checkout.int_product_checkout_dark {
    background-color: #282d31;
    padding: 80px 50px;
}

.int_product_checkout_dark .int_checkout_box {
    background-color: #212429;
    border: solid 1px #212429;
    padding: 77px 50px 79px;
}

.int_product_checkout_dark .int_white_progress .progress-bar:after,
.int_product_checkout_dark .int_white_progress ul li:last-child:before {
    background: var(--text-primary);
}

.int_product_checkout_dark .int_white_progress .progress-bar:before,
.int_product_checkout_dark .int_white_progress ul li:last-child:after {
    background: #212429;
}

.int_product_checkout_dark .int_white_progress .progress_active .progress-bar {
    background-color: var(--text-primary);
}

.int_product_checkout_dark .int_white_progress .progress-bar {
    background-color: #282d31;
}

.int_product_checkout_dark .int_white_progress ul li span {
    color: var(--btn-primary);
}

.int_product_checkout_dark .int_credit_cart {
    border: solid 1px var(--light-green);
}

.int_credit_cart.int_credit_dark.active2 {
    border: solid 1px var(--text-primary);
    background-color: var(--bg-section-alt);
}

.int_product_checkout_dark .int_credit_cart h4 {
    color: var(--btn-primary);
}

.int_product_checkout_dark .int_credit_cart p {
    color: var(--btn-primary);
}

.int_product_checkout_dark .int_credit_cart>ul>li>input[type="radio"]:checked~label:after {
    background-color: var(--text-primary);
}

.int_product_checkout_dark .int_credit_cart>ul>li>input[type="radio"]:checked~label:before {
    border-color: var(--text-primary);
}

.int_product_checkout_dark .fd_review_wrapper label {
    color: var(--btn-primary);
}

.int_product_checkout_dark .form_block .form_field {
    border: 1px solid var(--light-green);
    background-color: #212429;
    color: var(--btn-primary);
}

.int_product_checkout_dark .form_block input.form_field::placeholder {
    color: #cdcdcd;
}

.int_product_checkout_dark .int_shipping_pager ul li a:first-child {
    color: var(--btn-primary);
}

.int_product_checkout_dark .int_shipping_pager ul li a:first-child:hover {
    color: var(--text-primary);
}

.int_product_checkout_dark .int_shipping_pager ul li a.int_btn:last-child:hover {
    color: var(--btn-primary);
}

/* Index Checkout Dark css start */
/* Index2 Checkout2 white css start */
.int_checkout_table .table thead th {
    vertical-align: middle;
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid var(--btn-primary);
    text-transform: capitalize;
    color: #707070;
    font-size: 18px;
}

.int_checkout_table .table td {
    justify-items: center;
    vertical-align: middle;
    border-top: 1px solid #f5f5f5;
    /* border-bottom: 1px solid #f5f5f5; */
}


/* .int_checkout_table a {
    background-color: var(--bg-page);
    display: inline-block;
    border-radius: 40px;
    padding: 3px 11px;
} */



.int_checkout_table td .action-btn {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bg-page);
    line-height: 0;
}

.product-title a:hover {
    color: var(--text-secondary);
}

.int_checkout_table img {
    border: solid 1px #f1f1f1;
    width: 78px;
    margin-right: 13px;
}

.int_checkout_table span {
    font-size: 15px;
    color: #222222;
}

.int_checkout_table h4 {
    font-size: 20px;
    color: #222222;
    font-weight: 400;
}

/* quantity table */

.int_table_quantity .quantity_wrapper {
    /* background-color: var(--btn-primary); */
    display: flex;
    align-items: center;
}

.quantity_qty span {
    margin-left: 35px;
    margin-right: 10px;
    font-size: 16px;
}

.int_table_quantity .quantity_wrapper>.input-group {
    border-radius: 20px;
    background-color: #f4f4f4;
}

.int_table_quantity .quantity_wrapper>.input-group>span {
    height: 30px;
    width: 33%;
    line-height: 30px;
    position: relative;
    font-size: 18px;
    color: var(--bg-page);
    font-weight: 600;
    background-color: var(--btn-primary);
    cursor: pointer;
    border-radius: 20px;
}

.int_table_quantity {
    margin-top: auto;
    margin-bottom: auto;
}

.int_table_quantity .quantity_wrapper>.input-group>input {
    max-width: 33%;
    color: var(--bg-page);
    border: none;
    background-color: var(--btn-primary);
    height: 30px;
    width: 90px;
}

.int_table_quantity .quantity_wrapper>.input-group>span.quantity_minus:after,
.int_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;
}

.int_table_quantity .quantity_wrapper>.input-group>span.quantity_plus:before {
    left: 0;
    right: auto;
}

.int_shipping_pager input {
    width: 300px;
}

/* Index2 Checkout2 white css end */
/* Index2 Checkout Confirmation white css */
.int_shipping_flex {
    width: 100%;
    float: left;
    padding-bottom: 11px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 25px;
}

.int_shipping_flex.int_shipping10 {
    border-bottom: none;
}

.int_shipping_flex.int_shipping04 {
    border: 1px solid #f5f5f5;
    padding: 30px;
}

.int_shipping_add {
    width: 70%;
    float: left;
}

.int_shipping_add h4 {
    font-size: 22px;
    color: #222;
}

.int_shipping_add h5 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 3px;
}

.int_shipping04 .int_shipping_add h5 {
    margin-top: 17px;
    margin-right: 10px;
}

.int_shipping_edit {
    width: 30%;
    float: left;
    text-align: right;
}

.int_shipping_edit a {
    color: #007bff;
    text-transform: capitalize;
    font-size: 16px;
}

.int_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 */
.int_product_checkout_dark .int_shipping_add h4 {
    color: var(--btn-primary);
}

.int_product_checkout_dark .int_shipping_edit a {
    color: var(--text-primary);
}

.int_product_checkout_dark .int_shipping_flex {
    border-bottom: 1px solid var(--light-green);
}

.int_shipping_flex.int_shipping10.int_shipping_border {
    border-bottom: none;
}

.int_product_checkout_dark .int_shipping_add h5 {
    color: #ebebeb;
}

.int_product_checkout_dark .int_shipping_flex.int_shipping04 {
    border: 1px solid var(--light-green);
}

.int_product_checkout_dark .int_checkout_table .table thead th {
    border-bottom: 1px solid var(--light-green);
    border-top: 1px solid var(--light-green);
    color: #ebebeb;
}

.int_product_checkout_dark .int_checkout_table .table td {
    border-top: 1px solid var(--light-green);
    border-bottom: 1px solid var(--light-green);
    width: auto;
}

.int_product_checkout_dark .int_checkout_table a {
    background-color: var(--light-green);
}

.int_product_checkout_dark .int_checkout_table img {
    border: solid 1px var(--light-green);
}

.int_product_checkout_dark .int_checkout_table span {
    color: var(--btn-primary);
}

.int_product_checkout_dark .int_checkout_table h4 {
    color: var(--btn-primary);
}

.int_product_checkout_dark .int_shipping_pager h4 {
    color: var(--btn-primary);
}

.int_product_checkout_dark .int_shipping_pager ul li:last-child {
    margin-right: 30px;
}

.int_product_checkout_dark .int_search_wrapper input {
    border: solid 1px var(--light-green);
    background-color: #282d31;
    color: var(--btn-primary);
}

.int_product_checkout .int_search_wrapper input {
    padding: 0 20px;
}

.int_product_checkout_dark .int_search_wrapper a.index4_btn {
    background-color: var(--light-green);
}

.int_product_checkout_dark .int_search_wrapper a.index4_btn:hover {
    background-color: var(--light-green);
}

.int_product_checkout_dark .int_search_wrapper a.index4_btn:before {
    background: var(--light-green);
}

.int_product_checkout_dark .quantity_wrapper>.input-group {
    background-color: var(--light-green);
}

.int_product_checkout_dark .quantity_wrapper>.input-group>span {
    color: var(--btn-primary);
    background-color: var(--light-green);
}

.int_product_checkout_dark .quantity_wrapper>.input-group>input {
    color: var(--btn-primary);
    background-color: var(--light-green);
}

.int_product_checkout_dark .quantity_wrapper>.input-group>span.quantity_minus:after,
.int_product_checkout_dark .quantity_wrapper>.input-group>span.quantity_plus:before {
    background-color: rgba(235, 235, 235, 0.14);
}

.int_product_checkout_dark .fd_review_delivery h4.border_btm_input {
    border-bottom: solid 1px var(--light-green);
    color: var(--btn-primary);
}

.int_product_checkout_dark .fd_review_delivery .nice-select {
    border: solid 1px var(--light-green);
    background-color: #212429;
    color: var(--btn-primary);
}

.int_product_checkout_dark .fd_review_delivery .nice-select .list {
    background-color: #282d31;
    color: var(--text-primary);
}

/* Index Checkout Confirmation Dark css */
/* Index Contact us Dark css */
.int_darkab_service_section.int_contact_detail {
    padding: 80px 0 50px;
}

.int_contact_dark_form {
    background-color: var(--bg-section-alt);
}

.int_contact_dark_form .int_contact_white_form {
    background-color: var(--bg-page);
}

.int_map_wrapper {
    display: grid;
}

.int_map_wrapper iframe {
    width: 100%;
}

.int_contact_dark_form .int_contact_white_form h1 {
    color: var(--btn-primary);
}

.int_contact_dark_form .form_block .form_field {
    border: 1px solid #383b3f;
    background-color: var(--bg-page);
    color: var(--btn-primary);
}

.int_contact_dark_form .form_block input.form_field::placeholder {
    color: #cdcdcd;
}

.int_contact_dark_form .form_block textarea.form_field::placeholder {
    color: #cdcdcd;
}

/* Index Contact us Dark css */
/* Index2 Contact us White css */
.int_contact_form_box {
    padding-bottom: 80px;
}

.int_aboutus_service_section.int_contact_detail {
    padding: 80px 0 50px;
}

.int_contact_detail .int_service_box2 {
    padding: 42px 30px;
}

.int_contact_detail .int_service_box2 h4 {
    margin-bottom: 10px;
}

.int_contact_detail .int_service_box2 p {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 0;
}

.int_contact_white_form {
    width: 970px;
    height: auto;
    margin: -400px auto 0px;
    background-color: var(--btn-primary);
    box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1);
    padding: 43px 50px 45px;
    position: relative;
}

.int_contact_white_form h1 {
    font-size: 32px;
    margin-bottom: 40px;
    color: #222222;
}

/* Index2 Contact us White css */
/* Index2 Error White css */
.int_error_white {
    padding: 80px 0;
    text-align: center;
}

.int_error_four h1 {
    margin-top: 50px;
    font-size: 50px;
    font-weight: 600;
    color: #222222;
}

.int_error_four p {
    color: #555555;
    font-size: 24px;
    margin: 0 0 16px;
}

/* Index2 Error White css */
/* Index2 Error Dark css */
.int_error_dark {
    background-color: var(--bg-section-alt);
}

.int_error_dark .int_error_four h1 {
    color: var(--btn-primary);
}

.int_error_dark .int_error_four p {
    color: #cdcdcd;
}

/* Index2 Error Dark css */
/* Index2 Profile white css */
.int_profile_white {
    padding: 80px 0;
}

.int_profile_edit {
    padding: 50px;
    box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1);
    margin-top: 110px;
}

.int_profile_img {
    text-align: center;
    position: relative;
    margin-top: -160px;
    z-index: 11;
    padding-bottom: 50px;
}

.int_profile_img img {
    border-radius: 100%;
    width: 170px;
    height: 170px;
}

.int_profile_img input[type="file"] {
    position: absolute;
    left: -9999px;
    opacity: 0;
    visibility: hidden;
}

.int_profile_img span {
    margin: 0;
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--btn-primary);
    color: var(--btn-primary);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.int_basic_edit {
    position: relative;
    margin-bottom: 10px;
}

.int_basic_edit:after {
    position: absolute;
    content: "";
    border-bottom: solid 1px #ebebeb;
    width: 100%;
    bottom: 20px;
}

.int_basic_edit h3 {
    font-size: 24px;
    color: #222222;
}

.int_basic_edit a {
    color: var(--btn-primary);
    text-transform: capitalize;
}

.int_basic_edit a:hover {
    color: #222222;
}

.int_basic_edit a i {
    margin-right: 5px;
}

/* Index2 Profile white css */
/* Index2 Profile dark css */
.int_profile_white.int_profile_dark {
    background-color: var(--bg-section-alt);
}

.int_profile_dark .int_basic_edit:after {
    border-bottom: solid 1px #383b3f;
}

.int_profile_dark .int_profile_edit {
    background-color: var(--bg-page);
}

.int_profile_dark .int_profile_img span {
    background-color: var(--text-primary);
}

.int_profile_dark .int_basic_edit a {
    color: var(--text-primary);
}

.int_profile_dark .int_basic_edit a:hover {
    color: var(--btn-primary);
}

.int_profile_dark .int_basic_edit h3 {
    color: var(--btn-primary);
}

.int_profile_dark .form_block .form_field {
    border: 1px solid #383b3f;
    background-color: var(--bg-page);
    color: var(--btn-primary);
}

.int_profile_dark .form_block input.form_field::placeholder {
    color: #cdcdcd;
}

/* Index2 Profile dark css */
/* Index5 css start */
.int_header_wrapper.int_header_style5 {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
}

.int_header_style5 .container {
    max-width: 1360px;
}

.int_header_style5 .int_logo {
    margin-left: 0;
}

.int_header5 {
    background-color: var(--btn-primary);
    padding: 0 65px 0 80px;
}

.int_header5 .int_nav .int_menu>ul>li>a {
    color: #222222;
}

.int_header5 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a:hover {
    color: #ffab1a;
}

.int_header5 .int_nav .int_menu>ul>li:after {
    background: #ffab1a;
}

.int_banner_index5 {
    background-image: url(../images/index5_banner.jpg);
    background-size: cover;
    background-position: center center;
    padding: 380px 80px 259px;
}

.int_text_five {
    text-align: center;
    margin: auto;
    width: 1100px;
}

.int_text_five h4 {
    color: var(--btn-primary);
    text-transform: uppercase;
    font-size: 26px;
    font-weight: normal;
    position: relative;
    z-index: 1;
    letter-spacing: 5px;
    margin-bottom: 20px;
}

.int_text_five h4::after {
    position: absolute;
    content: "";
    background-color: #ffab1a;
    width: 285px;
    height: 50px;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}

.int_text_five h1 {
    color: var(--btn-primary);
    font-size: 80px;
    margin-bottom: 5px;
}

.int_text_five .index4_btn {
    background-color: var(--light-green);
    color: #fff;
}

.int_text_five .index4_btn:hover {
    color: var(--primary-light);
}

/* Index5 About css */
.int_about_style2.int_about_section2.int_about_banner_style5 {
    background-color: var(--btn-primary);
}

.int_about_style5 .about_contentbox {
    padding: 77px 30px 70px 30px;
}

.int_about_style5 .int_heading h4 {
    color: #ffab1a;
}

.int_about_style5 span {
    border-bottom: solid 2px #ffab1a;
}

.int_about_style5 .int_deal_text3 {
    padding: 35px 0px 7px 0;
}

.int_about_style5 h2 {
    color: #222222;
}

.int_about_style5 h6 {
    color: #555;
}

/* Mause wheel css */
.mouse_wheel_slide .swiper-pagination {
    position: fixed;
}

.int_main_wraapper.mouse_wheel_slide {
    height: 100%;
    position: relative;
}

.mouse_wheel_slide .swiper-container {
    width: 100%;
    height: 100vh;
}

.mouse_wheel_slide .swiper-container-autoheight,
.mouse_wheel_slide .swiper-container-autoheight .swiper-slide {
    height: auto !important;
}

.mouse_wheel_slide .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100vh !important;
    z-index: 1;
}

.mouse_wheel_slide .swiper-pagination-bullet-active {
    background: #ff9d34;
}

.mouse_wheel_slide .swiper-container-vertical>.swiper-pagination-bullets {
    right: 60px;
}

.mouse_wheel_slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ff9d34;
    opacity: 0.3;
}

.mouse_wheel_slide .swiper-pagination-bullet-active {
    background: #ff9d34;
    width: 10px;
    height: 10px;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    opacity: 1;
}

/* Index5 gallery css */
.int_categories_style3.int_gallery_style5 {
    background-image: url(../images/gallery_five.jpg);
    background-size: cover;
    background-position: center center;
    padding: 77px 0 70px;
}

.int_gallery_style5 .int_project_gallery .grid_img:before {
    background: rgba(255, 171, 26, 0.8);
}

.int_project_gallery.gallery_five_mg {
    margin-top: 22px;
}

/* Index5 serivce css */
.int_aboutus_service_section.int_service_style5 {
    padding: 77px 0 37px;
}

.int_service_style5 .int_heading h4 {
    color: #ffab1a;
}

.int_service_style5 .int_service_box2 h4:after {
    background-color: #ffab1a;
}

.int_service_style5 .int_service_box2:hover svg {
    fill: #ffab1a;
}

/* Index5 video css */
.int_video_style5.int_progresbar_wrapper {
    background-image: url(../images/video_banner.jpg);
    background-size: cover;
    background-position: center center;
    padding: 163px 0 156px;
}

.int_heading_five {
    position: relative;
    text-align: center;
    width: 700px;
    margin: auto;
}

.int_heading_five::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 110px;
    background: rgba(255, 255, 255, 0.35);
    right: 0;
    bottom: 0;
    top: 44%;
    left: 50%;
    transform: translate(-50%, 50%);
}

.int_heading_five h1 {
    color: var(--btn-primary);
    font-size: 54px;
    margin-bottom: 320px;
}

.int_heading_five span {
    color: #ffab1a;
}

.int_heading_five h2 {
    color: var(--btn-primary);
    font-weight: 300;
    font-size: 42px;
    margin-bottom: 20px;
}

.solar_waves {
    position: absolute;
    top: 288px;
    left: 285px;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.shape_wave {
    position: absolute;
    top: 260px;
    right: 70px;
    opacity: 0.8;
    z-index: -1;
    transform: rotate(15deg);
}

.shape_wave2 {
    position: absolute;
    top: -210px;
    right: -310px;
    opacity: 0.8;
    z-index: -1;
    transform: rotate(15deg);
}

.solar_wave {
    width: 130px;
    height: 130px;
    border: 0.5px solid rgba(255, 255, 255, 0.96);
    border-radius: 50%;
    margin-left: 50%;
    left: 0;
    position: absolute;
    bottom: 0px;
    z-index: -1;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -webkit-animation: solar_pulse 6000ms ease-out infinite;
    -moz-animation: solar_pulse 6000ms ease-out infinite;
    -ms-animation: solar_pulse 6000ms ease-out infinite;
    -o-animation: solar_pulse 6000ms ease-out infinite;
    animation: solar_pulse 6000ms ease-out infinite;
}

.solar_wave:nth-of-type(2) {
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    -ms-animation-delay: 1200ms;
    -o-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.solar_wave:nth-of-type(3) {
    -webkit-animation-delay: 2400ms;
    -moz-animation-delay: 2400ms;
    -ms-animation-delay: 2400ms;
    -o-animation-delay: 2400ms;
    animation-delay: 2400ms;
}

@-webkit-keyframes solar_pulse {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

@keyframes solar_pulse {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

.int_video_style5.int_progresbar_wrapper .progress_leftbox .video_icon {
    top: -450px;
}

.int_video_style5 .progress_leftbox .video_icon i {
    color: #ffab1a;
}

/* Index5 blog css */
.int_blog_wrapper.int_blog_style5 {
    padding: 77px 0 59px;
}

.int_blog_style5 .int_heading h4 {
    color: #ffab1a;
}

.int_blog_style5 .int_heading h2 {
    color: #222222;
}

.int_blog_style5 .blog_box .blog_date {
    color: #222222;
}

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

.int_blog_style5 .blog_box .blog_heading:hover {
    color: #ffab1a;
}

.int_blog_style5 p {
    color: #555555;
}

.blog_box_flex {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.blog_box.blog_box_flex {
    flex: 83%;
    margin-right: 30px;
}

.blog_box_flex .blog_box .blog_img {
    margin-bottom: 0;
}

.blog_box_flex .blog_heading {
    font-size: 20px;
    margin: 5px 0 10px;
}

/* Index5 Map css */
.int_map_banner5 {
    background-image: url(../images/map_banner.jpg);
    background-size: cover;
    background-position: center center;
    padding: 92px 0 92px;
}

.int_address5 {
    background-color: var(--btn-primary);
    padding: 45px 50px;
    margin: 62px 0 0 -100px;
}

.int_address5 h2 {
    margin-bottom: 27px;
    font-size: 24px;
    color: #222222;
}

.int_detail5 {
    margin-top: 30px;
}

.int_detail5 h3 {
    font-size: 22px;
    color: #222222;
    display: inline-block;
    border-bottom: solid 2px #ffab1a;
    padding-bottom: 5px;
    margin-bottom: 11px;
}

.int_detail5 h4 {
    font-size: 18px;
    color: #222;
}

.int_detail5 span {
    font-size: 14px;
    color: #555;
}

/* Index5 footer css */
.int_footer_style2.int_footer_style5 {
    background-image: none;
    background-color: #222222;
    padding: 35px 0 18px;
}

.int_footer_style5:after {
    display: none;
}

.int_footer_style5 .int_border {
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin: 35px 0 18px;
}

.int_footer_style5 ul li a:hover {
    color: #ffab1a;
}

/* Index5 css end */
.parallax_vertical_slide {
    display: flex;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

.int_map_banner_footer {
    width: 100%;
}

.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/int_v1team04.html);
    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/int_v1team04.html) bottom;
    height: 50%;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 0;
}

/********************************************************
22. responsive start
********************************************************/
@media(max-width: 1800px) {
    .int_deal_text3 {
        padding: 60px 20px 30px;
    }

    .int_about_style5 .about_contentbox {
        padding: 0 30px 70px 30px;
        margin-top: 80px;
    }

    .int_map_banner5 {
        padding: 60px 0 60px;
    }

    .mouse_wheel_slide .swiper-container-vertical>.swiper-pagination-bullets {
        right: 40px;
    }
}

@media(max-width: 1699px) {
    .parallax_vertical_slide {
        height: unset;
        display: block;
        align-items: center;
    }
}

@media(max-width: 1600px) {

    .int_header_wrapper.int_header_style1 {
        padding: 0 6px 0 0;
    }

    .int_header_wrapper.int_header_style2 {
        padding: 0 5px 0 0;
    }

    .int_header_wrapper .int_logo,
    .int_header_style2 .int_logo,
    .int_header_style3 .int_logo,
    .int_header_style4 .int_logo {
        margin-left: 0;
        width: 80%;
    }


    .int_nav .int_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;
    }

    .int_infosidebar {
        top: -100px;
    }

    .swiper_imgbox .swipper_img>h3 {
        font-size: 58px;
    }

    .banner_box_wrapper .banner_navi {
        left: 70px;
    }

    .int_content_wraapper.int_content_margin {
        margin-left: 35px;
    }

    .int_about_page_title {
        padding: 150px 35px 50px 35px;
    }

    .about_contentbox {
        padding-top: 20px;
    }

    .swiper_content_style2 h1 {
        font-size: 30px;
    }

    .swiper_content_mini {
        width: 750px;
        padding: 26px 40px 30px;
    }

    .int_deal_text3 h1 {
        width: auto;
        margin-bottom: 0;
    }

    .int_deal_text3 p {
        margin-bottom: 10px;
    }

    .index3_timer {
        margin: 22px 0;
    }

    .int_shop_btntext h4 {
        font-size: 22px;
    }

    .int_profile_open {
        top: 34px;
    }

    .int_index3_slider_style3 .int_banner_content {
        width: 60%;
    }

    .team_navigation {
        display: none;
    }
}

@media(max-width: 1399px) {
    .int_infosidebar .siderbar_social {
        margin: 120px 0px 34px 0px;
    }

    .int_infosidebar .siderbar_contact,
    .int_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;
    }

    .int_infosidebar.int_infosidebar_style2 {
        top: 110px;
    }

    .int_project_gallery .grid-item:hover .top_content {
        top: 15px;
        right: 0;
        left: 0;
        font-size: 16px;
    }

    .int_project_gallery .grid-item:hover .bottom_content>h3 {
        font-size: 22px;
    }

    .int_project_gallery .bottom_content>span {
        display: none;
    }

    .int_deal_text3 {
        padding: 0 20px 0 0;
    }

    .int_project_gallery .top_content {
        right: 0;
        left: 0;
    }

    .int_header_style5 .container {
        padding: 0;
    }
}

@media(max-width: 1200px) {
    .int_infosidebar {
        height: 530px;
    }
}

@media(max-width: 1199px) {

    .int_about_style5 .about_contentbox {
        padding: 77px 30px 70px 30px;
        margin-top: 0px;
    }

    .int_map_banner5 {
        padding: 80px 0 80px;
    }

    .mouse_wheel_slide .swiper-pagination {
        display: none;
    }

    .int_categories_style3.int_gallery_style5 {
        padding: 77px 0 72px;
    }

    .int_aboutus_service_section.int_service_style5 {
        padding: 77px 0 50px;
    }

    .int_video_style5.int_progresbar_wrapper {
        padding: 163px 0 176px;
    }

    .int_blog_wrapper.int_blog_style5 {
        padding: 77px 0 71px;
    }


    .int_header_wrapper.int_header_style1 {
        padding: 0 20px 30px 0;
    }

    .int_header_wrapper.int_header_style2 {
        padding: 0 20px 30px 0;
    }

    .banner_box_wrapper .swiper_imgbox {
        margin: 0;
        padding: 0;
    }

    .int_infosidebar .siderbar_social {
        margin: 115px 0px 0 0px;
    }

    .int_infosidebar .siderbar_contact,
    .int_infosidebar .siderbar_email {
        padding: 10px 0;
    }

    .int_infosidebar .siderbar_contact>a,
    .int_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;
    }
    .int_header_wrapper .int_logo{
        width:100%;
    }
    .int_header_wrapper .int_nav{
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: flex-end;
    }
    .int_nav .int_menu {
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        background: var(--primary);
        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;
    }
    .int_nav .int_menu > ul{
        flex-direction: column;
        gap:0;
    }

    .int_nav .int_menu>ul>li {
        display: block;
        text-align: left;
        padding: 0px;
        border-bottom: solid 1px var(--secondary-light);
        cursor: pointer;
    }

    .int_nav .int_menu>ul>li:after {
        display: none;
    }

    .int_toggle {
        display: flex;
        cursor: pointer;
        vertical-align: middle;
        height:100%;
        flex-direction:column;
        gap:5px;
    }

    .int_toggle span {
        width: 20px;
        height: 2px;
        background: var(--light-green);
        display: block;
        transition: 0.3s all;
        border-radius: 30px;
    }

    .int_nav .int_menu.int_menu_open {
        left: 0px;
    }

    .int_header_style2 .int_toggle span {
        background: #222222;
    }

    .int_header_style2 .int_nav .int_menu {
        background: #222222;
    }

    .int_header_style2 .int_nav .int_menu>ul>li {
        border-bottom: solid 1px var(--btn-primary)24;
    }

    .int_header_style2 .int_nav .int_menu>ul>li>a {
        color: var(--btn-primary);
    }

    .int_header_style4 .int_toggle span {
        background: #222222;
    }

    .int_header_style4 .int_nav .int_menu {
        background: #222222;
    }

    .int_header_style4 .int_nav .int_menu>ul>li>a {
        color: var(--btn-primary);
    }

    .int_header_style3 .int_nav .int_menu {
        background: #262941;
    }

    /* index5 css */
    .int_header5 .int_toggle span {
        background: #222222;
    }

    .int_header5 .int_nav .int_menu {
        background: #222222;
    }

    .int_header5 .int_nav .int_menu>ul>li>a {
        color: var(--btn-primary);
    }

    /* scroll css */
    /* scroll css */
    .int_menu::-webkit-scrollbar {
        width: 5px;
    }

    .int_menu::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    .int_menu::-webkit-scrollbar-thumb {
        background: var(--text-primary);
        border-radius: 10px;
    }

    /* scroll css */
    /* index 2 scroll css */
    .int_header_style2 .int_menu.int_menu_open:after {
        background-image: url(../images/index2_logo_white.png);
    }

    .int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul {
        background-color: #222222;
    }

    .int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
        color: var(--btn-primary);
        border-bottom: 1px solid #414141;
    }

    .int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li:last-child>a {
        border-bottom: none;
    }

    .int_header_style2 li.int_home_dropdown:before {
        color: var(--btn-primary);
    }

    .int_header_style2 .int_menu::-webkit-scrollbar-thumb {
        background: var(--btn-primary);
    }

    /* index 2 scroll css */
    /* index 3 scroll css */
    .int_header_style3 .int_menu.int_menu_open:after {
        background-image: url(../images/index3_logo.png);
    }

    .int_header_style3 .int_nav .int_menu>ul>li.int_home_dropdown>ul {
        background-color: #262941;
    }

    .int_header_style3 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
        color: var(--btn-primary);
        border-bottom: 1px solid #414141;
    }

    .int_header_style3 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li:last-child>a {
        border-bottom: none;
    }

    .int_header_style3 li.int_home_dropdown:before {
        color: var(--btn-primary);
    }

    .int_header_style3 .int_menu::-webkit-scrollbar-thumb {
        background: #ff9d34;
    }

    /* index 3 scroll css */
    /* index 4 scroll css */
    .int_header_style4 .int_menu.int_menu_open:after {
        background-image: url(../images/index3_logo.png);
    }

    .int_header_style4 .int_nav .int_menu>ul>li.int_home_dropdown>ul {
        background-color: #222222;
    }

    .int_header_style4 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
        color: var(--btn-primary);
        border-bottom: 1px solid #414141;
    }

    .int_header_style4 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li:last-child>a {
        border-bottom: none;
    }

    .int_header_style4 li.int_home_dropdown:before {
        color: var(--btn-primary);
    }

    .int_header_style4 .int_menu::-webkit-scrollbar-thumb {
        background: #ff9d34;
    }

    /* index 4 scroll css */
    /* index 5 scroll css */
    .int_header5 .int_menu.int_menu_open:after {
        background-image: url(../images/index3_logo.png);
    }

    .int_header5 .int_nav .int_menu>ul>li.int_home_dropdown>ul {
        background-color: #222222;
    }

    .int_header5 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
        color: var(--btn-primary);
        border-bottom: 1px solid #414141;
    }

    .int_header5 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li:last-child>a {
        border-bottom: none;
    }

    .int_header5 li.int_home_dropdown:before {
        color: var(--btn-primary);
    }

    .int_header5 .int_menu::-webkit-scrollbar-thumb {
        background: #ff9d34;
    }

    /* index 5 scroll css */
    .int_footer_wrapper.int_footer_style3 {
        background-color: #151727;
    }

    .int_insta_post ul li {
        width: auto;
        display: inline-block;
        margin-bottom: -4px;
        float: none;
    }

    .int_insta_box {
        padding: 0 0 76px;
    }

    .int_footer_style3 ul li a {
        margin-right: 5px;
    }

    .swiper_content_mini {
        width: 750px;
        padding: 26px 30px 30px;
    }

    .int_infosidebar.int_infosidebar_style2 {
        top: 95px;
    }

    .int_infosidebar .siderbar_social>ul>li {
        margin-bottom: 4px;
    }

    .about_img .child_imgbox:after {
        display: none;
    }

    .int_about_wrapper {
        padding-bottom: 80px;
    }

    .about_contentbox {
        padding-top: 0px;
    }

    .about_imgbox .about_img .child_imgbox {
        position: absolute;
        bottom: 48px;
        left: 0;
    }

    .process_box_wrapper .process_box:after {
        display: none;
    }

    .process_circle:after {
        display: none;
    }

    .int_progresbar_wrapper .progress_rightbox {
        padding: 70px 30px 40px;
    }

    .int_map_wrapper iframe {
        height: 300px;
    }

    .int_header5 {
        background-color: var(--btn-primary);
        padding: 0 35px 28px 35px;
    }

    .int_header5 .int_nav {
        margin-top: 7px;
    }

    .int_header5 .int_toggle span {
        background: #222;
    }

    .int_header_wrapper.int_header_style4 {
        padding: 0 20px 10px 20px;
    }

    .int_video_section_style2.int_dark_video_section.int_progresbar_wrapper {
        padding: 80px 0;
    }

    .int_dark_client_section .int_client_logo_section_style2 {
        margin-top: 0;
    }

    .int_client_logo_section_style2 {
        margin-top: 80px;
    }

    .int_blog_post_slider .swiper-button-next,
    .int_blog_post_slider .swiper-button-prev {
        display: none;
    }

    /* .int_sidebar_box h4:after {
        display: none;
    } */

    .int_search_btn input {
        width: 230px;
    }

    .int_select_tag ul li a {
        margin-right: 4px;
    }

    .int_product_sidebar .int_search_btn input {
        width: 72%;
    }

    .product_list_filter>ul>li:last-child {
        text-align: center;
        margin-top: 5px;
        margin-bottom: 30px;

    }

    .product_list_filter ul.list_view_toggle>li {
        margin-left: 0;
    }

    .int_product_listbar .product_item_block .content_block {
        padding: 0 30px 0;
    }

    .product_list_filter>ul>li {
        font-size: 14px;
        font-weight: 600;
    }

    .product_list_filter>ul>li .nice-select {
        font-size: 14px;
        font-weight: 600;
    }

    .int_quantity_stock ul li {
        margin-bottom: 15px;
    }

    /* .int_checkout_box {
        padding: 48px 20px 50px;
    } */

    .int_product_checkout_dark .int_checkout_box {
        padding: 48px 20px 50px;
    }

    .int_contact_white_form {
        margin: 70px auto 0;
    }

    .int_video_section_style2.int_dark_video_section,
    .int_video_section_style2.int_progresbar_wrapper {
        padding: 80px 0;
    }

    .int_about2_imgbox h1 {
        display: none;
    }

    .int_about_style2 .about_contentbox {
        padding: 0 30px 30px;
    }

    .about_img_two,
    .about_img_three {
        display: none;
    }

    .int_about_section2 .about_contentbox {
        padding: 77px 30px 80px;
    }

    .int_different_section .about_contentbox {
        padding: 0 0 0 15px;
    }

    .team2_box_two h3 {
        margin: 0 0 20px;
        width: 440px;
    }

    .int_team2_slider_arrow .swiper-button-prev {
        left: 85%;
    }

    .int_team2_slider_arrow .swiper-button-next,
    .int_team2_slider_arrow .swiper-button-prev {
        margin-top: -45px;
    }

    .int_content_img {
        margin-right: 20px;
    }

    .int_content_text2 p {
        margin: 10px 0 10px;
    }

    .int_testimonial_slide2 .int_team2_slider_arrow .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 89%;
    }

    .int_counter_style2 {
        padding: 80px 0 70px;
        margin-top: 80px;
    }

    .int_index3_slider_style3 {
        padding: 200px 35px 150px;
    }

    .int_header_wrapper.int_header_style3 {
        padding: 0 20px 10px 20px;
    }

    .int_shop_main {
        padding: 0 30px 0;
    }

    .int_shop_btntext {
        margin-top: 120px;
    }

    .int_shop_center {
        padding: 41px 30px;
    }

    .int_shop_center .int_shop_btntext {
        margin-top: 80px;
    }

    .int_shop_right {
        padding: 40px 30px;
    }

    .int_shop_right .int_shop_btntext {
        margin-top: 80px;
    }

    .int_shop_btntext h4 {
        font-size: 18px;
    }

    .int_banner_content.int_banner_slider4 {
        margin-top: 80px;

    }

    .int_banner_shape {
        display: none;
    }

    .int_testimonial_style4 .swi_contentbox {
        max-width: 930px;
    }

    .int_user_four {
        top: -50px;
        left: -10px;
    }

    .int_username_four {
        left: 110px;
        width: 240px;
    }

    .int_profile_open {
        top: 23px;
    }

    .int_menu.int_menu_open>ul>li.int_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;
    }

    .int_nav .int_menu>ul>li.int_home_dropdown:hover>ul {
        transform: initial;
        opacity: 0;
        visibility: hidden;
    }

    .int_menu.int_menu_open>ul>li.int_home_dropdown.int_hr_menu>ul {
        height: 100%;
        opacity: 1;
        visibility: visible;
        transform: translate(0px);
        transition: 0.3s;
    }

    .int_nav .int_menu>ul>li>a {
        /* pointer-events: none; */
        padding: 13px 20px 12px;
    }

    /* Disable only for dropdown parent */
    .int_nav .int_menu>ul>li.int_home_dropdown>a {
        pointer-events: none;
    }


    .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
        padding: 14px 0px 15px 40px;
        cursor: pointer;
    }

    .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a:hover {
        padding-left: 40px;
    }

    .int_nav .int_menu>ul>li.int_home_dropdown>ul>li:first-child a {
        padding-top: 16px;
    }

    span.close_menu_int {
        background-color: var(--yellow);
        display: inline-block;
        border-radius: 40px;
        padding: 3px 11px;
        position: absolute;
        top: 29px;
        right: 20px;
        z-index: 5;
        cursor: pointer;
    }

    .int_menu.int_menu_open:after {
        position: absolute;
        content: '';
        top: -1px;
        left: 20px;
        background-image: url('/assets/images/logo_mg.png');
        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.int_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(--btn-primary);
    }

    .int_footer_style4 ul li a {
        margin-right: 5px;
    }

    .int_blog_category.int_product_white {
        padding: 61px 0 34px;
    }

    .int_blog_dark_version.int_product_dark {
        padding: 65px 0 34px;
    }

    .int_product_dark .int_blog_pagination,
    .int_product_white .int_blog_pagination {
        margin-left: 25px;
    }

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

    .int_text_five h1 {
        font-size: 60px;
    }

    .int_banner_index5 {
        padding: 300px 80px 185px;
    }

    .int_text_five h1 {
        font-size: 50px;
    }

    .int_map_banner5 .int_map_wrapper iframe {
        height: 600px;
    }

    .int_address5 {
        padding: 45px 30px 48px;
        margin: 0;
    }
}

@media(max-width: 1024px) {
    .int_infosidebar {
        height: 440px;
    }
}

@media(max-width: 992px) {
    .team_box_wrapper .team_box:hover:after {
        height: 74%;
    }
}

@media(max-width: 991px) {
    .about_box_wrapper .col-lg-6.col-md-12.p-0 {
        display: none;
    }

    .int_header_wrapper.int_header_style2 {
        padding: 0 20px 30px 0;
    }

    .int_content_wraapper.int_content_left {
        margin-left: 20px;
    }

    .main_contentblock {
        padding: 20px 0px 100px;
    }

    .int_infosidebar {
        display: none;
    }

    .int_categories_box_section .int_project_gallery .bottom_content>h3 {
        display: none;
    }

    .int_content_wraapper.int_contentw_left {
        margin-left: 0;
    }

    .int_contentw_left .int_logo {
        padding-top: 30px;
        padding-left: 35px;
    }

    .int_header_style3 .int_logo {
        padding-left: 0;
    }


    .service_box_wrapper {
        text-align: center;
    }

    .service_img img {
        width: 100%;
    }

    .int_project_gallery .grid-item {
        width: 50%;
    }

    .int_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;
    }

    .int_process_wrapper {
        padding: 77px 0 18px 0;
    }

    .int_progresbar_wrapper {
        background-image: none;
    }

    .int_different_section .about_contentbox {
        padding: 0;
    }

    .int_different_section .swiper-button-next,
    .int_different_section .swiper-button-prev {
        display: none;
    }

    .int_about_section2 .about_contentbox {
        padding: 77px 15px 80px;
    }

    .int_progresbar_wrapper .progress_leftbox .video_icon {
        top: 260px;
    }

    .int_progresbar_wrapper .progress_rightbox {
        padding: 220px 50px 40px 30px;
        text-align: center;
    }

    .int_prog_box {
        text-align: left;
    }

    .int_prog_box .progress_bar .label {
        right: 0;
        top: -40px;
    }

    .int_prog_box .progress_bar .line {
        width: 100%;
    }

    .int_heading span {
        font-size: 60px;
        top: -5px;
    }

    .testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user img {
        width: 70px;
        height: auto;
    }

    .int_project_gallery .grid-item:hover .top_content {
        top: 30px;
        right: 0;
        left: 0;
        font-size: 20px;
    }

    .int_project_gallery .grid-item:hover .bottom_content>h3 {
        font-size: 22px;
    }

    .int_project_gallery .bottom_content>span {
        display: block;
    }

    .blog_box .blog_heading {
        font-size: 20px;
    }

    .int_footer_wrapper {
        padding: 80px 0 29px 0;
    }

    .footer_box {
        margin-bottom: 40px;
    }

    .int_banner_content.int_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;
    }

    .int_blog_category {
        padding: 80px 0 34px;
    }

    .int_blog_post img {
        width: 100%;
    }

    .int_blog_sidebar {
        margin-top: 76px;
    }

    .int_blog_insta_post ul {
        column-count: inherit;
        padding-bottom: 8px;
    }

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

    .int_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;
    }

    .int_product_listbar>ul>li {
        width: 49%;
    }

    .int_blog_pagination ul li:nth-child(5) {
        display: none;
    }

    .int_product_slider_box .product_item {
        margin: auto;
    }

    .int_footer_style2 {
        padding: 80px 50px 80px;
    }

    .footer_box_style2 {
        width: auto;
    }

    .int_blog_dark_version .product_text_rs {
        text-align: left;
    }

    .int_product_style4 .product_text_rs {
        text-align: center;
    }

    .int_white_progress ul li {
        width: 32%;
    }

    .int_white_progress ul li span {
        left: -23px;
        bottom: -50px;
        font-size: 16px;
    }

    .quantity_qty span {
        display: none;
    }

    .int_checkout_table span {
        font-size: 16px;
    }

    .int_checkout_table h4 {
        font-size: 16px;
    }

    .int_shipping_pager ul li {
        display: block;
    }

    .int_shipping_pager ul li:first-child {
        margin-top: 0;
        float: none;
        margin-bottom: 15px;
    }

    .int_shipping_pager ul li:last-child {
        float: none;
        margin-top: 10px;
    }

    /* .int_debit_cart {
        margin-top: 80px;
    } */

    .int_credit_cart {
        padding: 25px 20px;
        margin-bottom: 30px;
    }

    .int_credit_cart h4 {
        font-size: 20px;
    }

    .fd_review_wrapper {
        margin-top: 0;
    }

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

    .int_shipping_pager {
        margin-top: 24px;
        margin-bottom: 0;
    }

    .int_shipping_pager h4 {
        margin-top: 0;
        color: #222222;
        margin-bottom: 20px;
    }

    .int_shipping_flex.int_shipping04 {
        padding: 20px;
    }

    .int_shipping04 .int_shipping_add h5 {
        margin-top: 10px;
    }

    .int_shipping_pager h4 {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .int_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;
    }

    .int_content_img {
        width: 100%;
    }

    .int_content_text2 h2 {
        font-size: 22px;
    }

    .int_content_text2 h5 {
        font-size: 18px;
    }

    .int_testimonial_slide2 .swiper-button-next,
    .int_testimonial_slide2 .swiper-button-prev {
        display: none;
    }

    .int_index3_slider_style3 {
        padding: 160px 35px 100px;
    }

    .int_categories_box_section .int_project_gallery .grid_img:before {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .int_categories_style3.int_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;
    }

    .int_deal_text3 {
        padding: 0 0 80px;
    }

    .int_deal_img3 img {
        width: 100%;
    }

    .int_deal_section_style3 .col-lg-6.col-md-12.pl-0.pr-0 {
        order: 13;
    }

    .int_deal_section_style3 .int_heading_style3 {
        text-align: left;
        margin-bottom: 30px;
    }

    .int_shop_main {
        padding: 0 50px 50px;
    }

    .int_shop_btntext {
        margin-top: 108px;
    }

    .int_shop_center {
        padding: 50px;
    }

    .int_shop_center .int_shop_btntext {
        margin-top: 67px;
    }

    .int_shop_btntext h4 {
        font-size: 34px;
    }

    .int_shop_right {
        padding: 50px;
    }

    .int_shop_right .int_shop_btntext {
        margin-top: 68px;
    }

    .int_sale_first_style4 {
        padding: 0 20px 35px;
    }

    .int_sale_style4 {
        padding: 0 20px 30px;
    }

    .int_testimonial_style4 .swi_contentbox {
        border-radius: 20px 0 0 0;
    }

    .int_username_four {
        left: 120px;
        width: 240px;
    }

    .int_user_four {
        top: -50px;
        left: 0px;
    }

    .int_sign_section {
        padding: 10px 30px;
    }

    .int_team2_sideimg {
        margin-top: 75px;
    }

    .banner_naxt_style2 {
        left: auto;
        right: 80px;
        bottom: 30px;
        z-index: 15;
        background: var(--btn-primary);
        height: 50px;
        color: var(--btn-primary);
        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: var(--btn-primary);
    }

    .int_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;
    }

    .int_categories_style3 {
        padding: 77px 0 41px;
    }

    .int_testimonial_style3 {
        padding: 77px 0 78px;
    }

    .int_footer_partner_style3 {
        margin-top: 25px;
    }

    .int_blog_category.int_product_white {
        padding: 61px 0 80px;
    }

    .int_blog_dark_version.int_product_dark {
        padding: 62px 0 80px;
    }

    .int_product_listbar .product_grid {
        margin-bottom: 30px;
    }

    .int_heading.int_heading_team2 {
        margin: 77px 0 35px;
    }

    .int_blog_insta_post ul li {
        display: inline-flex;
    }

    .about_img_two {
        left: -10px;
        bottom: -257px;
    }

    .int_product_dark .int_blog_pagination,
    .int_product_white .int_blog_pagination {
        margin-left: 0;
    }

    .int_video_style5.int_progresbar_wrapper {
        padding: 67px 0 80px;
    }

    .int_blog_wrapper.int_blog_style5 {
        text-align: center;
        padding: 77px 0 52px;
    }

    .blog_box_flex {
        display: block;
        margin-bottom: 23px;
        margin-top: 25px;
    }

    .blog_box.blog_box_flex {
        margin-right: 0;
    }

    .banner_naxt_style2 .swiper-button-prev,
    .banner_naxt_style2 .swiper-button-next {
        color: var(--btn-primary);
    }

    .banner_naxt_style2 .swiper-button-prev::after {
        color: var(--btn-primary);
    }
}

@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;
    }
}

@media(max-width: 767px) {
    .int_bread_crumbs h1 {
        font-size: 30px;
    }

    .int_categories_style3 .int_project_gallery .grid_img {
        display: inline-block;
    }

    .main_contentblock {
        text-align: center;
        padding: 12px 0px 92px;
        width: 80%;
        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;
    }

    .main_imgblock {
        display: none;
    }

    .swiper_imgbox .swipper_img>h4 {
        font-size: 14px;
    }

    .swiper_imgbox .swipper_img>h2 {
        font-size: 40px;
    }

    .swiper_imgbox .swipper_img>h3 {
        font-size: 40px;
    }

    .int_heading span {
        display: none;
    }

    .int_service_wrapper {
        padding: 47px 0 50px 0px;
    }

    .int_service_wrapper.int_service_white {
        padding: 47px 0 50px;
    }

    .int_about_wrapper {
        padding-top: 47px;
    }

    .int_about_wrapper {
        padding-bottom: 50px;
    }

    .int_project_wrapper {
        padding-top: 47px;
    }

    .int_project_wrapper.int_project_style2 {
        padding-top: 47px;
    }

    .int_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;
    }

    .int_team_wrapper {
        padding: 47px 0px 50px;
    }

    .int_progresbar_wrapper .progress_leftbox .video_icon {
        top: 200px;
    }

    .int_progresbar_wrapper .progress_rightbox {
        padding: 190px 15px 10px 0;
    }
    .int_testimonial_slide2::before{
        top: unset;
        bottom: 0;
        width: 100%;
        height: 70%;
    }

    .testimonial_box_wrapper .swi_contentbox {
        padding: 30px;
    }

    .int_testimonial_wrapper {
        padding: 47px 0 50px;
    }

    .int_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;
    }

    .int_footer_wrapper {
        padding: 50px 0 4px 0px;
    }

    .footer_box {
        margin-bottom: 35px;
    }

    .int_about_page_title {
        padding: 150px 35px 50px 35px;
    }

    .int_dark_counter2 {
        padding: 50px 0 12px;
    }

    .int_count2_box {
        margin-bottom: 30px;
    }

    .int_darkab_service_section {
        padding: 47px 0 20px;
    }

    .int_video_section_style2.int_dark_video_section.int_progresbar_wrapper {
        padding: 50px 0;
    }

    .int_client_logo_section_style2 ul li {
        width: 25%;
        margin-bottom: 30px;
    }

    .int_client_logo_section_style2 {
        padding: 50px 0px 20px;
        margin-top: 50px;
    }

    .int_project_wrapper.int_project_style2.int_project_portfolio {
        padding: 47px 0 50px;
    }

    .int_project_wrapper.int_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: left;
        margin-top: 50px;
    }

    .about_imgbox .about_img .child_imgbox {
        display: none;
    }

    .int_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);
    }

    .int_video_section_style2.int_dark_video_section,
    .int_video_section_style2.int_progresbar_wrapper {
        padding: 50px 0;
    }

    .testimonial_box_wrapper .gallery-thumbs {
        width: 20%;
        height: 130px;
    }

    .footer_box .footer_hours li {
        margin: 0 0 10px 15px;
    }

    .int_dark_about_section2 .about_contentbox {
        padding: 47px 15px 50px;
    }

    .int_blog_category {
        padding: 50px 0 4px;
    }

    .int_blog_category.int_product_white {
        padding: 34px 0 4px;
    }

    .int_blog_dark_version.int_product_dark {
        padding: 34px 0 4px;
    }

    .int_blog_sidebar {
        margin-top: 47px;
    }

    .int_search_btn input {
        width: 88%;
    }

    .int_blog_testimonial {
        padding: 20px 30px;
    }

    .int_select_tag {
        width: 60%;
    }

    .int_select_social {
        width: 40%;
    }

    .int_blog_comment_box {
        padding: 40px 0 0;
    }

    .int_social_blog_pst {
        margin: 40px 0 50px;
    }

    .int_blog_form {
        padding-top: 15px;
    }

    .int_product_dark .col-lg-3.col-md-4.col-sm-12 {
        order: 1;
    }

    .int_product_white .col-lg-3.col-md-4.col-sm-12 {
        order: 1;
    }

    .int_product_listbar.int_product_style4 {
        text-align: left;
    }

    .int_product_single {
        padding: 50px 0px 35px;
    }

    .int_product_slider {
        padding: 47px 0 50px;
    }

    .int_thumb_sidebar {
        margin-top: 45px;
    }

    .int_footer_style2 {
        padding: 50px 30px 50px;
    }

    .int_border {
        margin: 40px 0 30px;
    }

    .int_product_single_dark .int_search_wrapper input {
        width: 78%;
    }

    .int_product_checkout.int_product_checkout_dark {
        padding: 50px 10px;
    }

    .int_product_checkout {
        padding: 50px 10px 50px;
    }

    .int_shipping_pager input {
        width: 170px;
    }

    .int_quantity_style2 .int_search_wrapper input {
        margin-bottom: 15px;
    }

    .int_shipping_pager {
        margin-top: 7px;
        margin-bottom: 0;
    }

    .int_heading.int_heading_team2 {
        margin: 47px 0 40px;
    }

    .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;
    }

    .int_aboutus_service_section {
        padding: 47px 0 20px;
    }

    .int_contact_form_box {
        padding-bottom: 50px;
    }

    .int_contact_white_form {
        margin: 42px 15px 0;
        padding: 44px 40px 45px;
    }

    .int_contact_white_form h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

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

    .int_profile_white {
        padding: 50px 0;
    }

    .int_error_white {
        padding: 50px 0;
    }

    .int_counter_style2.int_about_counter2 {
        padding: 50px 0 10px;
    }

    .int_about_style2 .about_contentbox {
        padding: 47px 0 50px;
    }

    .int_about_section2 .about_contentbox {
        background-color: var(--btn-primary);
        padding: 47px 15px 50px;
    }

    .int_about_wrapper.int_about_style2 {
        padding-top: 0;
    }

    .int_about2_imgbox {
        text-align: left;
    }

    .int_about_style2.int_different_section {
        padding: 0;
    }

    .team2_box_two h3 {
        width: 300px;
        font-size: 24px;
        text-align: center;
        margin: 30px auto 20px;
    }

    .int_counter_style2 {
        padding: 50px 0 10px;
        margin-top: 50px;
    }

    .int_testimonial2_flex {
        display: block;
    }

    .int_content_img {
        margin-bottom: 30px;
    }

    .int_service_style3 {
        padding: 60px 0 15px;
    }

    .service_box_style3 {
        margin-bottom: 30px;
    }

    .service_box_style3 h4 {
        margin: 20px 0 10px;
    }

    .int_categories_style3 {
        padding: 47px 0 0;
    }

    .int_categories_box_section .grid-item {
        right: 0;
        width: fit-content;
    }

    .int_deal_text3 {
        padding: 0 0 50px;
    }

    .int_product_section {
        padding: 47px 0 0;
    }

    /* .int_client_slider {
        padding: 50px 0;
    } */

    .int_footer_partner_style3 {
        margin-top: 0;
    }

    .int_insta_box {
        padding: 0 0 46px;
    }

    .int_footer_partner_style3 ul li {
        margin: 0 10px;
    }

    .int_footer_wrapper.int_footer_style3 {
        padding: 50px 0 30px 0;
    }

    .int_testimonial_style3 {
        padding: 47px 0 15px;
    }

    .int_index3_slider_style3 .int_banner_content {
        text-align: left;
    }

    .int_banner_content {
        text-align: center;
    }

    .int_banner_content.int_banner_slider4 {
        margin-top: 0px;
    }

    .int_shop_now_style4 {
        padding: 50px 0 39px;
    }

    .int_sale_style4 {
        margin-top: 30px;
    }

    .int_categories_style3.int_top_product_style4 {
        padding: 0 0 3px;
    }

    .int_testimonial_style4 {
        padding: 47px 0 50px;
    }

    .int_subscribe_style4 {
        padding: 43px 0 50px;
    }

    .int_footer_wrapper.int_footer_style4 {
        padding: 50px 0 30px 0;
    }

    .int_sign_slide {
        display: none;
    }

    .int_modal_form {
        display: block;
    }

    .int_team2_sideimg {
        margin-top: 0;
    }

    .int_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,
    .int_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;
    }

    .int_testimonial_style3 .swi_user img {
        border-color: #ff9d34;
    }

    .int_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.int_categories_box_section {
        padding-bottom: 17px;
    }

    .int_index3_slider_style3 {
        padding: 102px 35px 50px;
    }

    .int_product_dark .int_blog_pagination,
    .int_product_white .int_blog_pagination {
        margin-left: 0;
    }

    /* .int_blog_sidebar.int_product_sidebar {
        margin-top: 46px;
        margin-bottom: 46px;
    } */

    .int_product_section.int_product_style4 {
        padding: 47px 0 0;
    }

    .int_header_style2 .int_nav .int_cartsec>ul>li {
        padding: 0px 10px;
    }

    .product_list_filter ul {
        text-align: center;
        margin-bottom: -15px;
        margin-top: 0px;

    }

    .int_index4_slider_style4 .swiper-container {
        padding: 0px !important;
    }

    .int_banner_slider4 p {
        width: auto;
        font-size: 16px;
    }

    .int_banner_pic4 {
        display: none;
    }

    .int_aboutus_service_section.int_contact_detail {
        padding: 50px 0 20px;
    }

    .int_darkab_service_section.int_contact_detail {
        padding: 50px 0 20px;
    }

    .int_contact_form_box {
        padding-bottom: 50px;
    }

    .int_banner_index5 {
        padding: 142px 30px 50px;
    }

    .int_aboutus_service_section.int_service_style5 {
        padding: 47px 0 20px;
    }

    .int_text_five h1 {
        font-size: 40px;
        margin-bottom: 28px;
    }

    .int_text_five h4::after {
        display: none;
    }

    .int_categories_style3.int_gallery_style5 {
        padding: 47px 0 17px;
    }

    .int_project_gallery.gallery_five_mg {
        margin-top: 0;
    }

    .int_gallery_style5 .int_project_gallery .grid_img {
        display: inline-block;
    }

    .int_video_style5.int_progresbar_wrapper {
        padding: 39px 0 50px;
    }

    .int_heading_five {
        width: 500px;
    }

    .int_heading_five h1 {
        font-size: 40px;
        margin-bottom: 166px;
    }

    .int_video_style5.int_progresbar_wrapper .progress_leftbox .video_icon {
        top: -170px;
    }

    .int_heading_five::after {
        display: none;
    }

    .solar_waves {
        display: none;
    }

    .int_heading_five h2 {
        font-size: 28px;
    }

    .int_blog_wrapper.int_blog_style5 {
        padding: 47px 0 22px;
    }

    .blog_box_flex {
        margin-bottom: -5px;
        margin-top: 0;
    }

    .blog_box.blog_box_flex {
        margin-bottom: 0;
    }

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

    .int_map_banner5 {
        padding: 50px 0 50px;
    }

    .int_address5 {
        margin: 50px 0 0;
    }
}

@media(max-width: 575px) {
    .int_banner_index5 {
        padding: 216px 30px 50px;
    }

    .int_content_wraapper.int_content_margin {
        margin-left: 0;
    }

    .int_content_wraapper.int_content_left {
        margin-left: 0;
    }

    .int_logo {
        text-align: center;
        padding-left: 15px;
    }

    .int_header_wrapper .int_logo {
        margin-left: 10px;
    }

    .int_header_wrapper.int_header_style1 {
        padding: 0 0 30px 0;
    }

    .int_header_style1 .int_logo {
        margin-left: 0;
    }

    .int_header_style2 .int_logo {
        padding-left: 15px;
        margin-left: 0;
    }

    .int_header_style3 .int_logo {
        margin-left: 0;
    }

    .int_nav {
        text-align: center;
    }

    .int_header_style2 .int_nav {
        margin-right: 5px;
    }

    .int_nav .int_cartsec>ul>li:after {
        display: none;
    }

    .int_nav .int_cartsec>ul>li>a.setting_toggle {
        margin-left: 5px;
    }

    .int_nav .int_cartsec>ul>li {
        padding: 0px 20px;
    }

    .int_header_wrapper.int_header_style2 {
        padding: 0 0 30px 0;
    }

    .int_header_style2 .int_nav .int_cartsec>ul>li {
        padding: 0px 5px;
    }

    .footer_box .int_logo {
        text-align: left;
    }

    .int_progresbar_wrapper .progress_rightbox h1 {
        font-size: 30px;
    }

    .int_bread_crumbs {
        text-align: center;
    }

    .int_home_crumbs {
        text-align: center;
    }

    .int_service_box2 {
        padding: 35px 30px;
    }

    .int_client_logo_section_style2 ul li {
        width: 40%;
    }

    .int_break_out {
        width: auto;
    }

    .int_break_out h1 {
        font-size: 28px;
    }

    .int_search_btn input {
        width: 78%;
    }

    .int_blog_dark_version .int_blog_post h2 {
        font-size: 20px;
    }

    .int_blog_post h2 {
        font-size: 20px;
    }

    .int_post_title a {
        font-size: 16px;
    }

    .int_blog_pagination ul li:nth-child(5) {
        display: none;
    }

    .int_blog_pagination ul li:nth-child(6) {
        display: none;
    }

    .int_blog_pagination ul li:nth-child(7) {
        display: none;
    }

    .int_blog_pagination ul li:nth-child(8) {
        display: none;
    }

    .int_service_wrapper.int_service_white {
        padding: 47px 0 20px;
    }

    .int_blog_pagination a.page-link {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .int_post_section1 {
        width: 100%;
    }

    .int_post_section2 {
        width: 100%;
    }

    .int_select_tag ul li a {
        margin-right: 0;
    }

    .int_select_social ul li a {
        margin-left: 5px;
    }

    .int_social_blog_pst {
        display: block;
    }

    .int_select_tag {
        width: 100%;
        text-align: center;
    }

    .int_select_social {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .int_auther_box {
        display: block;
    }

    .int_auther_img {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .int_auther_img img {
        width: 30%;
    }

    .int_profile_box {
        display: block;
    }

    .int_blog_comment_box h1 {
        margin-bottom: 0;
    }

    .int_user_text {
        width: 100%;
    }

    .int_user_profile {
        margin-bottom: 15px;
    }

    .int_about_style2 .about_contentbox .about_head1 {
        font-size: 20px;
    }

    .int_index3_slider_style3 .int_banner_content {
        text-align: center;
        width: 100%;
    }

    ul.comment_left {
        padding-left: 0;
    }

    .int_blog_form h2 {
        margin-bottom: 30px;
    }

    .int_product_listbar>ul>li {
        width: 100%;
        padding-left: 0;
    }

    .int_product_listbar .product_item_block .content_block {
        padding: 30px 30px 0 0;
    }

    .int_product_listbar.product_list_view>ul>li>.product_item_block {
        display: block;
    }

    .product_detail_tab>ul>li {
        margin: 0px 0;
    }

    .int_tab_peragraph {
        padding: 24px 30px 5px;
    }

    .int_product_slider_white .product_text_rs {
        text-align: center;
    }

    .int_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;
    }

    .int_price_detail h1 {
        font-size: 24px;
    }

    .int_footer_wrapper.int_footer_style4 {
        padding: 50px 0 0px 0;
    }

    .int_textbox_subscribe4 .int_search_wrapper input {
        font-size: 14px;
    }

    .int_product_slider_dark .product_text_rs {
        text-align: center;
    }

    .fd_review_delivery h4.border_btm_input {
        font-size: 18px;
    }

    .int_credit_cart {
        padding: 15px 20px 20px;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .fd_review_wrapper {
        margin-top: 20px;
    }

    .int_credit_cart>ul {
        display: block;
    }

    .int_credit_cart>ul>li {
        display: block;
    }

    .int_credit_cart>ul>li:nth-child(2) {
        width: 100%;
        margin: 15px 0 10px;
    }

    .int_credit_cart>ul>li:last-child {
        text-align: left;
    }

    .int_shipping04 .int_shipping_add h5 {
        margin-top: 0;
        margin-right: 5px;
    }

    .int_shipping_add h4 {
        font-size: 20px;
    }

    .int_contact_white_form {
        margin: 50px 15px 0;
        padding: 50px 30px;
    }

    .int_profile_edit {
        padding: 50px 30px;
    }

    .int_basic_edit h3 {
        font-size: 16px;
    }

    .int_basic_edit {
        margin-bottom: 0;
        padding-bottom: 10px;
    }

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

    .int_error_four h1 {
        margin-top: 20px;
        font-size: 30px;
    }

    .int_error_four p {
        font-size: 20px;
    }

    .about_contentbox .int_btn {
        min-width: 225px;
    }

    .int_checkout_table .table thead th {
        font-size: 16px;
    }

    .index3_timer canvas {
        width: 310px !important;
        height: auto !important;
    }

    .int_shop_main {
        padding: 0 30px 30px;
    }

    .int_shop_btntext h4 {
        font-size: 16px;
    }

    .int_shop_center {
        padding: 30px;
    }

    .int_shop_right {
        padding: 30px;
    }

    .int_footer_partner_style3 ul li {
        margin: 0 15px 30px;
    }

    .int_banner_content.int_banner_slider4 {
        margin-top: 50px;
    }

    .int_sale_four h5 {
        font-size: 16px;
        margin-bottom: 60px;
    }

    .int_sale_four h2 {
        font-size: 26px;
    }

    .int_testimonial_style4 .swi_contentbox {
        padding: 80px 30px 50px;
    }

    .int_user_four img {
        width: 100px;
        height: 100px;
    }

    .int_user_four {
        top: -30px;
        left: 0px;
    }

    .int_username_four {
        left: 90px;
        width: 200px;
    }

    .int_username_four h3 {
        font-size: 16px;
    }

    .footer_social_style2 {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .int_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;
    }

    .int_sign_section {
        padding: 40px 10px;
    }

    .int_social_btn ul li {
        display: block;
    }

    .int_social_btn ul li:last-child {
        margin: 15px 0 0 0;
    }

    .close_search_bar .search_input_box input {
        width: 70%;
        font-size: 20px;
    }

    .int_bread_crumbs h1 {
        font-size: 30px;
    }

    .int_white_progress ul li span {
        font-size: 14px;
    }

    .int_service_wrapper {
        padding: 47px 0 20px 0px;
    }

    .int_footer_wrapper {
        padding: 50px 0 0 0px;
    }

    .footer_box .int_logo {
        padding-left: 0;
    }

    .int_index3_slider_style3 {
        padding: 175px 35px 50px;
        background-position: left
    }

    .int_footer_wrapper.int_footer_style3 {
        padding: 50px 0 0px 0;
    }

    /* .int_checkout_box {
        padding: 27px 20px 29px;
    } */

    .int_product_checkout_dark .int_checkout_box {
        padding: 27px 20px 29px;
    }

    .process_box_wrapper .col-lg-3:nth-child(3) .process_box {
        margin-bottom: 55px;
    }

    .int_product_dark .int_blog_pagination,
    .int_product_white .int_blog_pagination {
        margin: auto;
        display: table;
        padding-bottom: 30px;
    }

    .int_project_gallery .grid_img {
        display: inline-block;
    }

    .int_project_portfolio .int_btn {
        margin-top: 22px;
    }

    .int_text_five h4 {
        font-size: 22px;
    }

    .int_text_five h1 {
        font-size: 28px;
    }

    .int_heading_five {
        width: 300px;
    }

    .int_heading_five h1 {
        font-size: 30px;
    }

    .int_heading_five h2 {
        font-size: 20px;
    }

    .int_project_gallery {
        margin-bottom: 10px;
    }
}

@media(max-width: 480px) {
    .int_categories_box_section .int_project_gallery .bottom_content {
        display: none;
    }

    .int_project_gallery .grid-item:hover .bottom_content>h3 {
        font-size: 16px;
    }

    .main_contentblock {
        width: 100%;
    }

    .cart_content {
        width: 310px;
        overflow: scroll;
    }

    .int_project_style2 .int_project_gallery .gallery_nav ul li {
        margin-left: 0;
    }

    .int_project_style2 .int_project_gallery .gallery_nav ul li:before,
    .int_project_style2 .int_project_gallery .gallery_nav ul li:after {
        display: none;
    }

    .int_white_progress ul li:nth-child(odd) span {
        top: -50px;
    }

    .int_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;
    }

    .int_header_style4 .int_nav .int_cartsec>ul>li:after {
        display: none;
    }

    .int_nav .int_cartsec>ul>li:after {
        display: none;
    }

    .int_nav .int_cartsec>ul>li:first-child {
        padding: 0;
    }

    .int_header_style5 .int_nav .int_cartsec>ul>li:first-child {
        padding: 0 5px;
    }

    li.int_login_sign a {
        margin-left: 5px;
    }

    .int_sop_cart_btn {
        padding: 14px 0 10px 14px;
    }

    .int_sop_cart_btn .btn_caret {
        display: none;
    }

    .int_sop_cart_btn>ul>li:first-child {
        margin-right: 0;
    }

    .int_header_style2 .int_sop_cart_btn>ul>li:first-child {
        margin-right: 0;
    }

    .int_header_style2 .int_btn_two {
        width: 140px;
    }

    .int_header_style3 .int_sop_cart_btn>ul>li:first-child {
        margin-right: 0;
    }

    .int_header_style3 .index3_btn {
        min-width: 140px;
    }

    .int_header_style4 .int_sop_cart_btn>ul>li:first-child {
        margin-right: 0;
    }

    .int_header_style4 .index4_btn {
        min-width: 140px;
    }

    .int_header_style2 .int_sop_cart_btn {
        padding: 14px 0 10px 0px;
    }

    .int_header_style3 .int_sop_cart_btn {
        padding: 14px 0 10px 0px;
    }

    .int_header_style4 .int_sop_cart_btn {
        padding: 14px 0 10px 0px;
    }

    .testimonial_box_wrapper .swi_user>svg {
        bottom: -20px;
    }

    .int_header_style2 .int_nav .int_cartsec>ul>li {
        padding: 0px 5px 0 0;
    }

    .int_header_style2 .int_nav .int_cartsec>ul>li>a.setting_toggle {
        margin-left: 0px;
    }

    .product_list_filter .nice-select {
        height: 40px;
        line-height: 35px;
    }

    /* .int_checkout_box {
        padding: 85px 20px 50px;
    } */

    .int_product_checkout_dark .int_checkout_box {
        padding: 85px 20px 50px;
    }
}

/********************************************************
22. responsive end
********************************************************/
.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}



/* --------------------------------------------------EXTRA CSS--------------------------------- */

/* WHY CHOOSE US – PREMIUM FIX */
.why-choose-us {
    position: relative;
    padding: 70px 0;
    background-image: url(../images/631.webp);
    background-size: cover;
    background-attachment: fixed;
}
.why-choose-us::before{
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(72, 69, 60, 0.8);
}
.why-grid {
    display: flex;
    row-gap:30px;
}
.why-choose-us .container{
    position: relative;
    z-index: 3;
}
.why-card {
    height: 100%;
    padding: 30px 20px;
    border-radius: 10px;
    background: #48453cb3;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    backdrop-filter: blur(7px);
}


/* ICON */
.why-icon {
    margin-bottom: 10px;
}

.why-icon svg {
    width: 52px;
    height: 52px;
    fill: none;
    stroke: var(--text-primary);
    stroke-width: 1.6;
}

/* HEADING – FIXED HEIGHT */
.why-card h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--yellow);
    height: 24px;
    /* FORCE equal height */
    line-height: 24px;
    margin-bottom: 10px;
}

/* CLEAN UNDERLINE (NO STRIKE ISSUE) */
.why-underline {
    width: 36px;
    height: 2px;
    background: var(--text-light);
    margin-bottom: 18px;
}

/* TEXT */
.why-card p {

    line-height: 1.6;
    color: #ffffff;
    margin-top: auto;
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .why-card {
        margin-bottom: 30px;
    }
}

.why-card {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.why-icon svg {
    transition: stroke 0.35s ease;
}
.why-icon img{
    max-width: 100px;
}
.why-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}

.why-card:hover .why-icon svg {
    stroke: var(--btn-primary);
}

.why-card:hover .why-underline {
    background: var(--btn-primary);
}


/* slider============================ */

.int_banner_content.int_banner_slider4 {
    text-align: center;
    margin-top: 120;
}

.banner_para {
    color: var(--white);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1px;
}

/* Banner overlay */
.int_index4_slider_style4 .swiper-slide {
    position: relative;
}

.int_index4_slider_style4 .swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(#0000, #0000);
    /* adjust strength */
    z-index: 1;
}

/* Keep content above overlay */
.int_index4_slider_style4 .int_banner_content {
    position: relative;
    z-index: 2;
}


/* ==========================fixed header======================= */
/* .int_header_wrapper {
    padding: 0 31px 0 0;
    position: sticky;
    top: 0;
    left: 80px;
    right: 0;
    z-index: 1000;
    background-color: var(--bg-primary-color);
} */

/* ===== FORCE STICKY HEADER ===== */
.int_header_wrapper {
    position: fixed;
    top: 20px;
    left: 20px;
    right:20px;
    max-width: 100%;
    z-index: 999;
    background-color: rgba(72, 69, 60, 0.22);
    border-radius: 10px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
.int_header_wrapper .container-fluid{
    padding:10px;
}
/* push page content down */





.int_header_wrapper.is-sticky {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}


/* mobile header logo size */
@media (max-width: 575px) {
    .int_header_wrapper .int_logo {
        display: flex;
        justify-content: center !important;
    }
}

@media (max-width: 575px) {
    .int_logo img {
        max-width: 250px;
        height: auto;
    }
}

.logo_header {
    display: flex;
    align-items: center;
}

/* quick links */
@media (min-width: 1024px) {
    .quick_links {
        margin-left: 35px;
    }
}

/* button icon  */

.fa-caret-right {
    color: var(--btn-primary);
}


/* =========================
   Categories Section
========================= */

.mg-categories {
    padding: 70px 0;
    background: transparent;
}

.mg-cat-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #3F3A34;
    margin-bottom: 45px;
}

/* Grid */
.mg-cat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 30px;
}

/* Item */
.mg-cat-item {
    text-align: center;
    text-decoration: none;
    transition: transform 0.25s ease;
}

.mg-cat-item img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 5px solid var(--light-green);
    object-fit: cover;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Title */
.mg-cat-name {
    display: block;
    margin-top: 14px;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    transition: color 0.3s ease;
}

/* Hover */
.mg-cat-item:hover img {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
    transform: translateY(-4px);
}

.mg-cat-item:hover .mg-cat-name {
    color: var(--yellow);
    /* premium hover */
}

/* =========================
   RESPONSIVE
========================= */

/* Tablet */
@media (max-width: 991px) {
    .mg-cat-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 35px 25px;
    }

    .mg-cat-item img {
        width: 105px;
        height: 105px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .mg-cat-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 20px;
    }

    .mg-cat-item img {
        width: 90px;
        height: 90px;
    }

    .mg-cat-name {
        font-size: 14px;
    }
}

/* Small mobile */
@media (max-width: 380px) {
    .mg-cat-grid {
        grid-template-columns: 1fr;
    }
}

.categories_btn {
    margin-top: 45px;
}


/* ==========Map========== */
/* =========================
   Location Section
========================= */


.mg-location-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

/* Card */
.mg-location-card {
    position: relative;
    background: var(--secondary-light);
    border-radius: 6px;
    padding: 24px 24px 28px;
}

/* Badge */
.mg-location-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    border: 1px solid #e25a3c;
    color: #e25a3c;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 30px;
}

/* Map */
.mg-map-wrap {
    width: 100%;
    height: 260px;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 18px;
}

.mg-map-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* Title */
.mg-location-card h3 {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-dark);
    margin-bottom: 12px;
    position: relative;
}

.mg-location-card h3::after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background: var(--primary);
    margin: 8px 0 0;
}

/* Address */
.mg-address {
    text-align:left;
    color: #fff;
    margin-bottom: 18px;
}

/* Contact */
.mg-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mg-contact li {
    font-size: 18px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.mg-contact li a{
    font-size: 18px;
    color:var(--primary-dark);
}

/* =========================
   Responsive
========================= */

@media (max-width: 991px) {
    .mg-location-grid {
        gap: 30px;
    }

    .mg-map-wrap {
        height: 220px;
    }
}

@media (max-width: 767px) {
    .mg-location-grid {
        grid-template-columns: 1fr;
    }

    .mg-location-card {
        padding: 22px 18px 26px;
    }
}

@media (max-width: 480px) {
    .mg-map-wrap {
        height: 200px;
    }

    .mg-location-card h3 {
        font-size: 18px;
    }
}

.mg-contact {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
}

.mg-contact li {
    margin-bottom: 12px;
}

.mg-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--btn-primary);
    text-decoration: none;
    font-size: 15px;
    transition: color 0.25s ease, transform 0.25s ease;
}

.mg-link svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    flex-shrink: 0;
    transition: transform 0.25s ease;
}

.mg-link:hover {
    color: var(--btn-primary-hover);
    transform: translateX(4px);
}

.mg-link:hover svg {
    transform: scale(1.1);
}


/* ============ Product listing Page ============== */
/* @media (max-width: 1024px) and (min-width: 768px) {
    .int_product_style4 .product_item {
        width: 200px;
        height: 300px;
    }
}

@media (max-width: 480px) {
    .int_product_style4 .product_item {
        width: 250px;
        height: 300px;
    }
} */


/* ===============================
   FILTER ACCORDION – CLEAN FINAL
================================ */

/* ---------- BASE ---------- */
.int_sidebar_box {
    /* background: var(--bg-page); */
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 15px 25px;
    /* margin-bottom: 14px; */
    transition: all 0.25s ease;
}

/* hover */
.int_sidebar_box:hover {
    transform: translateY(-2px);
}

/* active */
.int_sidebar_box.active {
    /* background: #f5f5f5; */
    border-color: rgba(0, 0, 0, 0.12);
}

/* ---------- HEADING ---------- */
.int_sidebar_box h4.filter-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    letter-spacing: 0.4px;
    padding-bottom: 0px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.08);
}



/* ---------- CONTENT CORE ---------- */
.filter-content {
    display: none;
    padding-top: 14px;
}

.int_sidebar_box.active>.filter-content {
    display: block;
    margin-top: 25px;
    padding-top: 0px;
}

/* ---------- CHECKLIST ---------- */
.filter-content ul li {
    margin-bottom: 8px;
}

.filter-content label {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-light);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}



.filter-content input[type="checkbox"] {
    accent-color: var(--btn-primary);
}

/* ---------- SCROLL ---------- */
.filter-scroll {
    max-height: 220px;
    overflow-y: auto;
    padding-right: 6px;
}

.filter-scroll::-webkit-scrollbar {
    width: 5px;
}

.filter-scroll::-webkit-scrollbar-thumb {
    background: #bfa79a;
    border-radius: 10px;
}

/* ---------- COLOR FILTER ---------- */
.filter-colors {
    display: none;
}

.int_sidebar_box.active>.filter-colors {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

/* color dot */
.color-dot {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid #ddd;
    cursor: pointer;
    position: relative;
    transition: all 0.25s ease;
}

/* hover */
.color-dot:hover {
    transform: scale(1.1);
    border-color: var(--btn-primary);
}

/* active */
.color-dot.active {
    border-color: var(--btn-primary);
}

/* outer ring */
.color-dot.active::after {
    content: '';
    position: absolute;
    inset: -6px;
    border: 1px solid var(--btn-primary);
    border-radius: 50%;
}

/* ---------- CLEAR BUTTON ---------- */
.filter-clear-wrap {
    margin: 15px 5px 5px 0px;
    text-align: right;
}

.filter-clear {
    font-size: 12px;
    color: var(--bg-page);
    background-color: var(--btn-primary);
    border: 1px solid #ccc;
    padding: 5px 12px;
    cursor: pointer;
}

.filter-clear:hover {
    background-color: var(--btn-primary-hover);
}

/* ==============================details page css main===================================== */
/* ================= PRODUCT DETAILS SECTION ================= */

.details_main {
    background-color: var(--bg-page) !important;
}

.product-main {
    background: #fafafa;
    padding: 60px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

@media (max-width: 992px) {
    .product-main {
        grid-template-columns: 1fr;
        padding: 40px 15px;
    }
}

/* ---------------- LEFT : IMAGE ---------------- */

.product-left {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Main Image */
.image-zoom-container {
    width: 100%;
    max-width: 520px;
    padding: 24px;
    background: var(--bg-section-alt);
    border-radius: 14px;
    border: 1px solid var(--text-primary);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.image-zoom-container img {
    width: 100%;
    display: block;
    transition: transform 0.25s ease;
    will-change: transform;
}

/* Hover zoom only on real hover devices */
@media (hover: hover) {
    .image-zoom-container:hover img {
        transform: scale(2);
    }
}

/* ---------------- THUMB SLIDER ---------------- */

.thumb-slider {
    margin-top: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.thumb-nav {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    /* background: #fff; */
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    font-size: 20px;
    line-height: 36px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.thumb-nav:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

.thumb-viewport {
    width: 360px;
    overflow: hidden;
}

.thumb-track {
    display: flex;
    gap: 10px;
    transition: transform 0.4s ease;
    will-change: transform;
}

.thumb {
    flex: 0 0 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid transparent;
    background: var(--text-light);
    cursor: pointer;
    transition: border 0.25s ease, transform 0.25s ease;
}

.thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumb:hover {
    transform: translateY(-3px);
}

.thumb.active {
    border-color: var(--text-primary);
}

/* Mobile thumbs */
@media (max-width: 576px) {
    .thumb-viewport {
        width: 280px;
    }

    .thumb {
        flex: 0 0 65px;
        height: 65px;
    }
}

/* ---------------- RIGHT : CONTENT ---------------- */

.product-right {
    max-width: 520px;
}

.product-right h2 {
    margin-top: 5px;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

/* ---------------- STATIC SPECS (NON-ACCORDION) ---------------- */
/* Example block if you add it later */
.product-specs {
    background: #fff;
    padding: 18px 22px;
    border-radius: 12px;
    border: 1px solid #e6e6e6;
    margin-bottom: 24px;
    line-height: 1.7;
}

/* ---------------- ACCORDION ---------------- */

.accordion {
    border-top: 1px solid #e5e5e5;
}

.acc-item {
    border-bottom: 1px solid #e5e5e5;
}

.acc-header {
    width: 100%;
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease;
}

.acc-header:hover {
    color: var(--btn-primary-hover);
}

.acc-header .icon {
    font-size: 20px;
    transition: transform 0.3s ease;
}

.acc-item.active .icon {
    transform: rotate(180deg);
}

/* Accordion body */
.acc-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.acc-body p {
    padding: 0 0 18px;
    font-size: 15px;
    line-height: 1.7;
    color: #444;
}

.acc-item.active .acc-body {
    max-height: 300px;
}

/* ---------------- MOBILE OPTIMIZATION ---------------- */

@media (max-width: 768px) {
    .product-right {
        max-width: 100%;
    }

    .product-right h2 {
        font-size: 24px;
    }
}


.image-zoom-container img {
    transition: transform 0.25s ease, opacity 0.3s ease;
}

/* Prevent image cutting on small screens */
.image-zoom-container {
    max-width: 100%;
    padding: 16px;
}

@media (max-width: 768px) {
    .image-zoom-container {
        padding: 12px;
    }

    /* Disable hover zoom on touch devices */
    .image-zoom-container img {
        transform: none !important;
    }
}

/* Desktop */
.thumb-viewport {
    width: 360px;
}

/* Tablet */
@media (max-width: 992px) {
    .thumb-viewport {
        width: 320px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .thumb-viewport {
        width: 200px;
    }

    .thumb {
        flex: 0 0 60px;
        height: 60px;
    }
}

.zoom-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.zoom-modal.active {
    display: flex;
}

.zoom-modal img {
    max-width: 90%;
    max-height: 90%;
    transition: transform 0.3s ease;
}

.zoom-close {
    position: absolute;
    top: 20px;
    right: 24px;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
}


/* responsive mobile slider */
.thumb-wrapper {
    overflow: hidden;
    width: 100%;
}

.thumb-track {
    display: flex;
    gap: 10px;
    transition: transform 0.4s ease;
}

.thumb {
    flex: 0 0 auto;
}

/* Desktop */
@media (min-width: 992px) {
    .thumb {
        width: 80px;
    }
}

/* Tablet */
@media (max-width: 991px) {
    .thumb {
        width: 70px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .thumb {
        width: 60px;
    }
}

/* ================= PRODUCT SPECIFICATIONS ================= */

.product-specs {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    padding: 20px 22px;
    margin-bottom: 26px;
}

/* Grid-based rows */
.spec-row {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 16px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.spec-row:last-child {
    border-bottom: none;
}

/* Labels */
.spec-label {
    color: #666;
    font-weight: 500;
    letter-spacing: 0.3px;
}

/* Values */
.spec-value {
    color: #111;
    font-weight: 600;
    line-height: 1.5;
}

/* ---------------- CTA BUTTONS ---------------- */

.product-cta {
    display: flex;
    gap: 12px;
    margin-bottom: 30px;
}

.product-cta a {
    flex: 1;
    text-align: center;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.25s ease;
}

/* Outline button */
.btn-outline {
    border: 1px solid #000;
    color: #000;
    background: #fff;
}

.btn-outline:hover {
    background: #000;
    color: #fff;
}

/* Solid button */
.btn-solid {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.btn-solid:hover {
    background: #222;
}

/* ---------------- RESPONSIVE ---------------- */

@media (max-width: 768px) {
    .spec-row {
        grid-template-columns: 120px 1fr;
    }
}

@media (max-width: 576px) {
    .product-specs {
        padding: 18px 16px;
    }

    .spec-row {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .spec-label {
        font-size: 13px;
    }

    .spec-value {
        font-size: 14px;
    }

    .product-cta {
        flex-direction: column;
    }
}

@media (min-width: 992px) {
    .product-right {
        position: sticky !important;
        top: 90px;
        /* adjust if header height changes */
        align-self: start;
    }
}

/* Highlight important specs */
.spec-row.highlight {
    /* background: #fafafa; */
    border-radius: 10px;
    /* padding: 14px 12px; */
    margin: 6px 0;
}


.spec-row.highlight .spec-value {
    font-weight: 700;
}

/* ================= SPECIFICATIONS ================= */

.product-specs {
    background: var(--bg-section-alt);
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    padding: 0px 22px 0px 22px;
    margin-bottom: 26px;
}

/* Row layout */
.spec-row {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.spec-row:last-child {
    border-bottom: none;
}

/* Label */
.spec-label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666;
    font-weight: 500;
}

.spec-label i {
    font-size: 18px;
    opacity: 0.6;
}

/* Value */
.spec-value {
    font-weight: 600;
    color: var(--text-dark);
}

/* Highlight important specs */
.spec-row.highlight {
    /* background: #fafafa; */
    /* border-radius: 10px;
  padding: 14px 0px;
  margin: 6px 0; */
}

/* ================= CTA ================= */

.product-cta {
    display: flex;
    gap: 12px;
    margin-top: 32px;
}

.product-cta a {
    flex: 1;
    text-align: center;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.25s ease;
}

/* Outline */
.btn-outline {
    background: var(--bg-page);
    border: 1px solid var(--text-primary);
    color: var(--text-primary);
}

.btn-outline:hover {
    background: var(--btn-primary);
    color: white;
}

/* Solid */
.btn-solid {
    background: var(--btn-primary);
    border: 1px solid #000;
    color: var(--bg-page);
}

.btn-solid:hover {
    background: var(--btn-primary-hover);
    color: white;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 576px) {
    .product-specs {
        padding: 18px 16px;
    }

    .spec-row {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .spec-label {
        font-size: 13px;
    }

    .spec-value {
        font-size: 14px;
    }

    .product-cta {
        flex-direction: column;
    }
}

.product-left {
    position: relative;
}


.product-main {
    background: var(--bg-page);
    padding-top: 60px;
    padding-bottom: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

@media (max-width: 992px) {
    .product-main {
        grid-template-columns: 1fr;
        padding: 40px 15px;
    }
}

.product-details-flow {
    background: #ffffff;
    padding: 40px 20px 60px;
}

@media (max-width: 768px) {
    .product-details-flow {
        padding: 30px 15px 50px;
    }
}

/* ================= DETAILS FLOW ================= */

.product-details-flow {
    background: var(--bg-page);
    padding: 50px 0px 60px 0px;

}

/* Grid for accordions */
.details-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

/* Each column */
.details-col .accordion {
    border-top: 1px solid var(--text-primary);
}

/* Accordion items */
.acc-item {
    border-bottom: 1px solid var(--text-primary);
}

/* Accordion header */
.acc-header {
    color: var(--btn-primary);
    width: 100%;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

/* Accordion body */
.acc-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.acc-body p {
    padding: 0 0 18px;
    font-size: 15px;
    line-height: 1.7;
    color: var(--text-light);
}

/* Active */
.acc-item.active .acc-body {
    max-height: 300px;
}

.acc-item.active .icon {
    transform: rotate(180deg);
}

/* ---------------- RESPONSIVE ---------------- */

@media (max-width: 992px) {
    .details-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* ===============================
   PRODUCT ACTION BUTTONS
=================================*/

.mg-product-actions {
    margin-top: 25px;
}

/* Row Layout */
.mg-action-row {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

/* Base Button */
.mg-btn {
    /* flex: 1; */
    padding: 8px 8px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
    border: 1px solid var(--btn-primary);
}

/* Wishlist Button */
.mg-btn-outline {
    background: var(--bg-card);
    color: var(--btn-primary);
}

.mg-btn-outline:hover {
    background: var(--btn-primary);
    color: #fff;
}

/* Enquire Button */
.mg-btn-primary {
    background: var(--btn-primary);
    color: #fff;
}

.mg-btn-primary:hover {
    background: var(--btn-primary-hover);
    color: var(--bg-page);
}

/* ===============================
   SOCIAL BUTTONS
=================================*/

.mg-share-row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.mg-share-btn {
    /* flex: 1; */
    padding: 8px 11px;
    background: var(--bg-card-2);
    color: var(--text-dark);
    text-decoration: none;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.mg-share-btn:hover {
    background: var(--btn-primary);
    color: #fff;
}

/* Remove stretch */
.mg-btn-primary,
.mg-btn-outline {
    flex: 0 0 auto;
}

/* ===============================
   RESPONSIVE
=================================*/

@media (max-width: 992px) {

    .mg-action-row,
    .mg-share-row {
        flex-direction: column;
    }

    .mg-btn,
    .mg-share-btn {
        font-size: 16px;
    }
}

/* ===== OVERLAY ===== */
.mg-enquiry-overlay {
    position: fixed;
    inset: 0;
    background: rgba(30, 30, 30, 0.65);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 9998;
}

/* ===== MODAL WRAPPER ===== */
.mg-enquiry-modal {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 9999;
}

.mg-enquiry-modal.active,
.mg-enquiry-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* ===== BOX ===== */
.mg-enquiry-box {
    width: 100%;
    max-width: 420px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.3);
    transform: translateY(40px) scale(0.96);
    transition: 0.3s ease;
}

.mg-enquiry-bg {
    position: relative;
    background: url('/assets/images/Insta/q5.jpg') center/cover no-repeat;
    padding: 30px 25px 28px;
}

/* overlay */
.mg-enquiry-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(30, 30, 30, 0.75);
}

/* content above overlay */
.mg-enquiry-content {
    position: relative;
    z-index: 2;
}



.mg-enquiry-modal.active .mg-enquiry-box {
    transform: translateY(0) scale(1);
}

/* ===== TOP IMAGE ===== */
.mg-enquiry-image {
    width: 100%;
    height: 100px;
    /* reduced */
}

.mg-enquiry-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ===== CONTENT AREA ===== */
.mg-enquiry-header {
    padding: 28px 30px;
}

#mgEnquiryForm {
    padding: 15px 22px 22px;
}

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

.mg-enquiry-header h3 {
    font-size: 20px;
    color: var(--bg-section-alt);
}

.mg-close-modal {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: var(--bg-page);
}

/* ===== FORM ===== */
.mg-form-group {
    margin-bottom: 12px;
}

.mg-form-group input,
.mg-form-group textarea {
    width: 100%;
    padding: 10px 14px;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
    transition: 0.25s ease;
}

.mg-form-group input:focus,
.mg-form-group textarea:focus {
    border-color: var(--btn-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(122, 92, 72, 0.08);
}

/* ===== BUTTONS ===== */
.mg-form-actions {
    display: flex;
    gap: 10px;
    margin-top: 6px;
}

.mg-btn-primary-form {
    background: var(--btn-primary);
    color: #fff;
    padding: 10px 16px;
    border: none;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}

.mg-btn-primary:hover {
    background: var(--btn-primary-hover);
}

.mg-btn-cancel-form {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    padding: 9px 16px;
    border-radius: 6px;
    cursor: pointer;
}


.mg-form-group {
    margin-bottom: 12px;
}

.mg-form-group input,
.mg-form-group textarea {
    width: 100%;
    padding: 10px 14px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(6px);
    color: #fff;
    font-size: 14px;
}

.mg-form-group input::placeholder,
.mg-form-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.mg-form-group input:focus,
.mg-form-group textarea:focus {
    border-color: var(--btn-primary);
    outline: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 576px) {
    .mg-enquiry-box {
        max-width: 92%;
    }

    .mg-form-actions {
        flex-direction: column;
    }

    .mg-btn-primary,
    .mg-btn-cancel {
        width: 100%;
    }
}



/* filter button */
/* ============================= */
/* Mobile Filter Button */
/* ============================= */

.mobile-filter-btn {
    display: none;
    /* hidden by default */
    align-items: center;
    gap: 8px;
    padding: 2px 10px;
    background: var(--bg-section-alt);
    color: var(--text-dark);
    border: 1px solid var(--text-light);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mobile-filter-btn:hover {
    background: var(--bg-section-alt);
}

/* Show ONLY on mobile */
@media (max-width: 767px) {
    .mobile-filter-btn {
        display: inline-flex;
    }
}

/* Default hide */
.filter-mobile-header {
    display: none;
}

/* Show only on mobile */
@media (max-width: 767px) {
    .filter-mobile-header {
        display: flex;
        /* or block depending on layout */
        align-items: center;
        justify-content: space-between;
    }
}



/* =============================== */
/* MOBILE FILTER DRAWER */
/* =============================== */


@media (max-width: 767px) {

    .filter-drawer {
        position: fixed;
        top: 0;
        left: -100%;
        width: 85%;
        max-width: 380px;
        height: 100vh;
        background: var(--bg-page);
        z-index: 9999;
        overflow-y: auto;
        overflow-x: hidden;
        transition: 0.35s ease;
        padding: 20px 18px 90px;
        box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
    }

    .filter-drawer.active {
        left: 0;
    }

    .filter-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        z-index: 9998;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease;
    }

    .filter-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    body.filter-open {
        overflow: hidden;
    }

    /* Header */
    .filter-mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 18px;
    }

    .filter-mobile-header h4 {
        font-size: 18px;
        color: var(--text-dark);
        margin: 0;
    }

    .filter-close-btn {
        background: none;
        border: none;
        font-size: 22px;
        cursor: pointer;
    }

    /* Footer */
    .filter-mobile-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 85%;
        max-width: 380px;
        background: var(--bg-card);
        padding: 14px;
        display: flex;
        gap: 10px;
        border-top: 1px solid #ddd;
    }

    .filter-cancel-btn {
        flex: 1;
        background: transparent;
        border: 1px solid var(--btn-primary);
        color: var(--btn-primary);
        padding: 10px;
        border-radius: 6px;
        cursor: pointer;
    }

    .filter-apply-btn {
        flex: 1;
        background: var(--btn-primary);
        color: #fff;
        border: none;
        padding: 10px;
        border-radius: 6px;
        cursor: pointer;
    }

    .filter-apply-btn:hover {
        background: var(--btn-primary-hover);
    }
}

@media (max-width: 767px) {

    /* Make sure drawer scrolls */
    #mobileFilterDrawer {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100vh;
    }

    /* Firefox */
    #mobileFilterDrawer {
        scrollbar-width: thin;
        scrollbar-color: var(--btn-primary) transparent;
    }

    /* Chrome / Edge / Safari */
    #mobileFilterDrawer::-webkit-scrollbar {
        width: 6px;
    }

    #mobileFilterDrawer::-webkit-scrollbar-track {
        background: transparent;
    }

    #mobileFilterDrawer::-webkit-scrollbar-thumb {
        background: var(--btn-primary);
        border-radius: 10px;
    }

    #mobileFilterDrawer::-webkit-scrollbar-thumb:hover {
        background: var(--btn-primary-hover);
    }

}


@media (min-width: 768px) and (max-width:1198px) {
    .int_nav {
        padding-bottom: 18px !important;
    }
}



/* ============MY ACCOUNT PAGE========== */
.product-cell {
    display: flex;
    align-items: stretch;
    /* makes image & content same height */
    gap: 20px;
}

/* IMAGE */
.product-img {
    width: 110px;
    flex-shrink: 0;
}

.product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

/* CONTENT */
.product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* TITLE */
.product-title {
    text-align: left;
    color: var(--text-primary);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

/* DIVIDER */
.divider {
    height: 1px;
    background: var(--text-dark);
    width: 100%;
    margin-bottom: 7px;
}

/* META */
.product-meta {
    display: flex;
    flex-direction: column;
}

/* EACH ROW */
.meta-row {
    display: flex;
    align-items: center;
    font-size: 12px;
    /* smaller details */
    color: #666;
}

/* ICON */
.meta-row i {
    font-size: 13px;
    color: #999;
    width: 18px;
    margin-right: 6px;
}

/* LABEL */
.meta-row .label {
    min-width: 38px;
    /* alignment fix */
    font-weight: 500;
    color: #333;
}

/* VALUE */
/* .meta-row .value {
    flex: 1;
} */


.enq_btn_wishlist {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;

    background: var(--btn-primary);
    color: #fff;
    border: 1px solid var(--btn-primary);

    border-radius: 0;
    /* no radius */
    cursor: pointer;
    transition: all 0.25s ease;

    text-decoration: none;
    line-height: 1.2;
}

/* Hover */
.enq_btn_wishlist:hover {
    background: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
    color: #fff;
}

/* Active */
.enq_btn_wishlist:active {
    transform: scale(0.98);
}

/* Tablet */
@media (max-width: 991px) {
    .enq_btn_wishlist {
        padding: 7px 14px;
        font-size: 13px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .enq_btn_wishlist {
        padding: 6px 12px;
        font-size: 12px;
    }
}


/* =========================
   ACCOUNT PROFILE PANEL
========================= */

.account-profile-box {
    /* background: #fff; */
    padding: 35px 25px;
    border: 1px solid var(--btn-primary);
    text-align: center;
    height: fit-content;
}

/* Avatar */
.account-avatar {
    width: 90px;
    height: 90px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: var(--bg-page);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--btn-primary);
}

/* Name */
.account-name {
    /* font-size: 18px; */
    font-weight: 600;
    margin-bottom: 6px;
    color: #222;
}

/* Email + Phone */
.account-email,
.account-phone {
    font-size: 14px;
    color: var(--text-light);
    margin-bottom: 6px;
}

/* Logout Button */
.account-logout-btn {
    margin-top: 20px;
    width: 45%;
    padding: 5px 0;
    background: transparent;
    border: 1px solid var(--btn-primary);
    color: var(--btn-primary);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.account-logout-btn:hover {
    background: var(--btn-primary);
    color: #fff;
}


/* =========================
   RESPONSIVE
========================= */

/* Tablet */
@media (max-width: 991px) {
    .account-profile-box {
        justify-content: center;
        margin-bottom: 30px;
        padding: 30px 20px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .account-profile-box {
        padding: 25px 15px;
    }

    .account-avatar {
        width: 75px;
        height: 75px;
    }

    .account-name {
        font-size: 20px;
    }
}


/*========================== about section images css */
.about_overlap_wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

.overlap_item {
    width: 186px;
    height: 330px;
    border-radius: 120px;
    overflow: hidden;
    border: 10px solid var(--bg-page);
    position: relative;
    background: var(--bg-page);
}

.about_left {
    margin-top: auto;
    margin-bottom: auto;
}

/* All images same height */
.overlap_item img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
}

/* Overlap effect */
.overlap_item:not(:first-child) {
    margin-left: -60px;
    /* Controls overlap amount */
}

/* Control stacking order */
.overlap_item:nth-child(1) {
    z-index: 1;
}

.overlap_item:nth-child(2) {
    z-index: 2;
}

.overlap_item:nth-child(3) {
    z-index: 3;
}

.overlap_item:nth-child(4) {
    z-index: 4;
}

/* Responsive */
@media (max-width: 991px) {
    .about_overlap_wrapper {
        justify-content: center;
    }

    .overlap_item {
        width: 130px;
        height: 250px;
    }

    .about_content .sec_small_heading {

        margin-top: 20px;
    }
}

/* ==========client swiper ============== */
.int_client_slider h2{
    color: #ffffff;
}
.int_client_slider .swiper-wrapper {
    transition-timing-function: linear !important;
}

.int_client_slider .swiper-slide {
    width: auto;
    background-color: var(--primary-light);
    padding: 15px;
}

.int_client_slider .swiper-slide:hover img {
    filter: grayscale(100%) brightness(0);
}


.int_client_slider .swiper-slide img {
    transition: 0.4s ease;
}

.int_client_slider .swiper-slide:hover img {
    filter: grayscale(100%);
}

.int_client_slider .swiper-slide img {
    width: 100%;
    transition: 0.4s ease;
}

.int_client_slider .swiper-slide:hover img {
    filter: grayscale(100%);
    opacity: 0.8;
}

.our_clients {
    margin: 20px;
}

/* ======= SLIDER ZOOM ======== */
.int_index4_slider_style4 .swiper-slide {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 100px 0;
}

/* Background layer */
.int_index4_slider_style4 .slide-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform 14s ease;
    z-index: 0;
}

/* Overlay */
.int_index4_slider_style4 .swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(#0000, #0000);
    z-index: 1;
}

/* Content */
.int_index4_slider_style4 .int_banner_content {
    position: relative;
    z-index: 2;
}

/* Zoom ONLY background */
.int_index4_slider_style4 .swiper-slide-active .slide-bg {
    transform: scale(1.12);
}


/* ================================= */
/*  HERO TYPEWRITER – THEME VERSION  */
/* ================================= */

/* Small line */
.hero-type-small {
    overflow: hidden;
    white-space: nowrap;
    width: 0;
}

/* Main big line */
.hero-type-main {
    overflow: hidden;
    white-space: nowrap;
    width: 0;

    background: linear-gradient(135deg, #d2bfb4, #bfa79a, #8f766a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;


}

/* Animate ONLY active slide */
.swiper-slide-active .hero-type-small {
    animation: typeSmall 1.5s steps(30, end) forwards;
}

.swiper-slide-active .hero-type-main {
    animation: typeMain 2s steps(40, end) 1.5s forwards,
        cursorBlink .6s step-end infinite alternate;
}

/* Small typing */
@keyframes typeSmall {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

/* Main typing */
@keyframes typeMain {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

/* Cursor blink */
@keyframes cursorBlink {
    50% {
        border-color: transparent;
    }
}

.hero-type-small,
.hero-type-main {
    border-right: 2px solid currentColor;
}



@media(min-width:768px) {

    /* Product grid to listing  */
    .product_item_block {
        display: flex;
        margin-bottom: 10px;
    }

    .product_list_filter>ul {
        display: flex;
        justify-content: space-between;
    }
}

/* @media(max-width:1198px){
    .view_style{
        font-size: 14px;
        font-weight: 600;
    }
}
 */



/* =================categories page breadcrumb animation text============== */
.imageBanner_heading {
    width: 100%;
}

.imageBanner_text {
    font-size: 40px;
    /* remove if you control size globally */
    fill: transparent;
    stroke: var(--primary-light);
    /* change color if needed */
    stroke-width: 2;
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
    animation: textDraw 10s ease forwards,
        textFill 2s ease forwards 5s;

}

/* Stroke draw */
@keyframes textDraw {
    to {
        stroke-dashoffset: 0;
    }
}

/* Fill after draw */
@keyframes textFill {
    to {
        fill: var(--bg-card);
        stroke-width: 0;
    }
}


/* ===========form login/signup========= */
.logo-form {
    max-width: 60%;
    height: auto;
}

/* Reduce input height */
.form_field {
    height: 42px;
}

/* OTP layout */
.otp_block {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* OTP input smaller width */
.otp_input {
    flex: 1;
    max-width: 160px;
}

/* Buttons side by side */
.otp_actions {
    display: flex;
    gap: 8px;
}

/* Small clean buttons */
.otp_btn,
.otp_resend {
    height: 42px;
    padding: 0 14px;
    border: 1px solid var(--text-primary);
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s ease;
    color: var(--text-light);
}

.otp_btn:hover,
.otp_resend:hover {
    background: #bfa79a;
    color: #fff;
}

.checkbox {
    background: transparent;
    color: var(--text-primary);
}

/* Wrapper */
.custom_check {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}

/* Hide default checkbox */
.custom_check input {
    display: none;
}

/* Custom box */
.custom_check .checkmark {
    width: 18px;
    height: 18px;
    border: 1.5px solid #bfa79a;
    background: transparent;
    display: inline-block;
    position: relative;
    transition: 0.3s ease;
}

/* Checked background */
.custom_check input:checked+.checkmark {
    background: #bfa79a;
    border-color: #bfa79a;
}

/* Tick mark */
.custom_check .checkmark::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: 0.3s ease;
}

/* Show tick when checked */
.custom_check input:checked+.checkmark::after {
    opacity: 1;
}

/* Hover effect */
.custom_check:hover .checkmark {
    border-color: #d2b9ad;
}

.form_row {
    display: flex;
    gap: 15px;
}

.form_block.half {
    flex: 1;
}

/* Mobile responsive */
@media (max-width: 767px) {
    .form_row {
        flex-direction: column;
        gap: 10px;
    }
}


/* ======wishlist incrementor======== */
.product_actions {
    display: flex;
    align-items: stretch;
    gap: 10px;
}

@media (max-width: 768px) {

    .product-cell {
        gap: 15px;
    }

    .product-img {
        width: 85px;
    }

    .product-title {
        font-size: 14px;
    }

    .meta-row {
        font-size: 11px;
    }
}

/* ======= Quote btn ====== */
.quote-btn {
    position: relative;
    padding: 10px 22px;
    background: var(--bg-page);
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    transition: 0.35s ease;
}

/* Hover Layer */
.quote-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--btn-primary-hover);
    transition: 0.4s ease;
    z-index: -1;
    /* KEY FIX */
}

.quote-btn:hover::before {
    left: 0;
}

.quote-btn:hover {
    color: var(--bg-page);
}


/* ================ Pramotional Popup Model =================== */
/* ===== Modal Base ===== */

.mg-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.95);
    width: 95%;
    max-width: 480px;
    padding: 40px 30px;
    border-radius: 16px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease;
    overflow: visible;

    /* Dark Image Background */
    background: url('../images/Insta/q5.jpg') center/cover no-repeat;
}

/* Light Overlay */
.mg-modal::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    z-index: 0;
}

/* Active */
.mg-modal.active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

/* Content */
.mg-modal-content {
    position: relative;
    z-index: 1;
    color: #ffffff;
}

/* Close Button */
.mg-close {
    position: absolute;
    top: 15px;
    right: 18px;
    font-size: 22px;
    background: none;
    border: none;
    color: #ffffff;
    cursor: pointer;
    z-index: 2;
    transition: 0.3s;
}

.mg-close:hover {
    color: var(--btn-primary);
}

/* Title */
.mg-modal-content h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

/* Subtext */
.mg-subtext {
    color: var(--bg-page);
    font-size: 14px;
    opacity: 0.85;
    margin-bottom: 25px;
    line-height: 1.6;
}

/* Form */
.mg-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Inputs & Select */
.mg-input-group input,
.mg-input-group select {
    width: 100%;
    padding: 12px 14px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.25);
    color: #ffffff;
    font-size: 14px;
    outline: none;
    border-radius: 6px;
    transition: 0.3s;
}

/* Dropdown Arrow */
.mg-input-group select {
    appearance: none;
    cursor: pointer;
}

/* Placeholder */
.mg-input-group input::placeholder {
    color: rgba(255,255,255,0.6);
}

/* Focus */
.mg-input-group input:focus,
.mg-input-group select:focus {
    border-color: var(--btn-primary);
    background: rgba(255,255,255,0.12);
}

/* Fix dropdown option visibility */
.mg-input-group select option {
    color: var(--bg-page);
    background: var(--text-dark);
}
/* Submit Button */
.mg-submit-btn {
    padding: 12px;
    background: var(--btn-primary);
    border: none;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 6px;
}

.mg-submit-btn:hover {
    background: #000000;
}

/* Responsive */
@media (max-width: 480px) {
    .mg-modal {
        padding: 30px 20px;
    }

    .mg-modal-content h3 {
        font-size: 18px;
    }

    .mg-subtext {
        font-size: 13px;
    }
}


/* ======================================  all resposnive ====================================== */

@media (max-width: 991px) {

    .int_client_slider .swiper-slide img {
        width: 50% !important;
    }
}

@media (max-width: 767px) {

    .int_heading h4 {
        line-height: 30px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    /* Tablets */
}

@media (min-width: 576px) and (max-width: 767px) {
    /* Large phones / small phablets */
}

@media (min-width: 481px) and (max-width: 575px) {
    /* Medium phones */
}

@media (max-width: 480px) {
    /* Small phones */
}

/* ======================================  all resposnive end ====================================== */

@media (max-width: 767px) {

    .wishlist-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .int_checkout_table {
        min-width: 650px;
    }

    .product-img {
        width: 100px;
    }

    .product-img img {
        height: 160px;
    }

    .product-title {
        font-size: 14px;
    }

    .meta-row {
        font-size: 11px;
    }

}

/* ============contact form css============= */
/* ================= SECTION ================= */

.mg-contact-section {
    padding: 10px 0px 60px 0px;
    background: var(--bg-section-alt);
}

/* Horizontal Card */
.mg-contact-card-horizontal {
    display: flex;
    gap: 60px;
    background: var(--bg-card);
    padding: 50px;
    border: 1px solid var(--text-primary);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.05);
}

/* LEFT SIDE */
.mg-contact-left {
    flex: 1;
}

.mg-contact-tag {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--text-secondary);
    font-weight: 600;
}

.mg-contact-title {
    font-size: 28px;
    font-weight: 600;
    margin: 15px 0;
    line-height: 1.3;
}

.mg-contact-desc {
    font-size: 14px;
    color: var(--text-dark);
    line-height: 1.6;
}

/* RIGHT SIDE */
.mg-contact-right {
    flex: 1;
}

/* FORM */
.mg-contact-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.mg-input-wrap {
    position: relative;
}

/* Inputs */
.mg-input-wrap input,
.mg-input-wrap textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--text-light);
    padding: 8px 0;
    font-size: 13px;
    background: transparent;
    outline: none;
    transition: 0.3s ease;
}

/* Hover */
.mg-input-wrap input:hover,
.mg-input-wrap textarea:hover {
    border-color: var(--text-primary);
}

/* Focus */
.mg-input-wrap input:focus,
.mg-input-wrap textarea:focus {
    border-color: var(--btn-primary);
}

/* Floating Label */
.mg-input-wrap label {
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 13px;
    color: var(--text-light);
    pointer-events: none;
    transition: 0.3s ease;
}

.mg-input-wrap input:focus+label,
.mg-input-wrap input:valid+label,
.mg-input-wrap textarea:focus+label,
.mg-input-wrap textarea:valid+label {
    top: -10px;
    font-size: 11px;
    color: var(--btn-primary);
}

/* BUTTON */
.mg-contact-btn {
    margin-top: 10px;
    padding: 10px;
    background: var(--btn-primary);
    border: none;
    color: var(--bg-page);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: 0.3s ease;
}

.mg-contact-btn:hover {
    background: var(--btn-primary-hover);
    transform: translateY(-2px);
}

/* ================= RESPONSIVE ================= */

@media (max-width: 991px) {

    .mg-contact-card-horizontal {
        flex-direction: column;
        gap: 30px;
        padding: 35px 25px;
    }

    .mg-contact-title {
        font-size: 22px;
    }

}

@media (max-width: 576px) {

    .mg-contact-card-horizontal {
        padding: 25px 18px;
    }

    .mg-contact-title {
        font-size: 20px;
    }

}


/* ======conatct form right img scroll section======= */
.mg-showcase-wrapper {
    height: 600px;
    overflow: hidden;
    position: relative;
}

.mg-showcase-track {
    display: flex;
    flex-direction: column;
    animation: verticalLoop 25s linear infinite;
}

.mg-showcase-wrapper:hover .mg-showcase-track {
    animation-play-state: paused;
}

.mg-showcase-item {
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-size: cover;
    background-position: center;
}

.mg-showcase-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

.mg-showcase-item h4 {
    position: relative;
    color: #fff;
    font-size: 28px;
    letter-spacing: 2px;
    z-index: 2;
}

/* Background Images */
.kitchen {
    background-image: url('../images/application_images/solar_gallery2.webp');
}

.flooring {
    background-image: url('../images/application_images/solar_gallery4.webp');
}

.bathroom {
    background-image: url('../images/application_images/solar_gallery7.jpg');
}

.elevation {
    background-image: url('../images/application_images/solar_gallery6.webp');
}

/* Keyframe — Move only half height (4 slides only) */
@keyframes verticalLoop {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-2400px);
    }
}

@media (max-width: 991px) {

    .mg-showcase-wrapper,
    .mg-showcase-item {
        height: 450px;
    }

    @keyframes verticalLoop {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-1800px);
        }
    }

}

@media (max-width: 767px) {

    .mg-showcase-wrapper,
    .mg-showcase-item {
        height: 320px;
    }

    @keyframes verticalLoop {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-1280px);
        }
    }

}


/* ====how we works section extra css======= */


/* ===================== SECTION ===================== */

.mg-strength-section {
    padding: 70px 0;
    background: var(--bg-section-alt);
}

/* Heading */

/* ===================== GRID ===================== */

.mg-strength-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

/* ===================== CARD ===================== */

.mg-strength-card {
    background: var(--light-green);
    padding:30px;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.05);
    transition: 0.4s ease;
    border: 1px solid rgba(0, 0, 0, 0.04);
    height: 100%;
}

.mg-strength-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);
}
.mg-strength-card .mg-strength-icon{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-light);
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 20px;
}
/* Icon */
.mg-strength-icon i{
    font-size: 25px;
    color: var(--primary-dark);
}

/* Title */
.mg-strength-card h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
}

/* Description */
.mg-strength-card p {
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
}

/* ===================== RESPONSIVE ===================== */

@media (max-width: 1199px) {
    .mg-strength-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .mg-strength-grid {
        grid-template-columns: 1fr;
    }

    .mg-strength-section {
        padding: 60px 0;
    }

    .mg-strength-heading h2 {
        font-size: 26px;
        margin-bottom: 40px;
    }
}


/*=== founder message section === */
/* ================= MODERN FOUNDER ================= */

.mg-founder-modern {
    padding: 70px 0;
    background: var(--bg-section-alt);
    position: relative;
}

/* Grid */
.mg-founder-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 80px;
    align-items: center;
}

/* ================= LEFT PROFILE ================= */

.mg-founder-profile {
    text-align: center;
}

.mg-founder-photo {
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.mg-founder-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 20px;
}

.mg-founder-meta h4 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 6px;
}

.mg-founder-meta span {
    font-size: 16px;
    color: var(--light-green);
}
/* ================= RIGHT MESSAGE ================= */

.mg-founder-heading {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 35px;
    line-height: 1.3;
    position: relative;
}

/* Message Card */
.mg-founder-card {
    position: relative;
    background: var(--bg-card);
    padding: 40px 50px;
    border-radius: 14px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.05);
    border-left: 4px solid var(--btn-primary);
}

.mg-founder-card p {
    font-size: 17px;
    line-height: 1.9;
    color: var(--text-dark);
}

/* Subtle Big Background Text */
.mg-founder-modern:before {
    content: "Founder";
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    font-size: 160px;
    font-weight: 700;
    color: rgba(0,0,0,0.03);
    pointer-events: none;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 1199px) {
    .mg-founder-grid {
        gap: 50px;
    }
}

@media (max-width: 991px) {

    .mg-founder-grid {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 40px;
    }

    .mg-founder-heading {
        font-size: 26px;
    }

    .mg-founder-card {
        padding: 30px;
        text-align: left;
    }

    .mg-founder-modern:before {
        font-size: 100px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 576px) {

    .mg-founder-modern {
        padding: 80px 0;
    }

    .mg-founder-heading {
        font-size: 22px;
    }

    .mg-founder-card p {
        font-size: 15px;
    }
}

/* Founder Card Adjustments */

.mg-founder-card {
    position: relative;
    background: var(--bg-card);
    padding: 50px 50px 40px;
    border-radius: 14px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.05);
    border-left: 4px solid var(--btn-primary);
}

/* Elegant Quote Mark */
.mg-quote-mark {
    position: absolute;
    top: 15px;
    left: 30px;
    font-size: 80px;
    line-height: 1;
    font-weight: 700;
    color: var(--btn-primary);
    opacity: 0.08;
}

/* Message Text */
.mg-founder-text {
    font-size: 17px;
    line-height: 1.9;
    color: var(--text-dark);
    margin-bottom: 25px;
}

/* Signature */
.mg-founder-sign {
        text-align: end;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--text-primary);
}

.mg-founder-sign span {
    display: block;
    font-weight: 400;
    color: var(--text-secondary);
    margin-top: 5px;
}

/* Responsive */
@media (max-width: 991px) {

    .mg-founder-card {
        padding: 35px 30px;
    }

    .mg-quote-mark {
        font-size: 60px;
        left: 20px;
    }

    .mg-founder-text {
        font-size: 15px;
    }
}



/* about page 2nd section */
/* ================= GLOBAL TYPO ================= */

.mg-section-label {
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--light-green);
    display: inline-block;
    margin-bottom: 10px;
    font-style: italic;
}

.mg-section-title {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 25px;
    color: var(--primary-light);
}

.mg-section-desc {
    font-size: 16px;
    line-height: 1.8;
    color: #ffffff;
}

/* ================= PRODUCT RANGE ================= */

.mg-corporate-section {
    padding: 70px 0;
}

.mg-range-wrapper {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 80px;
    align-items: center;
}

/* Feature Grid */

.mg-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.mg-feature-card {
    background: var(--bg-card);
    padding: 35px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.04);
    box-shadow: 0 20px 50px rgba(0,0,0,0.04);
    transition: 0.4s ease;
}

.mg-feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 60px rgba(0,0,0,0.08);
}

.mg-feature-card h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.mg-feature-card p {
    font-size: 14px;
    color: var(--text-dark);
}

/* ================= PHILOSOPHY ================= */
/* ================= DARK GRANITE PHILOSOPHY ================= */

.mg-philosophy-section {
    padding: 110px 0;
    position: relative;
    background: url('../images/slider3/kitchen\ banner.jpeg') center/cover no-repeat;
    overflow: hidden;
}

/* Dark Overlay */
.mg-philosophy-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(15,15,15,0.92),
        rgba(25,25,25,0.88)
    );
}

/* Inner Content */
.mg-philosophy-inner {
    position: relative;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    animation: mgFadeUp 1.2s ease forwards;
    opacity: 0;
    transform: translateY(40px);
}

/* Section Label */
.mg-philosophy-section .mg-section-label {
    color: var(--light-green);
}

/* Title */
.mg-philosophy-section .mg-section-title {
    color: #ffffff;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 25px;
}

/* Gold Accent Divider */
.mg-divider {
    width: 80px;
    height: 2px;
    margin: 0 auto 40px;
    background: linear-gradient(to right, #b08d57, #d4af37);
}

/* Text */
.mg-philosophy-text {
    font-size: 18px;
    line-height: 1.9;
    color: rgba(255,255,255,0.85);
}

/* Subtle Glow Pulse */
.mg-divider {
    animation: mgGlow 3s infinite ease-in-out;
}

@keyframes mgGlow {
    0% { box-shadow: 0 0 0px rgba(212,175,55,0.2); }
    50% { box-shadow: 0 0 12px rgba(212,175,55,0.5); }
    100% { box-shadow: 0 0 0px rgba(212,175,55,0.2); }
}

/* Fade Up Animation */
@keyframes mgFadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ================= RESPONSIVE ================= */

@media (max-width: 991px) {

    .mg-philosophy-section {
        padding: 90px 0;
    }

    .mg-philosophy-section .mg-section-title {
        font-size: 28px;
    }

    .mg-philosophy-text {
        font-size: 16px;
    }
}

@media (max-width: 576px) {

    .mg-philosophy-section {
        padding: 70px 0;
    }

    .mg-philosophy-section .mg-section-title {
        font-size: 22px;
    }

    .mg-philosophy-text {
        font-size: 15px;
    }
}

/* ================= SIMPLE FADE ANIMATION ================= */

.mg-range-wrapper,
.mg-philosophy-inner {
    opacity: 0;
    transform: translateY(40px);
    animation: mgFadeUp 1s ease forwards;
}

@keyframes mgFadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ================= RESPONSIVE ================= */

@media (max-width: 1199px) {
    .mg-range-wrapper {
        gap: 50px;
    }
}

@media (max-width: 991px) {

    .mg-range-wrapper {
        grid-template-columns: 1fr;
    }

    .mg-feature-grid {
        grid-template-columns: 1fr;
    }

    .mg-section-title {
        font-size: 28px;
    }

    .mg-philosophy-text {
        font-size: 16px;
    }
}

@media (max-width: 576px) {

    .mg-corporate-section,
    .mg-philosophy-section {
        padding: 80px 0;
    }

    .mg-section-title {
        font-size: 22px;
    }

    .mg-section-desc {
        font-size: 15px;
    }
}

.abt_heading{
    line-height: 35px;
}

.mg-feature-card {
    background: var(--bg-card);
    padding: 30px 20px;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,0.04);
    box-shadow: 0 20px 50px rgba(0,0,0,0.04);
    transition: 0.4s ease;
    text-align: left;
}

.mg-feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 60px rgba(0,0,0,0.08);
}

.mg-feature-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: var(--light-green);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: 0.3s ease;
}

.mg-feature-icon i {
    font-size: 22px;
    color: #ffff;
}

.mg-feature-card:hover .mg-feature-icon {
    background: var(--btn-primary);
}

.mg-feature-card:hover .mg-feature-icon i {
    color: #fff;
}

.mg-feature-card h4 {
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    margin-bottom: 8px;
}

.mg-feature-card p {
    font-size: 16px;
    color: var(--paragraph);
}