/*
Theme Name: Pahank Theme
Author: Ankit
Version: 1.0
*/
@font-face {
  font-display: swap;
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bricolage-grotesque-v9-latin-regular.eot'); src: url('../fonts/bricolage-grotesque-v9-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/bricolage-grotesque-v9-latin-regular.woff2') format('woff2'), url('../fonts/bricolage-grotesque-v9-latin-regular.woff') format('woff'),  url('../fonts/bricolage-grotesque-v9-latin-regular.ttf') format('truetype'),  url('../fonts/bricolage-grotesque-v9-latin-regular.svg#BricolageGrotesque') format('svg'); /* Legacy iOS */
}
@font-face {
  font-display: swap;
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/bricolage-grotesque-v9-latin-500.eot'); src: url('../fonts/bricolage-grotesque-v9-latin-500.eot?#iefix') format('embedded-opentype'), url('../fonts/bricolage-grotesque-v9-latin-500.woff2') format('woff2'),  url('../fonts/bricolage-grotesque-v9-latin-500.woff') format('woff'),  url('../fonts/bricolage-grotesque-v9-latin-500.ttf') format('truetype'),  url('../fonts/bricolage-grotesque-v9-latin-500.svg#BricolageGrotesque') format('svg'); /* Legacy iOS */
}
@font-face {
  font-display: swap;
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/bricolage-grotesque-v9-latin-600.eot'); src: url('../fonts/bricolage-grotesque-v9-latin-600.eot?#iefix') format('embedded-opentype'),  url('../fonts/bricolage-grotesque-v9-latin-600.woff2') format('woff2'),  url('../fonts/bricolage-grotesque-v9-latin-600.woff') format('woff'),  url('../fonts/bricolage-grotesque-v9-latin-600.ttf') format('truetype'),  url('../fonts/bricolage-grotesque-v9-latin-600.svg#BricolageGrotesque') format('svg'); /* Legacy iOS */
}
@font-face {
  font-display: swap;
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/bricolage-grotesque-v9-latin-700.eot');
  src: url('../fonts/bricolage-grotesque-v9-latin-700.eot?#iefix') format('embedded-opentype'),  url('../fonts/bricolage-grotesque-v9-latin-700.woff2') format('woff2'),  url('../fonts/bricolage-grotesque-v9-latin-700.woff') format('woff'),  url('../fonts/bricolage-grotesque-v9-latin-700.ttf') format('truetype'),  url('../fonts/bricolage-grotesque-v9-latin-700.svg#BricolageGrotesque') format('svg'); /* Legacy iOS */
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-v42-latin-300.eot');  
  src: url('../fonts/noto-sans-v42-latin-300.eot?#iefix') format('embedded-opentype'),  url('../fonts/noto-sans-v42-latin-300.woff2') format('woff2'),  url('../fonts/noto-sans-v42-latin-300.woff') format('woff'),  url('../fonts/noto-sans-v42-latin-300.ttf') format('truetype'),  url('../fonts/noto-sans-v42-latin-300.svg#NotoSans') format('svg');  
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v42-latin-regular.eot');  
  src: url('../fonts/noto-sans-v42-latin-regular.eot?#iefix') format('embedded-opentype'),   url('../fonts/noto-sans-v42-latin-regular.woff2') format('woff2'),   url('../fonts/noto-sans-v42-latin-regular.woff') format('woff'),   url('../fonts/noto-sans-v42-latin-regular.ttf') format('truetype'),   url('../fonts/noto-sans-v42-latin-regular.svg#NotoSans') format('svg');  
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-v42-latin-500.eot');  
  src: url('../fonts/noto-sans-v42-latin-500.eot?#iefix') format('embedded-opentype'),  url('../fonts/noto-sans-v42-latin-500.woff2') format('woff2'),  url('../fonts/noto-sans-v42-latin-500.woff') format('woff'),  url('../fonts/noto-sans-v42-latin-500.ttf') format('truetype'),  url('../fonts/noto-sans-v42-latin-500.svg#NotoSans') format('svg');  
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-v42-latin-600.eot');  
  src: url('../fonts/noto-sans-v42-latin-600.eot?#iefix') format('embedded-opentype'),  url('../fonts/noto-sans-v42-latin-600.woff2') format('woff2'),  url('../fonts/noto-sans-v42-latin-600.woff') format('woff'),  url('../fonts/noto-sans-v42-latin-600.ttf') format('truetype'),  url('../fonts/noto-sans-v42-latin-600.svg#NotoSans') format('svg');  
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-v42-latin-700.eot');  
  src: url('../fonts/noto-sans-v42-latin-700.eot?#iefix') format('embedded-opentype'),  url('../fonts/noto-sans-v42-latin-700.woff2') format('woff2'),  url('../fonts/noto-sans-v42-latin-700.woff') format('woff'),  url('../fonts/noto-sans-v42-latin-700.ttf') format('truetype'),  url('../fonts/noto-sans-v42-latin-700.svg#NotoSans') format('svg');  
}
*,
:after,
::before {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
}
:focus,
:active {
    outline: none !important;
}
:root{
    --color1: #000000;
    --color2: #ffffff;
    --color3: #5260FE;
    --color4: #0F1624;
    --primary-font:'Bricolage Grotesque';
    --secondary-font:'Noto Sans';
    --h1: normal 600 64px/72px var(--primary-font);
    --h2: normal 500 42px/54px var(--primary-font);
    --h3: normal 500 32px/42px var(--primary-font);
    --h4: normal 500 26px/34px var(--primary-font);
    --h5: normal 500 24px/32px var(--primary-font);
    --h6: normal 500 20px/26px var(--primary-font);
    --p: normal 400 14px/24px var(--secondary-font);
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,     
p,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    font-size: 100%;
    list-style: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
html {
    -webkit-text-size-adjust: 100%;
    outline: none;
    scroll-behavior: smooth;
}
body {
    color:var(--color2);
    font-family: var(--secondary-font);
    font-weight: 400;
    line-height:24px;
    font-size: 14px;
    background-color: var(--color4);
}
img {
    max-width: 100%;
    display: block;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}
a,
a:hover,
a:focus,
button,
button:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    cursor: pointer;
}
a {
    text-decoration: none;
    display: inline-block;
    color:var(--color1);
}
::selection {
    background: rgba(127, 131, 51, 0.2);
}
::-moz-selection {
    background: rgba(127, 131, 51, 0.2);
}
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.no-wrap {
    flex-wrap: nowrap;
}
.align-start {
    align-items: flex-start;
}
.align-end {
    align-items: flex-end;
}
.align-center {
    align-items: center;
}
.justify-around {
    justify-content: space-around;
}
.justify-between {
    justify-content: space-between;
}
.justify-center {
    justify-content: center;
}
.justify-end {
    justify-content: flex-end;
}
.direction-column {
    flex-direction: column;
    -ms-flex-direction: column;
}
.row-reverse {
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
}
.flex-shrink {
    flex-shrink: 0;
}
.only_mobile {
    display: none;
}
.only_desktop {
    display: block;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.uppercase {
    text-transform: uppercase;
}
/* ------------- Container  -------------*/
.container {
    max-width: 1396px;
    width:100%;
    margin:0 auto;
    padding:0 15px; 
}
h1,
.h1 {
    font: var(--h1);
    letter-spacing: 0.04em;
}
h2,
.h2 {
    font: var(--h2);
}
h3,
.h3 {
    font: var(--h3);
}
h4,
.h4 {
    font: var(--h4);
}
h5,
.h5 {
    font: var(--h5);
}
h6,
.h6 {
    font: var(--h6);
}
.text-center {
    text-align: center;
}
/* ===============================================================
            START BUTTON & PAGISTNATION STYLES HERE
=============================================================== */
.cta {
    padding:9px 19px;
    border-radius:200px;
    border:1px solid transparent;
    background-color: var(--color3);
    display: inline-flex;
    gap:10px;
    align-items: center;
    justify-content: center;
}
.cta:hover {
    background-color: transparent;
    border: 1px solid var(--color2);
}
.cta_text {
    color: var(--color2);
    font:normal 400 16px/20px var(--primary-font);
    text-transform: capitalize;
}
.cta_arrow {
    width:22px;
    height:22px;
    border-radius:50%;
    background-color: var(--color2);
    padding:5px;
    display: flex;
    align-items: center;
    transition:0.3s all ease-in-out;
}
.cta_arrow svg {
    width:100%;
    height:100%;
}
.cta_arrow svg path {
    stroke: var(--color3);
}
.cta:hover .cta_arrow svg path {
    stroke: var(--color4);
}
.cta:hover .cta_arrow {
    transform:rotate(36deg);
}
.section_top_tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding:10px 16px;
    border-radius: 100rem;
    border: 1px solid rgba(82, 96, 254, 0.1);
    backdrop-filter: blur(13.45px);
    background: rgba(82, 96, 254, 0.05);
    gap:10px;
    margin-bottom:10px;
}
.section_top_tag span, .dark_top_tag span {
    font: normal 400 16px/11px var(--secondary-font);
}
.main_wrapper {
    position: relative;
    z-index: 2;
    background-color: var(--color4);
}
/* ===============================================================
            END BUTTON & PAGISTNATION STYLES HERE
=============================================================== */
/* ===============================================================
            START HOME PAGE STYLES HERE
=============================================================== */
/* ------- START ANNOUNCEMENT BAR HERE ------------ */
.announcement_bar {
    padding:12px 0;
    border-bottom:1px solid var(--color2);
    background-color: var(--color4);
}
.announcement_wrap {
    overflow: hidden;
    display: flex;
    gap:50px;
}
.announcement_collection {
    flex-shrink:0;
}
.announcement_collection ul {
    align-items: center;
    gap: 50px;
    list-style: circle;
    display: flex;
}
.announcement_collection ul li {
    flex-shrink: 0;
    font: normal 400 14px/19px var(--secondary-font);
    position: relative;
}
/* ------- END ANNOUNCEMENT BAR HERE ------------ */
/* ------- START HEADER HERE ------------ */
.nav_fixed {
    position: fixed;
    top:0;
    width:100%;
    z-index: 9;
    transition:0.3s all ease-in-out;
}
.pahank_close, .menu_cta_wrap {
    width: 32px;
    height: 32px;
}
.pahank_close a, .pahank_close a svg, .pahank_left a, .pahank_left a svg, .menu_cta_wrap svg {
    width:100%;
    height:100%;
}
.pahank_header {
    background: rgba(15, 22, 36, 0.02);
    backdrop-filter: blur(5px);
    width: 100%;
}
.pahank_left {
    max-width: 187px;
    width: 100%;
    max-height: 60px;
}
.pahank_center {
    flex: 1;
}
.pmw_row > ul > li {
    position: relative;
    display: block;
    padding:24px 0;
}
.menu-item svg {
    width:14px;
    height:9px;
    transition:0.3s all ease-in-out;
}
.menu-item {
    display: flex;
    gap:8px;
    align-items: center;
}
.menu-item a, .menu-item-has-children ul li a {
    font:normal 500 16px/20px var(--primary-font);
    color: var(--color2);
}
.menu-item-has-children ul li a {
    color: var(--color4);
    padding:6px 16px;
    display: block;
}
.menu_cta_wrap {
    border-radius: 60px;
    border: 1px solid var(--color2);
    padding: 3px;
}
.pahank_left a img {
    object-fit: scale-down;
    height:100%;
}
.pahank_header_wrap {
    align-items: center;
}
/* ------- END HEADER HERE ------------ */
.hero_wrap, .other_hero_wrap {
    position: relative;
    height: 100svh;
}
.other_hero_wrap {
    height: 80svh;
}
.hero_bg, .other_hero_bg {
    padding-bottom: 100svh;
    position: relative;
    display: block;
    overflow: hidden;
}
.other_hero_bg {
    padding-bottom: 80svh;
}
.hero_bg img, .other_hero_bg img {
    position: absolute;
    width:100%;
    height:100%;
    object-fit: cover;
}
.hero_content {
    position: absolute;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top:0;
    width: 100%;
    background: linear-gradient(180deg, rgba(15, 22, 36, 0) 0%, rgba(15, 22, 36, 0.6) 100%);
}
.other_hero_section .hero_content {
    background: linear-gradient(180deg, rgba(15, 22, 36, 0.5) 0%, rgba(15, 22, 36, 0.5) 100%);
}
.hero_content_wrap {
    max-width:503px;
    width:100%;
    padding-bottom: 40px;
}
.home .hero_content_wrap {
    max-width:724px;
}
.top_content h1 {
    margin-bottom:12px;
}
.top_content {
    margin-bottom:16px;
}
.oru_client_section {
    padding:120px 0 60px;
}
.section_top_wrap {
    margin-bottom: 42px;
}
.section_top_wrap p:not(:last-child) {
    margin-bottom:24px;
}
.client_wrap {
    max-width: 679px;
}
.section_top_wrap h2, .section_top_wrap h3, .section_top_wrap h4, .section_top_wrap h5 {
    margin-bottom:16px;
}
.section_top_wrap p {
    font-weight:500;
}
.client_row {
    gap: 20px;
}
.client_cols {
    max-width: calc(25% - 15px);
    width: 100%;
    padding: 50px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:10px;
    background-color: var(--color2);
}
.client_work {
    flex: 1;
    padding:17.5px 20px;
    border-radius:10px;
    border:1px dashed var(--color2);
}
.client_work_row {
    gap: 20px;
}
.cwr_left {
    max-width:561px;
    width:100%;
}
.cwr_left h4 {
    margin-bottom:6px;
}
.t_pro_bottom {
    padding-top: 30px;
}
.t_pro_top h2 {
    margin-bottom:10px;
}
.tpb_top_col {
    margin-bottom:18px;
}
.tpb_top_col a {
    padding-bottom:73.53%;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius:10px;
}
.tpb_top_col a img {
    position: absolute;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
    transition:0.3s all ease-in-out;
}
.tpb_top_col a:hover img {
    transform:scale(1.1);
}
.tpb_name {
    margin-bottom:8px;
}
.tpb_name a:hover {
    color: var(--color3);
}
.tpb_name a {
    font: var(--h5);
    color: var(--color2);
}
.tpb_details p {
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.t_pro_bottom .t_pro_pagination {
    position: relative;
    padding-top: 30px;
    display: block;
}
.t_pro_pagination span {
    background-color: var(--color2);
}
.t_pro_pagination span.swiper-pagination-bullet-active {
    background-color: var(--color3);
}
.t_pro_cta {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:60px;
}
.container_large {
    max-width:1840px;
    padding:0 20px;
    width:100%;
    margin:0 auto;
}
.offer_wrap {
    padding:60px;
    border-radius:40px;
    background: var(--color2);
}
.offer_section .client_wrap {
    color: var(--color4);
}
.card_row {
    gap:20px;
}
.card_col {
    max-width: calc(33.33% - 13.5px);
    width:100%;
}
.card_inner_col {
    flex-direction: column;
    padding:30px 16px;
    border-radius:20px;
    background-color: var(--color4);
    height:100%;
}
.card_icon_wrap {
    padding:15px 16px;
    width:60px;
    height:60px;
    border-radius:4px;
    background-color: var(--color2);
    margin-bottom:16px;
}
.card_icon_wrap svg {
    width:32px;
    height:32px;
}
.card_heading {
    margin-bottom:16px;
}
.top_map_section {
    margin-bottom:20px;
}
.offer_section, .map_section, .top_products_section, .manufacturers_section, 
.reviews_section, .resources_section, .core_value_section, .our_contact_section, .faq_section, .contact_info_section, .top_collection_section {
    padding: 60px 0;
}
.map_row {
    gap:20px;
}
.map_side_col {
    max-width:25%;
    width:100%;
}
.map_center_col {
    flex: 1;
}
.map_col_inside {
    padding:16px;
    border:2px solid var(--color2);
    height:100%;
}
.map_col_inside ul li {
    display: flex;
    justify-content:flex-start;
    align-items: center;
    gap:10px;
    padding:16px;
    max-width: 33.33%;
    width:100%;
}
.map_col_inside ul li img {
    width:33px;
    height:24px;
}
.map_col_inside ul li p {
    font: normal 600 16px/20px var(--secondary-font);
    color: var(--color2);
}
.map_col_inside ul {
    display: flex;
    flex-wrap: wrap;
}
.map_side_col .map_col_inside {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.map_side_col .map_col_inside h5 {
    margin-bottom:10px;
}
.manufacturers_right_col {
    flex: 1;
}
.manufacturers_row {
    gap: 40px;
}
.manufacturers_left_col {
    max-width:540px;
    width:100%;
}
.mrc_row {
    gap:24px;
}
.mrc_col {
    max-width: calc(50% - 12px);
    width:100%;
}
.mrc_col_inner {
    width:100%;
    border:1px solid var(--color2);
    border-radius:10px;
    overflow: hidden;
    height:100%;
}
.mrc_top {
    padding-bottom: 72%;
    position: relative;
    display: block;
    overflow: hidden;
}
.mrc_top img {
    position: absolute;
    width:100%;
    height:100%;
    object-fit: cover;
}
.mrc_bottom {
    padding:26px 20px;
}
.mrc_bottom h5 {
    margin-bottom: 16px;
}
.mrc_bottom p:not(:last-child) {
    margin-bottom:20px;
}
.manufacturers_cta {
    margin-top: 24px;
}
.reviews_section {
    overflow: hidden;
}
.reviews_slide_inner {
    height:100%;
    padding:26px 24px;
    border-radius:16px;
    background-color: var(--color2);
} 
.reviews_profile {
    width:40px;
    height:40px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}
.reviews_profile img {
    position: absolute;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
    top:0;
}
.reviews_top_row {
    gap:14px;
    flex-wrap: nowrap;
}
.profile_details h6 {
    font:normal 500 14px/20px var(--secondary-font);
}
.profile_details span {
    font:normal 500 10px/13px var(--secondary-font);
    display: block;
}
.profile_details h6, .profile_details span, span.toggle-btn {
    color: var(--color4);
}
.reviews_center {
    margin:16px 0;
    display: flex;
    font-size:24px;
    line-height:1;
    font-weight: bold;
    gap:2px;
}
.reviews_center svg {
    max-width: 92px;
    height:16px;
}
.reviews_bottom p {
    font:normal 400 14px/20px var(--secondary-font);
    color: var(--color4);
}
.reviews_row_swiper, .reviews_wrap {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink:0;
    gap:32px;
}
.reviews_row {
    flex-shrink:0;
}
.reviews_slide_col {
    width:360px;
    flex-shrink:0;
}
.review-text, .resources_description p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 0.3s ease;
}
.review-text.expanded {
    -webkit-line-clamp: unset;
}
.toggle-btn {
    cursor: pointer;
    display: block;
    margin-top:8px;
    color: var(--color1);
    opacity:0.8;
}
.resources_swiper_inner {
    background-color: var(--color2);
    border-radius:16px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.resources_swiper_top {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom:60%;
}
.resources_swiper_top img {
    position: absolute;
    top:0;
    width:100%;
    height:100%;
    object-fit: cover;
    left:0;
}
.resources_name a {
    font:normal 700 20px/26px var(--primary-font);
}
.resources_name a:hover {
    color: var(--color3);
}
.resources_description {
    margin:10px 0 26px;
    flex:1;
}
.resources_description p {
    color: var(--color4);
}
.resources_cta_wrap .cta:hover {
    background-color: var(--color4);
}
.resources_slide {
    height: auto !important;
}
.resources_swiper_details {
    padding:26px 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.resources_section .client_wrap h2 {
    margin:0;
}
.footer_section {
    margin-top: 60px;
    padding:60px 0 20px;
    background-color: var(--color2);
    position: sticky;
    bottom:0;
}
.footer_logo a {
    max-width:187px;
    width:100%;
    max-height:44px;
    display: block;
}
.footer_logo a img {
    object-fit: scale-down;
    height: 100%;
    width: 100%;
}
.footer_left_p p {
    color: var(--color4);
}
.footer_left {
    max-width: 400px;
    width: 100%;
}
.footer_left_p {
    margin:26px 0;
}
.footer_form_wrap form {
    position: relative;
    width:100%;
    display: block;
}
.footer_form_col input {
    padding:16px 52px 16px 16px;
    border:1px solid #6F737C;
    border-radius:1000px;
    width: 100%;
}
.footer_form_col input::placeholder {
    color: #6F737C;
    font:normal 500 16px/24px var(--secondary-font);
}
.footer_form_cta {
    width:34px;
    height:34px;
    border-radius:100%;
    background-color: var(--color3);
    border:0;
    position: absolute;
    top:8px;
    right:8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_form_cta:hover {
    background-color: var(--color4);
    transform:rotate(36deg);
}
.social_media {
    margin-top:26px;
}
.social_media ul {
    display: flex;
    flex-wrap: wrap;
    gap:16px;
}
.social_media ul li a {
    padding:5px;
    border-radius:100%;
    width:42px;
    height:42px;
    background-color: var(--color4);
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_media ul li a:hover {
    background-color: var(--color3);
}
.footer_row {
    gap:64px;
}
.footer_right {
    flex:1;
}
.footer_col {
    max-width:calc(33.33% - 16px);
    width:100%;
}
.footer_col h6 {
    color: var(--color4);
    font: var(--h6);
    font-weight:700;
}
.footer_col ul li {
    margin:14px 0;
}
.footer_col ul li:last-child {
    margin-bottom:0;
}
.footer_col ul li a, .footer_col ul li span {
    font: normal 500 16px/24px var(--secondary-font);
    display: inline-block;
    color: var(--color4);
}
.footer_col ul li a:hover {
    color: var(--color3);
}
.footer_menu_row {
    gap:24px;
}
.footer_bottom {
    margin-top:40px;
    padding-top:20px;
    border-top:1px solid #74787B;
}
.footer_bottom p {
    color: var(--color4);
    font:normal 500 14px/22px var(--secondary-font);
    text-align: center;
}
div.button_arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color2);
    padding: 5px;
    position: relative;
    display: flex;
    left: unset;
    top: unset;
    right: unset;
    margin: 0;
    transition:0.3s all ease-in-out;
}
.button_arrow::after {
    display: none;
}
div.button_arrow_wrap {
    display: flex;
    gap:20px;
    justify-content: center;
    align-items: center;
    margin-top:24px;
}
div.button_arrow:hover {
    background-color: var(--color3);
}
div.button_arrow:hover svg path {
    stroke: var(--color2);
}
div.button_arrow svg path {
    transition:0.3s all ease-in-out;
}
.about_section {
    padding:120px 0 60px;
}
.about_description ul li, .list_point ul li {
    margin: 5px 0;
    list-style: disc;
    padding-left: 5px;
}
.about_description ul, .list_point ul {
    margin:20px 0 0 0;
    padding-left: 20px;
}
.about_row {
    justify-content: space-between;
    gap:20px;
    align-items: center;
}
.about_left_col {
    max-width:702px;
    flex:1;
}
.about_right_col {
    max-width: 600px;
    width:100%;
}
.arc_image {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom:110%;
    width:100%;
    border-radius:20px;
}
.arc_image img {
    width:100%;
    height:100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
}
.about_section .section_top_wrap {
    margin-bottom:0;
}
.dark_top_tag {
    padding:10px 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(13.45px);
    border-radius: 28px;
    display: inline-flex;
    gap:10px;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-bottom:20px;
}
.dark_top_tag::before {
    content:'';
    position: absolute;
    left:50%;
    bottom:-8px;
    transform: translateY(-50%);
    background: #5260FE;
    filter: blur(20px);
    width:32px;
    height:10px;
}
.core_value_section .client_wrap {
    margin: 0 0 0 auto;
    max-width: 946px;
}
.core_value_inner {
    padding:34px 20px;
    background-color: var(--color2);
    border-radius:8px;
    height:100%;
}
.core_value_bottom p {
    color: var(--color4);
}
.core_value_top {
    margin-bottom:52px;
}
.core_value_top h6 {
    color: var(--color4);
    flex:1;
}
.core_value_round .cv_round_div {
    width:12px;
    height:12px;
    background: var(--color4);
}
.core_value_round {
    width:28px;
    height:28px;
    border-radius:50%;
    background-color: rgba(15, 22, 36, 0.1);
    position: relative;
}
.core_value_round::before {
    content:'';
    position: absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    background-color: var(--color4);
}
.core_value_top {
    gap:12px;
}
.core_value_cta {
    margin-top: 32px;
}
.our_contact_row {
    display: flex;
    align-items: flex-start;
    gap:32px;
}
.our_contact_left {
    max-width: 540px;
    width:100%;
}
.our_contact_right {
    flex:1;
}
.contact_form_wrap {
    display: block;
}
.input_row {
    margin-bottom:20px;
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}
.input_col input, .input_col select, .input_col textarea {
    padding:16px;
    border:none;
    outline: none;
    background-color: var(--color2);
    font:normal 500 16px/24px var(--secondary-font);
    appearance: none;
    width:100%;
}
.input_col input::placeholder, .input_col select option {
    color: #74787B;
}
.input_col label {
    font:normal 500 16px/24px var(--secondary-font);
    color: var(--color2);
    text-transform: capitalize;
    display: block;
    margin-bottom:10px;
}
.input_col {
    max-width:calc(50% - 10px);
    width:100%;
}
.input_col select {
    background-image: url(../images/dropdown.svg);
    background-position:top 50% right 16px;
    background-size:14px;
    background-repeat: no-repeat;
}
.input_col.full_input_col {
    max-width: 100%;
}
.input_col textarea {
    resize: vertical;
    max-height:300px;
    min-height:185px;
}
.our_contact_left .section_top_wrap {
    margin-bottom:0;
}
.core_value_section .section_top_wrap h2 {
    margin-bottom:0;
}
.tag_section {
    overflow: hidden;
    padding:60px 0;
}
.tag_row ul, .tag_row {
    display: flex;
    flex-wrap: nowrap;
    gap:20px;
    flex-shrink:0;
}
.tag_row {
    transform: rotate(-1.2deg);
}
.tag_row ul li {
    padding:11px 22px;
    border-radius:100px;
    background-color: var(--color2);
    font:normal 500 18px/26px var(--secondary-font);
    flex-shrink:0;
    color: var(--color4);
}
.faq_top .client_wrap p {
    color: rgba(255, 255, 255, 0.5);
}
.faq_top .client_wrap p a {
    color: var(--color2);
}
.faq_top .client_wrap p a:hover {
    color: var(--color3);
}
.faq_row {
    max-width: 1248px;
    margin: 0 auto;
}
.faq_col:not(:last-child) {
    margin-bottom:16px;
}
.faq_questions {
    padding: 16px 20px 16px 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.faq_questions h6 {
    flex:1;
    font:normal 500 20px/28px var(--primary-font);
}
.faq_q_right {
    width:56px;
    height:56px;
    border-radius:50%;
    border:1px solid rgba(255, 255, 255, 0.2);
    background-color: #000000;
    display: flex;
    flex-shrink:0;
    justify-content: center;
    align-items: center;
}
.faq_q_right svg {
    width:28px;
    height:28px;
}
.faq_q_right svg, .faq_q_right {
    transition:0.3s all ease-in-out;
}
.faq_col_inner {
    background-color:#09090B;
    border-radius:18px;
    border:1px solid rgba(255, 255, 255, 0.10);
    position: relative;
    overflow: hidden;
}
.faq_col_inner::before {
    content: '';
    position: absolute;
    left:90%;
    height:250px;
    width:304px;
    top:0;
    background: rgba(82, 96, 254, 0.4);
    opacity: 0.8;
    filter: blur(140px);
    border-radius: 999px;
}
.faq_answer {
    padding:0 20px 16px 40px;
    display: none;
}
.faq_answer_inner {
    padding:20px 0 0 0;
    border-top:1px solid #71717A;
}
.faq_answer_inner p {
    color: #B0BABF;
    font: normal 400 18px/28px var(--secondary-font);
}
.active .faq_q_right {
    background-color: var(--color3);
    border-color: var(--color3);
}
.active .faq_q_right svg {
    transform:rotate(45deg);
}
.collections_section {
    padding:120px 0;
}
.collections_row {
    gap:28px;
}
.collections_col {
    max-width:calc(25% - 21px);
    width:100%;
}
.collections_top_col a {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom:62%;
    border-radius:0 0 20px 20px;
}
.collections_top_col a img {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
    transition:0.3s all ease-in-out;
}
.collections_inner {
    border-radius:20px;
    overflow: hidden;
    background-color: var(--color2);
    transition:0.3s all ease-in-out;
}
.collections_inner:hover {
    background-color: var(--color3);
}
.collections_inner:hover a {
    color: var(--color2);
}
.collections_inner:hover a img {
    transform: scale(1.03);
}
.collections_inner:hover a svg path {
    fill: var(--color2);
}
.collections_name a {
    padding:20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.collections_name a span {
    display: block;
    flex:1;
    font: var(--h6);
}
.collections_name svg {
    width:14px;
    height:14px;
}
.collections_right_col .footer_form {
    position: relative;
}
.collections_right_col {
    max-width:280px;
    width:100%;
}
.collections_left_col {
    flex: 1;
}
.filter_row_form {
    display: flex;
    flex-wrap: wrap;
    gap:40px;
}
.filter_col_inner {
    position: relative;
}
.filter_col_top {
    padding:0 24px 0 0;
    position: relative;
    margin-bottom:16px;
    cursor: pointer;
}
.filter_col_top::before,
.filter_col_top::after {
    content: "";
    position: absolute;
    top: 50%;
    background-color:var(--color2);
    right:0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
}
.filter_col_top::before {
    width: 10px;
    height: 1px;
}
.filter_col_top::after {
    height: 10px;
    width: 1px;
    right: 4px;
}
.filter_col_top p {
    font:normal 500 16px/22px var(--secondary-font);
}
.filter_list_wrap {
    width:220px;
    position: absolute;
    z-index: 2;
    background-color: var(--color2);
    padding:20px 10px 20px 16px;
    border: none;
    transform: scaleY(0);
    transform-origin: top;
    transition:0.3s all ease-in-out;
    max-height:300px;
    overflow: auto;
}
.filter_list_wrap ul {
    display: flex;
    flex-direction: column;
    gap:16px;
}
.filter_col_inner ul li label {
    display: flex;
    align-items: center;
    gap: 5px;
}
.filter_col_inner ul li input {
    appearance: none;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-position: center;
    background-repeat: no-repeat;
    background-size:10px;
    flex-shrink:0;
}
.filter_col_inner ul li input:checked {
    background-color: var(--color3);
    border-color: var(--color3);
    background-image: url(../images/check-box.svg);
}
.filter_col_inner ul label span {
    color: var(--color4);
}
.collections_top_row {
    margin-bottom:42px;
}
.filter_active .filter_list_wrap {
    transform: scale(1);
}
.filter_active .filter_col_top::after {
    opacity: 0;
}
.product_hero_section {
    padding:150px 0 60px;
}
.phs_row {
    align-items: flex-start;
    justify-content: space-between;
    gap:48px;
}
.phs_left {
    max-width: 758px;
    width:100%;
}
.phs_right {
    flex: 1;
}
.phs_ls_inner {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom:100%;
}
.phs_ls_inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.phs_review {
    gap: 10px;
}
.phs_review  svg {
    height: 14px;
    max-width: 82px;
    width: 100%;
}
.phs_name_details {
    margin:18px 0;
}
.phs_name_details h1 {
    margin-bottom:10px;
}
.accordion_questions {
    padding:10px 0;
    border-bottom:1px solid #74787B;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.accordion_questions svg {
    width: 14px;
    height: 8px;
    transition:0.3s all ease-in-out;
}
.accordion_questions h6 {
    flex:1;
    font:normal 700 16px/24px var(--secondary-font);
}
.accordinon_answers {
    display: none;
}
.accordinon_answers_wrap {
    padding:15px 0;
}
.accordinon_answers_wrap p:not(:first-child) {
    margin-bottom:20px;
}
.accordinon_answers_wrap p, .accordinon_answers_wrap ul li {
    font:normal 500 14px/24px var(--secondary-font);
}
.accordinon_answers_wrap ul {
    padding:20px 0 0 20px;
}
.accordinon_answers_wrap ul li {
    list-style: disc;
}
.accordinon_answers_wrap ul li:not(:last-child) {
    margin-bottom:8px;
}
.accordion_questions.active svg {
    transform: rotate(180deg);
}
.phs_cta {
    padding-top: 20px;
}
.phs_cta_left {
    display: none;
}
.blog_row_wrap ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:24px;
}
.blog_row_wrap ul li {
    max-width: calc(25% - 18px);
    width:100%;
}
.blog_row_wrap ul li a {
    color: var(--color2);
    font:normal 500 20px/26px var(--secondary-font);
    padding:14px 10px;
    border:1px solid var(--color2);
    border-radius:10px;
    width:100%;
    text-align: center;
}
.blog_row_wrap ul li a:hover, .blog_row_wrap ul li a.active {
    background-color: var(--color3);
    border-color: var(--color3);
}
.blog_tab_wrap {
    padding:60px 0;
}
.tcc_heading {
    text-align: center;
}
.tcc_heading h2 {
    font: var(--h2);
}
.tcc_blog_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:20px;
}
.tcc_image {
    max-width: 240px;
    width:100%;
}
.tcc_image_inner {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 75%;
    width:100%;
    border-radius:8px;
}
.tcc_image_inner img {
    position: absolute;
    width:100%;
    height:100%;
    object-fit: cover;
    left:0;
    top:0;
}
.tcc_blog_row {
    gap:32px;
}
.tcc_blog_col {
    max-width: calc(50% - 16px);
    width: 100%;
}
.tcc_name_details p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    color: var(--color4);
    margin-top:14px;
    transition:0.3s all ease-in-out;
}
.tcc_name_details a {
    font-weight:600;
}
.tcc_details {
    flex: 1;
    max-width: 461px;
}
.tcc_date p {
    color: var(--color4);
    transition:0.3s all ease-in-out;
}
.tcc_date {
    margin-top:8px;
}
.tcc_blog_row {
    padding:32px 0;
}
.tcc_pagination ul {
    display: flex;
    flex-wrap: wrap;
    gap:14px;
}
.tcc_pagination ul li a {
    padding:15px 18px;
    border-radius:4px;
    color: var(--color2);
    border:1px solid var(--color2);
    font:normal 500 16px/20px var(--secondary-font);
}
.tcc_pagination ul li a:hover, .tcc_pagination ul li a.active_pagination {
    background-color: var(--color3);
    border-color: var(--color3);
}
.tcc_pagination {
    padding-bottom:60px;
}
.company_blog_row  .resources_slide {
    max-width: calc(33.33% - 21.3px);
    width: 100%;
}
.company_blog_row {
    gap: 32px;
    padding: 32px 0;
}
.object_position img{
    object-position: top;
}
.contact_info_wrap {
    padding: 30px 40px;
    border-radius: 14px;
    background: var(--color2);
}
.contact_info_row {
    gap:34px;
}
.contact_info_col {
    max-width:calc(33.33% - 22.66px);
    width: 100%;
}
.contact_icon {
    width:80px;
    height:80px;
    background-color: var(--color4);
    border-radius:8px;
    display: flex;
    padding:10px;
    align-items: center;
    justify-content: center;
    flex-shrink:0;
}
.contact_info_inner {
    display: flex;
    align-items: center;
    gap:20px;
}
.contact_details h6 {
    font:var(--h6);
    font-weight:bold;
    margin-bottom:4px;
}
.contact_details h6, .contact_details p, .contact_details a {
    color: var(--color4);
}
.contact_details a {
    display: block;
}
.contact_details a:not(:last-child) {
    margin-bottom:4px;
}
.contact_details a:hover {
    color: var(--color3);
}
.contact_details {
    flex:1;
}
.menu-item a {
    display: flex;
    gap: 10px;
}
.menu-item-has-children > a:after {
    content: '';
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
    background-image:url(../images/dropdown-arrow.svg);
    background-position: center;
    background-size:15px;
    background-repeat: no-repeat;
}
.swiper-slide.core_value_col {
    height: auto;
}
.tag_list {
    flex-shrink: 0;
}
.star {
    font-size: 18px;
    color: #ccc;
    transition: 0.3s ease;
}
.star.active {
    color: #FFC107;
}
.input_col br {
    display: none;
}
.collections_row p > a {
    color: var(--color2);
    font-weight: bold;
    text-decoration: underline;
}
.page-template-page-faqs .section_top_wrap {
    display: none;
}
.filter_col.active .filter_list_wrap {
    display: block;
}
.filter_icon {
    margin-left: 8px;
    cursor: pointer;
}
.tcc_blog_col .blog_col_inner {
    display: block;
    width: 100%;
    background-color: var(--color2);
    border-radius:10px;
    padding:10px;
    transition:0.3s all ease-in-out;
}
.blog_col_inner h6, .blog_col_inner p {
    transition:0.3s all ease-in-out;
}
.tcc_blog_col .blog_col_inner:hover {
    background-color: var(--color3);
}
.tcc_blog_col .blog_col_inner:hover h6, .tcc_blog_col .blog_col_inner:hover p {
    color: var(--color2);
}
.blog-tab-company-blog .tcc_blog_inner {
    flex-direction: column;
}
.blog-tab-company-blog .tcc_image {
    max-width: 100%;
}
.blog-tab-company-blog .tcc_image_inner {
    padding-bottom:50%;
}
.blog-tab-company-blog .tcc_details {
    max-width: 100%;
}
.blog-tab-company-blog .tcc_blog_col .blog_col_inner {
    padding: 0;
    height: 100%;
}
.blog-tab-company-blog .tcc_details {
    padding:0 1.5rem 2rem 1.5rem;   
}
body.single-post .hero_bg, body.single-post .other_hero_bg {
    padding-bottom:70svh;
}
body.single-post .hero_wrap, body.single-post .other_hero_wrap {
    height:70svh;
}
.blog_details_section {
    padding:80px 0 60px;
}
.blog_details_meta {
    margin-bottom: 8px;
}
.blog_details_title {
    margin-bottom: 20px;
    font:var(--h3);
}
.blog_details_short_desc {
    margin-bottom: 8px;
}
.blog_details_content p {
    margin-bottom:8px;
}
.blog_details_content h1, .blog_details_content h2, .blog_details_content h3, .blog_details_content h4, .blog_details_content h5, .blog_details_content h6 {
    margin:26px 0 8px;
}
.blog_details_content ul {
    padding-left:25px;
    margin-bottom:14px;
}
.blog_details_content ul li {
    list-style: disc;
}
.blog_details_content h3 {
    font: var(--h4);
}
body.single-post .hero_content_wrap {
    max-width: 100%;
}
.rte_section {
    padding:80px 0 60px;
}
.blog_details_meta {
    margin-bottom: 8px;
}
.blog_details_title {
    margin-bottom: 20px;
    font:var(--h3);
}
.blog_details_short_desc {
    margin-bottom: 8px;
}
.privacy-policy p {
    margin-bottom:8px;
}
.privacy-policy h1, .privacy-policy h2, .privacy-policy h3, .privacy-policy h4, .privacy-policy h5, .privacy-policy h6 {
    margin:26px 0 8px;
}
.privacy-policy ul {
    padding-left:25px;
    margin-bottom:14px;
}
.privacy-policy ul li {
    list-style: disc;
}
.privacy-policy h3 {
    font: var(--h4);
}
.privacy-policy hr {
    margin: 30px 0;
}
.privacy-policy p a {
    text-decoration: underline;
    color: var(--color2);
    font-weight: bold;
}
.privacy-policy p a:hover {
    color: var(--color3);
}
.wpcf7 form.sent .wpcf7-response-output {
    display: inline-flex;
    padding: 14px 24px;
    border: none;
    color: #fff;
    background: #46b450;
    font: var(--p);
    margin: 0 auto;
    border-radius: 10px;
    max-width: 360px;
    width: 100%;
    justify-content: center;
}
form.sent {
    display: flex;
}
form.sent .contact_form_wrap {
    display: none;
}
/* ===============================================================
            END HOME PAGE STYLES HERE
=============================================================== */
@media only screen and (min-width: 841px) {
    .pmw_row > ul > li:hover .sub-menu {
        transform: translateX(-50%) scaleY(1);
        opacity:1;
        visibility: visible;
    }
    .menu-item-has-children .sub-menu {
        position: absolute;
        width:200px;
        transform: translateX(-50%) scaleY(0);
        left: 50%;
        background-color: var(--color2);
        padding:10px 0;
        top:100%;
        transform-origin: top;
        opacity:0;
        visibility: hidden;
        transition: 0.3s all ease-in-out;
    }
    .pmw_row > ul > li:hover > .menu-item svg {
        transform: scale(-1);
    }
    .mobile_cta_wrap, .pahank_close, .menu_cta {
        display: none;
    }
    .pmw_row > ul {
        display: flex;
        gap:30px;
    }
    .menu-item-has-children ul li a:hover {
        color: var(--color3);
        cursor: pointer;
    }
    .phs_left_slide:nth-child(-n+2) {
        max-width:calc(50% - 5px);
    }
    .phs_left_slide {
        max-width:calc(25% - 7.5px);
        width:100%;
    }
    .phs_left_row .swiper-wrapper {
        flex-wrap: wrap;
        gap: 10px;
    }
    .contact_page_section {
        padding-top:120px;
    }
    .core_value_col {
        max-width: calc(50% - 10px);
        width:100%;
    }
    .core_value_row {
        display: flex;
        flex-wrap:wrap;
        gap:20px;
    }
    div.dektop_hide.button_arrow_wrap {
        display: none;
    }
    .pahank-header-sticky .cta:hover {
        background-color: var(--color4);
    }
    .pahank-header-sticky .menu_cta_wrap {
        border-color: var(--color4);
    }
    .pahank-header-sticky .menu_cta_wrap circle {
        fill: var(--color4);
    }
    .pahank-header-sticky .menu-item a, .pahank-header-sticky .menu-item-has-children ul li a {
        color: var(--color4);
    }
    .pahank-header-sticky .pahank_left a img {
        filter: invert(1);
    }
    .pahank-header-sticky {
        position: fixed;
        top: 0;
        background-color:var(--color2);
    }
    .scrollUp {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    .pahank-header-sticky .menu-item-has-children > a:after {
        filter: invert(1);
    }
    .pmw_row > ul > li:hover > a:after {
        transform: scale(-1);
    }
    .page-template-page-faqs .faq_section {
        padding-top: 120px;
    }
}
@media only screen and (min-width: 992px) {
    .core_value_col {
        max-width:calc(33.33% - 14px);
        width:100%;
    }
}
@media only screen and (min-width: 1441px) {
    .card_heading h6 {
        font: var(--h5);
    }
    .container {
        max-width:1640px;
    }
}
@media only screen and (max-width: 1366px) {
    :root {
        --h1: normal 600 54px/60px var(--primary-font);
        --h2: normal 500 38px/48px var(--primary-font);
        --h3:normal 500 28px/36px var(--primary-font);
    }
    .pmw_row > ul {
        gap:20px;
    }
    .oru_client_section {
        padding:60px 0;
    }
    .client_cols {
        padding: 30px 15px;
    }
    .offer_wrap {
        padding:60px 40px;
    }
    .manufacturers_left_col {
        max-width: 380px;
    }
    .mrc_row {
        gap: 16px;
    }
    .mrc_col {
        max-width: calc(50% - 8px);
    }
    .mrc_bottom h5 {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 1280px)  {
    .phs_row {
        gap: 28px;
    }
    .phs_left {
        max-width: 660px;
    }
    .tcc_name_details p {
        margin-top: 8px;
    }
    .tcc_image {
        max-width: 190px;
    }
    .tcc_blog_row {
        gap: 16px;
    }
    .tcc_blog_col {
        max-width:calc(50% - 8px);
    }
    .blog_tab_wrap {
        padding:30px 0;
    }
    .blog_row_wrap ul li a {
        font:normal 500 16px/22px var(--secondary-font);
    }
}
@media only screen and (max-width: 1180px) {
    .map_col_inside ul li {
        padding:10px;
        max-width: 50%;
    }
    .about_right_col {
        max-width: 450px;
    }
    .section_top_wrap p:not(:last-child) {
        margin-bottom: 16px;
    }
    .list_point {
        margin:16px 0 0 0;
    }
}
@media only screen and (max-width: 1024px) {
    .offer_wrap {
        padding:40px;
    }
    .section_top_wrap {
        margin-bottom:30px;
    }
    .resources_swiper_details {
        padding:18px 10px;
    }
    .resources_name a {
        font:normal 700 18px/22px var(--primary-font);
    }
    .resources_description {
        margin:10px 0;
    }
    .about_section {
        padding:60px 0;
    }
    .core_value_top {
        margin-bottom: 32px;
    }
    .collections_row {
        gap: 16px;
    }
    .collections_col {
        max-width: calc(33.33% - 10.7px);
    }
    .phs_left {
        max-width: 540px;
    }
    .phs_row {
        gap: 15px;
    }
    .tcc_pagination ul li a {
        padding:8px 10px;
        font:normal 500 14px/18px var(--secondary-font);
    }
    .contact_info_wrap {
        padding: 20px 20px;
    }
    .contact_icon {
        width: 70px;
        height: 70px;
    }
    .contact_icon svg {
        width: 32px;
        height: 32px;
    }
    .contact_info_inner {
        gap: 10px;
    }
    .contact_details a:not(:last-child) {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 991px) {
    .card_row {
        gap:15px;
    }
    .card_col {
        max-width:calc(50% - 7.5px);
    }
    .card_col:last-child {
        max-width:100%;
    }
    .card_inner_col {
        padding:20px 16px;
    }
    .card_icon_wrap {
        width: 50px;
        height: 50px;
        padding:10px;
    }
    .card_icon_wrap svg {
        width:100%;
        height:100%;
    }
    .card_heading {
        margin-bottom:10px;
    }
    .manufacturers_row {
        gap: 20px;
        flex-direction: column;
    }
    .manufacturers_left_col {
        max-width: 100%;
    }
    .manufacturers_row {
        gap:0;
    }
    .section_top_wrap p:not(:last-child) {
        margin-bottom: 16px;
    }
    .footer_section {
        position: unset;
    }
    .footer_row {
        gap: 40px;
    }
    .footer_bottom {
        margin-top: 30px;
        padding-top: 15px;
    }
    .footer_section {
        padding: 50px 0 20px;
    }
    .footer_left_p {
        margin: 16px 0;
    }
    .social_media {
        margin-top:16px;
    }
    .footer_col ul li {
        margin: 10px 0;
    }
    .input_row {
        gap: 10px;
        margin-bottom: 10px;
    }
    .input_col {
        max-width: 100%;
    }
    .our_contact_row {
        gap: 20px;
    }
    .core_value_top {
        margin-bottom: 30px;
        flex-direction: column;
        align-items: flex-start;
    }
    .collections_name a {
        padding:16px 20px;
    }
    .tcc_pagination {
        padding-bottom: 30px;
    }
}
@media only screen and (max-width: 840px) {
    .menu_open_body {
        overflow: hidden;
    }
    .pahank_righ_cta {
        display: none;
    }
    .pahank_close {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 18px;
        height: 18px;
    }
    .pahank_center {
        position: fixed;
        left: 0;
        top: 0;
        height: 100svh;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100svw;
        background: var(--color4);
        overflow: auto;
        opacity:0;
        visibility: hidden;
    }
    .pahank_center.menu_open {
        opacity:1;
        visibility: visible;
    }
    .pmw_row > ul > li {
        padding:0;
    }
    .pmw_row .menu-item {
        padding:16px 0;
    }
    .pahank_menu_wrap {
        width: 100%;
        padding:50px 20px 40px;
    }
    .mobile_cta_wrap {
        margin-top: 30px;
    }
    .menu-item-has-children ul li a {
        color:var(--color2);
        padding: 8px 14px;
        display: block;
    }
    .menu-item {
        justify-content: space-between;
    }
    .menu-item-has-children .sub-menu {
        position: relative;
        width: 100%;
        display: none;
        padding:10px 0 0;
    }
    .pahank_header_wrap {
        justify-content: space-between;
    }
    .pahank_header {
        padding:15px 0;
    }
    .pahank_left {
        max-width: 153px;
    }
    body.menu-open {
        overflow: hidden;
    }
    .is-open .acnav__label svg {
        transform: scale(-1);
    }
    .client_cols {
        padding:20px;
    }
    .top_products_section .container {
        padding:0;
    }
    .top_products_section .container .section_top_wrap {
        padding:0 15px;
    }
    .t_pro_bottom {
        padding:0 15px 0;
    }
    .t_pro_cta {
        padding-top: 20px;
    }
    .map_col_inside ul li {
        max-width: 50%;
    }
    .map_side_col {
        max-width: calc(50% - 10px);
        order: 1;
    }
    .map_col_inside ul li {
        max-width:33.33%;
    }
    .map_center_col {
        order:2;
    }
    .offer_wrap {
        padding:32px;
    }
    .footer_row {
        flex-direction: column;
    }
    .footer_left {
        max-width: 100%;
    }
    .about_row {
        flex-direction: column;
    }
    .about_right_col, .about_left_col, .about_left_col .client_wrap {
        max-width: 100%;
    }
    .about_row {
        gap: 10px;
    }
    .our_contact_left {
        max-width: 100%;
    }
    .input_col {
        max-width:calc(50% - 10px);
    }
    .input_row {
        gap:20px;
        margin-bottom: 20px;
    }
    .contact_form_cta {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .manufacturers_cta {
        display: none;
    }
    .dark_top_tag {
        margin-bottom: 15px;
    }
    .faq_questions {
        padding: 16px 20px;
    }
    .faq_q_right {
        width: 36px;
        height: 36px;
    }
    .faq_q_right svg {
        width: 20px;
        height: 20px;
    }
    .faq_questions h6 {
        font:normal 500 16px/24px var(--primary-font);
    }
    .faq_answer {
        padding: 0 20px 16px 20px;
    }
    .faq_answer_inner p {
        font: normal 400 16px/24px var(--secondary-font);
    }
    .tag_section {
        padding: 32px 0;
    }
    .collections_col {
        max-width: calc(50% - 10px);
    }
    .collections_section {
        padding:80px 0 40px;
    }
    .collections_name a span {
        font:normal 500 16px/22px var(--primary-font);
    }
    .collections_inner {
        border-radius: 16px;
    }
    .collections_top_col a {
        border-radius: 0 0 16px 16px;
    }
    .filter_row_form {
        gap: 26px
    }
    .phs_row {
        flex-direction: column;
    }
    .phs_left {
        max-width:100%;
    }
    .product_hero_section {
        padding:80px 0 40px;
    }
    .phs_ls_inner {
        border-radius: 10px;
    }
    .product_swiper_pagination {
        position: relative;
        bottom: unset !important;
        padding-top: 10px;
        left: unset !important;
        transform: unset;
    }
    .product_swiper_pagination span {
        width: 10px;
        height: 10px;
        background-color: var(--color2);
    }
    .product_swiper_pagination span.swiper-pagination-bullet-active {
        background-color: var(--color3);
    }
    .product_hero_section .container {
        padding: 0;
    }
    .product_hero_section .phs_right {
        padding: 0 15px;
    }
    .phs_left_row {
        padding: 0 30px
    }
    .phs_cta a {
        width:100%;
    }
    .tcc_blog_col {
        max-width: 100%;
    }
    .tcc_blog_row {
        padding:32px 0 20px;
    }
    .tcc_blog_row {
        gap: 10px;
    }
    .tcc_pagination {
        padding-bottom: 24px;
    }
    .contact_info_col {
        max-width:calc(50% - 8px);
    }
    .contact_info_row {
        gap: 16px;
    }
    .company_blog_row {
        gap: 18px;
    }
    .company_blog_row .resources_slide {
        max-width: calc(50% - 9px);
    }
}
@media only screen and (max-width: 767px) {
    :root {
        --h1:normal 600 47px/54px var(--primary-font);
        --h2:normal 500 36px/48px var(--primary-font);
        --h3:normal 500 26px/34px var(--primary-font);
        --h4:normal 500 20px/26px var(--primary-font);
        --h5:normal 500 18px/26px var(--primary-font);
        --h6:normal 400 16px/24px var(--secondary-font);
        --p:normal 400 14px/22px var(--secondary-font);
    }
    .hero_bg img, .other_hero_bg img {
        object-position: 70% 50%;
    }
    .section_top_wrap {
        margin-bottom:24px;
    } 
    .client_cols {
        max-width: calc(50% - 15px);
    }
    .client_work {
        flex: unset;
        width:100%;
    }
    .client_cols:nth-child(4) {
        display: none;
    }
    .section_top_wrap h2, .section_top_wrap h3, .section_top_wrap h4, .section_top_wrap h5 {
        margin-bottom: 10px;
    }
    .oru_client_section, .top_products_section, .offer_section, .map_section, .manufacturers_section, 
    .reviews_section, .resources_section, .about_section, .core_value_section, .our_contact_section, .faq_section, .top_collection_section{
        padding:40px 0;
    }
    .contact_info_section {
        padding:20px 0;
    }
    .t_pro_cta {
        padding-top:15px;
    }
    .tpb_name {
        margin-bottom:5px;
    }
    .card_col {
        max-width:100%;
    }
    .offer_wrap {
        border-radius: 20px;
        padding:32px;
    }
    .resources_name a {
        font:normal 700 14px/20px var(--primary-font);
    }
    .resources_cta_wrap a {
        width:100%;
    }
    .reviews_slide_inner {
        padding:20px 16px;
    }
    .reviews_center {
        margin:10px 0;
    }
    .reviews_slide_col {
        width:300px;
    }
    .reviews_row_swiper, .reviews_wrap {
        gap:16px;
    }
    .button_arrow {
        width: 32px;
        height: 32px;
    }
    .button_arrow_wrap {
        gap:12px;
        margin-top: 16px;
    }
    .other_hero_wrap, .other_hero_bg {
        height:100svh;
    }
    .arc_image {
        padding-bottom: 90%;
    }
    .core_value_inner {
        padding: 24px 16px;
    }
    .faq_answer_inner p {
        font: normal 400 14px/22px var(--secondary-font);
    }
    .tag_row ul li {
        padding:9px 18px;
    }
    .filter_col_top p {
        font: normal 500 14px/20px var(--secondary-font);
    }
    .collections_right_col {
        max-width: 270px;
    }
    .collections_top_row  {
        margin-bottom: 32px;
    }
    .blog_row_wrap ul li {
        max-width:calc(50% - 8px);
    }
    .blog_row_wrap ul {
        gap: 16px;
    }
    .blog_row_wrap ul li a {
        font:normal 500 14px/20px var(--secondary-font);
        padding: 12px 10px;
    }
    .tcc_blog_inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .tcc_image {
        max-width: 100%;
    }
    .tcc_image_inner {
        padding-bottom: 60%;
    }

}
@media only screen and (max-width: 640px) {
    .map_side_col {
        max-width: 100%;
    }
    .map_side_col, .map_center_col {
        order: unset;
    }
    .map_col_inside ul li {
        max-width: 50%;
    }
    .offer_wrap {
        padding: 30px 16px;
    }
    .card_heading {
        margin-bottom:8px;
    }
    .mrc_row {
        flex-direction: column;
    }
    .mrc_col {
        max-width: 100%;
    }
    .mrc_top {
        padding-bottom: 62%;
    }
    .footer_col ul li a, .footer_col ul li span {
        font:normal 500 14px/20px var(--secondary-font);
    }
    .social_media ul li a {
        width: 36px;
        height: 36px;
    }
    .footer_row {
        gap: 32px;
    }
    .arc_image {
        border-radius: 10px;
    }
    .collections_top_row {
        flex-direction: column-reverse;
        gap: 20PX;
    }
    .collections_left_col, .collections_right_col {
        width: 100%;
        max-width: 100%;
    }
    .filter_col_top {
        margin-bottom: 6px;
    }
    .filter_row_form {
        gap: 15px;
        flex-direction: column;
    }
    .filter_col_top {
        padding: 10px 24px 10px 16px;
        margin-bottom:0;
        background: var(--color1);
        border-radius: 6px;
    }
    .filter_col_top::before, .filter_col_top::after {
        right: 16px;
    }
    .filter_col_top::after {
        right: 20px;
    }
    .filter_list_wrap {
        width:100%;
    }
    .filter_active .filter_col_top {
        background: var(--color3);
        border-radius: 6px 6px 0 0;
    }
    .filter_active .filter_list_wrap {
        border-radius:0 0 6px 6px;
    }
    .contact_info_col, .company_blog_row .resources_slide {
        max-width:100%;
    }
}
@media only screen and (max-width: 480px) {
    :root {
        --h1:normal 600 42px/50px var(--primary-font);
        --h2: normal 500 30px/40px var(--primary-font);
        --h3: normal 500 24px/32px var(--primary-font);
    }
    .hero_content {
        background:linear-gradient(180deg, rgba(15, 22, 36, 0) 0%, rgba(15, 22, 36, 0.9) 100%);
    }
    .client_cols {
        max-width: calc(50% - 5px);
    }
    .client_row {
        gap:10px;
    }
    .footer_col {
        max-width:calc(50% - 12px);
    }
    .footer_col:last-child {
        max-width:100%;
    }
    .footer_section {
        margin-top: 30px;
    }
    .input_row {
        gap: 12px;
        margin-bottom: 12px;
    }
    .core_value_top {
        margin-bottom: 16px;
    }
    .core_value_cta {
        margin-top: 20px;
    }
    .input_col input, .input_col select, .input_col textarea {
        padding: 12px;
    }
    .input_col {
        max-width: 100%;
    }
    .input_col textarea {
        max-height: 200px;
        min-height: 120px;
    }
    .collections_col {
        max-width: 100%;
    }
    .collections_name a {
        padding: 10px 16px;
    }
    .core_value_top h6 {
        font-weight: 600;
    }
}
@media only screen and (max-width: 375px) {
    .client_cols {
        max-width:100%;
        padding: 30px 20px;
    }
    .client_row {
        gap: 10px;
    }
    .cwr_right {
        width:100%;
    } 
    .cwr_right a {
        width:100%;
    }
    .footer_col ul li {
        margin:7px 0;
    }
    .footer_menu_row {
        gap: 20px;
    }
    .footer_col {
        max-width: calc(50% - 10px);
    }
    .footer_section {
        padding: 42px 0 20px;
    }
}
@media only screen and (max-width: 320px) {
    :root {
        --h1: normal 600 39px/40px var(--primary-font);
    }
    .top_content, .top_content h1 {
        margin-bottom: 10px;
    }
    .map_col_inside ul li {
        max-width:100%;
        padding: 5px 0;
    }
    .hero_content_wrap {
        padding:50px 0 0;
    }
}