html {
scroll-behavior: smooth;
}
/** Header css Start **/
.site-header-wrp.home_page .psg-header-logo img {
max-width: 185px !important;
max-height: 148px !important;
margin-bottom: -88px;
}
.admin-bar .site-header-wrp.home_page {
top: 32px;
}
.site-header-wrp.home_page {
position: fixed !important;
top: 0px;
left: 0;
right: 0;
}
.site-header-wrp.home_page .psg-header-container {
background: transparent;
border-bottom: 1px solid #ffffff80;
}
.site-header-wrp.home_page .psg-header-center .menu > li.menu-item > a {
color: #FFF;
}
.site-header-wrp.home_page .psg-header-center .menu > li.menu-item:hover > a,
.site-header-wrp.home_page .psg-header-center .menu > li.current-menu-item:hover > a,
.site-header-wrp.home_page .psg-header-center .menu > li.menu-item > ul.sub-menu li.menu-item:hover > a,
.site-header-wrp.home_page .psg-header-center .menu > li.menu-item > ul.sub-menu li.current-menu-item > a {
color: #FFF;
}
.site-header-wrp.home_page .search-tool .tools-btn i {
color: #FFF;
}
.site-header-wrp.home_page .search-tool .tools-btn i:hover {
color: #FFF;
}
.site-header-wrp.home_page .psg-header-tools-icon li.header-account.header-account-custom > a svg path,
.site-header-wrp.home_page .psg-header-tools-icon li#woo-header-cart .tools-btn-icon svg path {
fill: #FFF;
}
.site-header-wrp.home_page .psg-header-tools-icon li.header-account.header-account-custom:hover > a svg path,
.site-header-wrp.home_page .psg-header-tools-icon li#woo-header-cart:hover .tools-btn-icon svg path {
fill: #FFF;
}
.site-header-wrp.home_page span#woo-cart-count {
color: #FFF;
}
.site-header-wrp.home_page li#woo-header-cart:hover button.toggle-menu span#woo-cart-count {
color: #FFF;
}
.site-header-wrp.home_page .psg_toggle_icon .line {
background: #FFF;
}
.site-header-wrp.home_page .psg-header-center .menu > li.menu-item > ul.sub-menu li.menu-item a {
color: #FFF;
}
.site-header-wrp.home_page .psg-header-center .menu > li.menu-item > ul.sub-menu li.menu-item:hover a {
color: #FFF;
}
.site-header-wrp.home_page .psg-header-center .menu > li.menu-item > ul.sub-menu:after {
content: "";
position: absolute;
top: -60px;
left: 0;
right: 0;
bottom: 0;
background: #fffcf852 0% 0% no-repeat padding-box;
box-shadow: 0px 4px 20px #00000029;
border-radius: 0px 0px 20px 20px;
opacity: 0.8;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
z-index: -1;
}
.site-header-wrp.home_page .psg-header-center .menu > li.menu-item > ul.sub-menu {
z-index: -1;
background: transparent;
}
.site-header-wrp.home_page ul.header-account-submenu {
background: transparent;
top: calc(100% + 18px);
}
.site-header-wrp.home_page ul.header-account-submenu:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fffcf852 0% 0% no-repeat padding-box;
box-shadow: 0px 4px 20px #00000029;
border-radius: 0px 0px 20px 20px;
opacity: 0.8;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
z-index: -1;
}
.site-header-wrp.home_page ul.header-account-submenu li a {
color: #FFF;
}
.site-header-wrp.home_page ul.header-account-submenu li a:hover {
color: #FFF;
}
.site-header-wrp.home_page li.header-account.header-account-custom ul a:hover svg path {
fill: #FFF;
}
.site-header-wrp.home_page ul.header-account-submenu li a svg path {
fill: #FFF;
}
.site-header-wrp.home_page.header-fixed .psg-header-container {
background: #fffcf8cc;
}
.site-header-wrp.home_page.header-fixed .psg-header-center .menu > li.menu-item > a,
.site-header-wrp.home_page.header-fixed .psg-header-center .menu > li.menu-item > ul.sub-menu li.menu-item a,
.site-header-wrp.home_page.header-fixed .search-tool .tools-btn i,
.site-header-wrp.home_page.header-fixed span#woo-cart-count,
.site-header-wrp.home_page.header-fixed ul.header-account-submenu li a {
color: #203121 !important;
}
.site-header-wrp.home_page.header-fixed .psg-header-tools-icon li.header-account.header-account-custom > a svg path,
.site-header-wrp.home_page.header-fixed .psg-header-tools-icon li#woo-header-cart .tools-btn-icon svg path,
.site-header-wrp.home_page.header-fixed ul.header-account-submenu li a svg path {
fill: #203121 !important;
}
.site-header-wrp.home_page.header-fixed .psg_toggle_icon .line{
background: #203121;
}
.psg-header-container .psg-header-logo .psg-logo-text {
font-size: 2.25em;
font-family: 'Montserrat-Regular';
text-transform: uppercase;
line-height: 1.5em;
color: #203121;
margin: 0;
letter-spacing: 3.6px;
}
.psg_menu_wrp .menu {
padding: 0px;
list-style-type: none !important;
margin-bottom: 0 !important;
}
.psg_menu_wrp {
margin-bottom: 10px !important;
}
.psg_menu_wrp .menu > li.menu-item a {
font-size: 13px;
line-height: 16px;
letter-spacing: 1.56px;
font-family: 'JosefinSans-Regular';
color: #D5CABA;
text-transform: uppercase;
}
.psg_menu_wrp .menu > li.menu-item a:hover {
color: #BE9941;
}
.psg_menu_wrp .menu > li.menu-item.current_page_item a {
color: #BE9941;
}
.psg_menu_wrp .menu > li.menu-item {
border-bottom: 1px solid #6B625666;
padding: 20px 0;
}
.psg_menu_wrp .menu > li.menu-item:last-child {
border-bottom: none;
}
.psg_menu_wrp .menu > li.menu-item ul.sub-menu {
display: none;
}
.psg_menu_wrp .menu > .menu-item-has-children:before {
content: "\f067";
font-family: 'Font Awesome 5 Pro';
color: #D5CABA;
font-size: 16px;
line-height: 19px;
position: absolute;
right: 0;
cursor: pointer;
}
.psg_menu_wrp .menu > .menu-item-has-children:hover:before {
color: #EFECEC;
}
.psg_menu_wrp .menu > .menu-item-has-children.active:before {
content: "\f068";
}
.psg_menu_wrp .menu > .menu-item-has-children.active ul.sub-menu{
display: block;
padding: 12px 0px 0px 20px;
}
.psg_menu_wrp .menu > .menu-item-has-children ul.sub-menu .menu-item {
list-style-type: none !important;
padding: 8px 0px !important;
}
.psg_menu_wrp .menu > .menu-item-has-children ul.sub-menu .menu-item:last-child {
padding-bottom: 0px !important;
}
.psg_menu_wrp .menu > .menu-item-has-children ul.sub-menu .menu-item a {
font-size: 13px !important;
line-height: 17.42px !important;
letter-spacing: 0.65px;
text-transform: capitalize;
color: #D5CABA !important;
font-family: 'JosefinSans-Regular';
}
.psg_menu_wrp .menu > .menu-item-has-children ul.sub-menu .menu-item a:hover {
color: #EFECEC !important;
}
.psg_off_canvas_menu_main_wrp .dialog-message.dialog-lightbox-message {
height: auto !important;
max-height: 100vh !important;
min-height: 100vh !important;
}
.psg_search_wrp .elementor-search-form__icon {
padding-left: 0px !important;
}
.psg_search_wrp .elementor-search-form__container{
min-height: 40px !important;
margin-right: 50px !important;
}
.psg_search_wrp .elementor-search-form__input{
padding-left: 10px !important;
}
.psg-header-top-text {
font-size: 16px;
line-height: 20px;
color: #EA6072;
letter-spacing: 0px;
text-align: center;
margin: 0px;
font-family: JosefinSans-Regular;
}
.psg-header-top {
background: #000000;
padding: 10px 15px;
}
.psg-header-container .psg-header-logo {
padding-right: 20px;
margin-right: auto;
}
.psg-header-container {
max-width: 100%;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: end;
padding-right: 50px;
min-height: 60px;
position: relative;
z-index: 9999;
background: #fffcf8cc;
}
.psg-header-container .psg-header-rightside {
display: inline-flex;
align-items: center;
}
/*.psg-header-logo img {
object-fit: contain;
object-position: center;
max-height: 80px !important;
max-width: 100px !important;
border-radius: 0 0 10px 10px;
margin-bottom: -20px;
margin-top: -20px;
}*/
.psg-header-logo img {
object-fit: contain;
object-position: center;
border-radius: 0 0 10px 10px;
max-width: 185px !important;
max-height: 148px !important;
margin-bottom: -88px;
}
.elementor-editor-active .site-header-wrp .psg-header-main-wrp {
position: relative;
}
.psg-header-sidebar-icon .off_canvas_menu .line {
width: 24px;
display: block;
margin-bottom: 6px;
box-sizing: border-box;
border-bottom: 2px solid #D5CABA;
}
.off_canvas_menu {
cursor: pointer;
}
.woocommerce-noreviews {
font-family: 'JosefinSans-Regular';
font-size: 16px;
}
.psg-custom-badge {
left: 0 !important;
right: unset !important;
border-radius: 0px;
padding: 8px !important;
width: auto !important;
height: auto !important;
background: #9F1D2E;
font-size: 15px;
line-height: 15px;
margin: 0 !important;
letter-spacing: 0.45px;
color: #F0EEEE;
font-family: 'JosefinSans-Regular';
font-weight: unset !important;
min-height: unset;
top: 0;
display: inline-block;
position: absolute;
text-transform: uppercase;
}
.psg-header-inner-wrp {
display: flex;
align-items: center;
}
.psg-header-tools-icon {
margin-left: auto;
}
.psg-header-tools-icon .psg-header-defualt-icon {
display: flex;
align-items: center;
justify-content: flex-end;
list-style: none;
padding: 0;
}
.psg-navbar .menu li a {
font-size: 16px;
line-height: 21px;
letter-spacing: 0.8px;
color: #222323;
font-family: 'JosefinSans-Regular';
text-transform: uppercase;
outline: none !important;
text-decoration: none !important;
}
.psg-navbar ul.menu li.menu-item:hover>a {
color: #D91F25;
}
.psg-header-defualt-icon > li {
position: relative;
margin: 0 20px;
}
#woo-cart-count-text span.woocommerce-Price-amount.amount {
font-size: 16px;
line-height: 21px;
letter-spacing: 0.8px;
color: #222323;
font-family: Lexend-Regular;
}
button.toggle-menu.minicart-menu-link span i {
color: #000000;
font-size: 20px;
line-height: 27px;
letter-spacing: 0px;
}
li.header-account.header-account-custom > a > i {
text-align: center;
color: #000000;
font-size: 20px;
line-height: 27px;
letter-spacing: 0px;
}
.psg-header-defualt-icon, .psg-navbar .menu {
margin-bottom: 0;
}
.psg-header-defualt-icon > li.psg-mobile_hamburger_icon {
margin-right: 0;
}
ul.header-account-submenu {
display: none !important;
position: absolute;
top: calc(100% + 18px);
text-align: left;
background: rgb(255 252 248 / 80%);
right: -90px;
margin: 0;
padding: 20px !important;
min-width: 200px;
list-style-type: none !important;
z-index: 9;
border-radius: 0 0 20px 20px;
}
li.psg-search-tool-desktop:hover .tools-btn-icon {
color: #203121;
}
.search-tool .tools-btn i {
color: #203121;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.8px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.search-tool .tools-btn i:hover {
color: #203121;
}
.psg-header-search-main i.search-close {
position: absolute;
opacity: 0;
visibility: hidden;
}
.psg-header-search-opened .psg-header-search-main i.search-close {
opacity: 1;
visibility: visible;
}
.psg-header-search-opened .psg-header-search-main i.header-search-icon {
opacity: 0;
visibility: hidden;
}
.psg-header-main-wrp {
position: relative;
padding-left: 50px;
}
.psg-header-search-main-section {
position: fixed;
padding: 150px 50px;
top: 0;
height: 100vh;
width: 100%;
max-width: 100%;
bottom: 0;
z-index: 9999999;
background: #000000cc;
overflow-y: auto;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
left: 0;
right: 0;
}
.psg-header-search-main-section .psg-header-search {
background: #ECE6D6;
display: block;
width: 100%;
padding: 50px 100px;
max-width: 756px;
border-radius: 10px;
transform: scale(0);
transition: all 0.5s linear;
}
.psg-header-search-opened .psg-header-search-main-section .psg-header-search {
transform: scale(1);
}
.psg-header-search-opened .psg-header-search-main-section {
visibility: visible;
}
.psg-header-search-main-section .search-close {
display: flex;
align-items: center;
justify-content: end;
margin-bottom: 50px;
position: absolute;
left: 50px;
right: 50px;
top: 50px;
}
.psg-header-search-main-section .search-close i {
color: #FFFFFF;
cursor: pointer;
position: relative;
width: 30px;
height: 30px;
}
.psg-header-search-main-section .search-close i:before {
content: "";
position: absolute;
top: 0;
left: 15px;
height: 35px;
width: 1.5px;
background-color: #FFFFFF;
transform: rotate(45deg);
}
.psg-header-search-main-section .search-close i:after {
content: "";
position: absolute;
top: 0;
left: 15px;
height: 35px;
width: 1.5px;
background-color: #FFFFFF;
transform: rotate(-45deg);
}
.psg-header-search form .psg-header-search-inner {
display: block;
width: 100%;
margin-bottom: 40px !important;
max-width: 556px;
margin: 0 auto;
}
.psg-header-search-main-section input {
background: #FFFFFF;
height: auto !important;
border: none !important;
border-radius: 10px !important;
color: #656E67;
font-family: 'Montserrat-Medium';
font-size: 12px;
letter-spacing: 0.6px;
line-height: 18px !important;
display: inline-block;
box-shadow: none !important;
padding: 16px 20px 16px 20px !important;
cursor: pointer;
margin-top: 0px !important;
outline: none !important;
text-transform: uppercase;
text-align: center;
}
.psg-header-search-main-section input::placeholder {
color: #656E67;
opacity: 0.5;
}
.psg-header-search-main-section .psg-header-search button {
font-size: 1em !important;
padding: 16px 30px !important;
font-family: 'Montserrat-Medium';
letter-spacing: 0.75px !important;
color: #FFFFFF !important;
line-height: 18px;
border-radius: 25px;
text-transform: uppercase !important;
background: #203121;
font-weight: normal;
border: none !important;
margin: 0 auto;
display: block;
}
.psg-header-search-main-section .psg-header-search button:hover {
background: #113D1C;
}
.psg-header-search-main-section .psg-header-search .psg-header-search-title {
color: #203121;
font-size: 2.13em;
line-height: 1.5em;
letter-spacing: 0;
font-family: 'Gloock-Regular';
text-align: center;
text-transform: capitalize;
margin-bottom: 40px;
margin-top: 0;
}
.header-account-submenu::before {
content: "";
width: 100%;
height: 27px;
position: absolute;
top: -24px;
left: 0;
right: 0;
}
.header-fixed div#mobile-menu-toggle .navbar {
margin-bottom: 0 !important
}
li.header-account.header-account-custom {
padding-right: 0px;
}
header#header-wrp {
position: relative;
z-index: 999;
}
button.toggle-menu.minicart-menu-link:focus {
background: transparent;
outline: none;
}
.menu li:hover a {
text-decoration: none;
}
#menu-main-menu li ul.sub-menu li:hover a {
color: #203121 !important;
}
li#woo-header-cart:hover button.toggle-menu span#woo-cart-count-text .woocommerce-Price-amount {
color: #203121;
}
li#woo-header-cart:hover button.toggle-menu span.tools-btn-icon i {
color: #203121;
}
li.header-account.header-account-custom:hover > a > i {
color: #203121;
}
span#woo-cart-count {
color: #203121;
font-size: 14px;
font-family: 'Montserrat-Medium';
line-height: 18px;
letter-spacing: 0.7px;
padding-right: 0;
display: inline-block;
margin-left: 10px;
}
li#woo-header-cart:hover button.toggle-menu span#woo-cart-count {
color: #203121;
}
.toggle-menu.minicart-menu-link {
border: 0;
padding: 0;
display: flex;
}
.toggle-menu.minicart-menu-link:hover {
background: transparent;
}
button.toggle-menu.close-btn {
border: 0;
padding: 10px 20px;
top: 35px !important;
}
.header-sidearea-body-style {
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
background-color: #000000;
-webkit-transition: opacity .2s ease-in-out,z-index .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out,z-index .2s ease-in-out;
transition: opacity .2s ease-in-out,z-index .2s ease-in-out;
}
body.full-menu-open .header-sidearea-body-style {
z-index: 1;
opacity: 0.7;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #000000;
-webkit-transition: opacity .2s ease-in-out,z-index .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out,z-index .2s ease-in-out;
transition: opacity .2s ease-in-out,z-index .2s ease-in-out;
}
.psg-header-center .menu {
padding-left: 0px;
margin: 0px;
list-style-type: none !important;
}
.psg-header-center .menu > li.menu-item {
display: inline-block;
margin: 0 22px;
position: relative;
}
.psg-header-center .menu > li.menu-item > a {
font-size: 0.934em;
line-height: 1.5em;
text-transform: capitalize;
letter-spacing: 0px;
color: #203121;
font-family: 'Gloock-Regular';
position: relative;
display: inline-block;
text-decoration: none !important;
outline: none !important;
}
.psg-header-center .menu > li.menu-item > a span {
display: inline-block;
}
.psg-header-center .menu > li.menu-item > ul.sub-menu {
display: none !important;
position: absolute;
top: calc(100% + 19px);
text-align: left;
background: rgb(255 252 248 / 80%);
right: -25px;
margin: 0;
padding: 20px !important;
min-width: 127px;
list-style-type: none !important;
z-index: 9;
border-radius: 0 0 20px 20px;
}
.psg-header-center .menu > li.menu-item:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
display: block !important;
}
.psg-header-center .menu > li.menu-item > ul.sub-menu:before {
content: "";
width: 100%;
height: 24px;
position: absolute;
top: -24px;
left: 0;
right: 0;
}
.psg-header-center .menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu {
display: none !important;
position: absolute;
top: 0;
text-align: left;
background: #FFFFFF;
left: calc(100% + 30px);
margin: 0;
padding: 30px !important;
box-shadow: 0px 4px 32px #00000029;
min-width: 200px;
list-style-type: none !important;
z-index: 9;
}
.psg-header-center .menu > li.menu-item > ul.sub-menu > li.menu-item:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
display: block !important;
}
.psg-header-center .menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu:before {
content: "";
height: 100%;
width: 30px;
position: absolute;
top: 0;
left: -30px;
right: 0;
}
.psg-header-center .menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu {
display: none !important;
position: absolute;
top: 0;
text-align: left;
background: #FFFFFF;
left: calc(100% + 30px);
margin: 0;
padding: 30px !important;
min-width: 200px;
list-style-type: none !important;
z-index: 9;
}
.psg-header-center .menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
display: block !important;
}
.psg-header-center .menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu:before {
content: "";
height: 100%;
width: 30px;
position: absolute;
top: 0;
left: -30px;
right: 0;
}
.psg-header-center .menu > li.menu-item > ul.sub-menu li.menu-item {
white-space: nowrap;
position: relative;
list-style: none;
margin-bottom: 10px;
transition-duration: 0.5s;
}
.psg-header-center .menu > li.menu-item > ul.sub-menu li.menu-item:last-child {
margin-bottom: 0px;
}
.psg-header-center .menu > li.menu-item > ul.sub-menu li.menu-item a {
font-size: 0.8em;
line-height: 1.5em;
text-transform: capitalize;
letter-spacing: 0px;
color: #203121;
font-family: 'Gloock-Regular';
position: relative;
display: inline-block;
text-decoration: none !important;
outline: none !important;
}
.psg-header-center .menu > li.menu-item > ul.sub-menu li.menu-item:hover > a,
.psg-header-center .menu > li.menu-item > ul.sub-menu li.current-menu-item > a {
color: #203121;
}
.psg-header-center .menu > li.menu-item-has-children > a:after {
content: "\f078";
font-family: 'Font Awesome 5 Pro';
padding-left: 10px;
font-size: 14px;
transition: 0.5s;
display: inline-block;
}
.psg-header-center .menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a:after {
content: "\f054";
font-family: 'Font Awesome 5 Pro';
padding-left: 10px;
font-size: 14px;
transition: 0.5s;
display: inline-block;
}
.psg-header-center .menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a:after {
content: "\f054";
font-family: 'Font Awesome 5 Pro';
padding-left: 10px;
font-size: 14px;
transition: 0.5s;
display: inline-block;
}
.psg-header-center .menu > li.menu-item:hover > a,
.psg-header-center .menu > li.current-menu-item > a,
.psg-header-center .menu > li.current-menu-parent > a,
.psg-header-center .menu > li.current-menu-ancestor > a,
.psg-header-center .menu > li.menu-item > ul.sub-menu > li.current-menu-parent > a,
.psg-header-center .menu > li.menu-item > ul.sub-menu > li.current-menu-ancestor > a,
.psg-header-center .menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li.current-menu-ancestor > a {
color: #203121;
}
.site-header-wrp.header-fixed .psg-header-main-wrp {
position: fixed;
top: 0;
background: #fffcf8cc;
transition: top 0.5s linear;
width: 100%;
}
.admin-bar .site-header-wrp.header-fixed .psg-header-main-wrp {
top: 32px;
}
ul.header-account-submenu {
visibility: hidden;
opacity: 0;
transition: all 0.5s ease;
display: none;
}
.psg-header-tools-icon li.header-account.header-account-custom:hover > a svg path ,
.psg-header-tools-icon li#woo-header-cart:hover .tools-btn-icon svg path {
fill: #203121;
}
li.header-account.header-account-custom {
position: relative;
transition-duration: 0.5s;
}
ul.header-account-submenu li {
padding: 0 !important;
transition-duration: 0.5s;
}
li.header-account.header-account-custom:hover ul.header-account-submenu {
visibility: visible;
opacity: 1;
display: block !important;
}
ul.header-account-submenu li {
white-space: nowrap;
position: relative;
list-style: none;
margin-bottom: 15px;
}
ul.header-account-submenu li:last-child {
margin-bottom: 0px;
}
li.header-account.header-account-custom ul a {
font-size: 0.8em;
line-height: 1.5em;
text-transform: capitalize;
letter-spacing: 0px;
color: #203121;
font-family: 'Gloock-Regular';
position: relative;
display: inline-flex;
text-decoration: none !important;
outline: none !important;
align-items: center;
}
li.header-account.header-account-custom ul a i {
min-width: 32px;
text-align: left;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.8px;
}
li.header-account.header-account-custom ul a svg {
margin-right: 15px;
}
li.header-account.header-account-custom ul a:hover svg path {
fill: #203121;
}
li.header-account.header-account-custom ul a.psg-logout {
cursor: pointer;
}
li.header-account.header-account-custom ul a:hover {
color: #203121;
}
.psg-myccount-banner {
width: 100% !important;
padding: 0 !important;
}
/** End Header css **/
/** Start Header Mobile(Offcanvas) css **/
.gnj-offcanvas-menu-wrp {
width: 100%;
max-width: 761px;
padding: 100px 50px 100px 0;
height: calc(100vh - 39px);
position: relative;
}
body.admin-bar .gnj-offcanvas-menu-wrp {
height: calc(100vh - 71px);
}
.gnj-offcanvas-menu-wrp.submenu-open:before {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 100%;
background: #ECE6D6;
max-width: 497px;
}
.psg_toggle_icon .line {
width: 30px;
display: block;
height: 2px;
background: #203121;
margin: 7px 0px;
position: relative;
transform: rotate(0deg);
top: 0;
transition: all 0.4s linear;
bottom: 0;
}
.psg_toggle_icon .line:nth-child(2) {
width: 20px;
margin-left: auto;
}
.psg_toggle_icon:hover .line:nth-child(2) {
width: 30px;
}
.psg_toggle_icon.active .line:nth-child(1) {
transform: rotate(-45deg);
top: 8px;
bottom: unset;
transition: all 0.4s linear;
}
.psg_toggle_icon.active .line:nth-child(2) {
transform: rotateY(90deg);
transition: all 0.4s linear;
}
.psg_toggle_icon.active .line:nth-child(3) {
transform: rotate(45deg);
bottom: 8px;
top: unset;
transition: all 0.4s linear;
}
.psg_toggle_icon {
cursor: pointer;
}
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul {
list-style-type: none !important;
padding-left: 0px;
margin: 0px;
position: relative;
max-height: calc(100vh - 271px);
overflow-y: auto;
}
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul::-webkit-scrollbar,
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul::-webkit-scrollbar-track{
width: 5px;
background-color: #CDC3AB;
border-radius: 5px;
}
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul::-webkit-scrollbar-thumb{
background-color: #113D1C;
border-radius: 5px;
}
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul > li {
margin-bottom: 24px;
max-width: 264px;
padding-right: 50px;
}
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul > li .gnj-link {
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
justify-content: space-between;
}
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul > li > .gnj-link > a {
font-size: 32px;
line-height: 1.5em;
text-transform: capitalize;
letter-spacing: 0px;
color: #203121;
font-family: 'Gloock-Regular';
position: relative;
display: inline-block;
text-decoration: none !important;
outline: none !important;
}
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul > li > .gnj-link i {
color: #203121;
font-size: 16px;
line-height: 24px;
font-weight: 100;
width: 31px;
height: 31px;
border-radius: 100px;
border: 1px solid #203121;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul > li.active .gnj-link i:before {
content: "\f068";
}
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul > li > .sub-menu-wrap > ul.sub-menu {
list-style-type: none !important;
padding-left: 0px;
margin: 0px;
}
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul > li > .sub-menu-wrap > ul.sub-menu > li {
margin-bottom: 15px;
}
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul > li > .sub-menu-wrap {
position: absolute;
left: 264px;
padding-left: 70px;
top: 0;
}
.gnj-offcanvas-menu-wrp .gnj-offcanvas-menu .menu-offcanvas-menu-container ul.gnj-menu-ul > li > .sub-menu-wrap > ul.sub-menu > li .gnj-link > a {
font-size: 22px;
line-height: 1.5em;
text-transform: capitalize;
letter-spacing: 0px;
color: #203121;
font-family: 'Gloock-Regular';
position: relative;
display: inline-block;
text-decoration: none !important;
outline: none !important;
}
.gnj-offcanvas-wrp .psg-footer-copyright-main .psg-footer-copyright-text {
color: #9EA7A0;
text-align: left;
font-family: 'Montserrat-Medium';
font-size: 12px;
line-height: 1.5em;
letter-spacing: 0.6px;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.gnj-offcanvas-wrp .dialog-close-button .eicon-close {
position: relative;
width: 20px;
height: 20px;
}
.gnj-offcanvas-wrp .dialog-close-button .eicon-close:before {
content: "\f00d";
font-family: 'Line Awesome Free';
font-weight: 800;
}
/** End Header Mobile(Offcanvas) css **/
/** Start Footer css **/
.psg-footer-copyright-main .psg-footer-copyright-text {
color: #DEDEDE;
text-align: left;
font-family: 'Montserrat-Medium';
font-size: 12px;
line-height: 1.5em;
letter-spacing: 0.6px;
margin-bottom: 0;
}
a.elementor-icon.lazada svg g {
fill: #FFFFFF;
}
a.elementor-icon.lazada svg {
width: 40px;
height: 30px;
}
a.elementor-icon.shopee svg {
width: 16px;
height: 30px;
}
/** End Footer css **/
/** Start Home Slider widget css **/
.psg-home-slider-container {
max-width: 1270px;
margin: auto;
min-height: 768px;
display: flex;
align-items: center;
position: relative;
padding: 0 50px;
}
.psg-home-slider-main {
margin-bottom: 0 !important;
}
.psg-home-slider-img-wrap {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.psg-home-slider-img-wrap:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
background: transparent linear-gradient(180deg, #000000 0%, #54545400 100%) 0% 0% no-repeat padding-box;
opacity: 0.3;
}
.psg-home-slider-inner {
max-width: 570px;
}
.psg-home-slider-inner .psg-home-slider-sub-title {
color: #FFFFFF;
font-size: 0.8em;
letter-spacing: 0;
line-height: 1.5em;
font-family: 'Montserrat-Medium';
font-weight: normal;
text-transform: uppercase;
margin: 0;
}
.psg-home-slider-inner .psg-home-slider-title {
color: #FFFFFF;
font-size: 3.67em;
letter-spacing: 0;
line-height: 1.3em;
font-family: 'Gloock-Regular';
font-weight: normal;
margin-bottom: 30px;
text-transform: capitalize;
margin-top: 10px;
}
.psg-home-slider-inner .psg-home-slider-content {
color: #FFFFFF;
font-size: 1.2em;
letter-spacing: 0;
line-height: 1.5em;
font-family: 'Montserrat-Medium';
font-weight: normal;
margin-bottom: 40px;
}
.psg-home-slider-btn-link {
background: transparent;
color: #FFFFFF !important;
font-size: 1em;
letter-spacing: 0.75px;
line-height: 1.5em;
font-family: 'Montserrat-Medium';
font-weight: normal;
text-transform: uppercase;
padding: 13px 29px;
display: inline-block;
position: relative;
border: 1px solid #FFF;
border-radius: 25px;
margin-right: 30px;
margin-bottom: 10px;
}
.psg-home-slider-btn-link:hover {
background: #113D1C;
color: #FFFFFF !important;
border: 1px solid #113D1C;
}
.psg-home-slider-btn-link:focus {
outline: none;
}
.psg-home-slider-shop-link {
background: #203121;
color: #FFFFFF !important;
font-size: 1em;
letter-spacing: 0.75px;
line-height: 1.5em;
font-family: 'Montserrat-Medium';
font-weight: normal;
text-transform: uppercase;
padding: 13px 29px;
display: inline-block;
position: relative;
border: 1px solid #203121;
border-radius: 25px;
margin-bottom: 10px;
}
.psg-home-slider-shop-link:hover {
background: #113D1C;
color: #FFFFFF !important;
border: 1px solid #113D1C;
}
.psg-home-slider-main button.slick-arrow {
opacity: 1;
border-radius: 0;
background: transparent !important;
color: transparent !important;
outline: none !important;
border: 0;
padding: 0;
width: auto;
height: auto;
position: absolute;
transform: translate(0, 0);
font-size: 0;
line-height: 0;
}
.psg-home-slider-main button.slick-prev:before {
color: #FFFFFF;
content: "\f060";
font-family: 'Line Awesome Free';
font-weight: 900;
font-size: 22px;
}
.psg-home-slider-main button.slick-next:before {
color: #FFFFFF;
content: "\f061";
font-family: 'Line Awesome Free';
font-weight: 900;
font-size: 22px;
}
.psg-home-slider-main button.slick-prev {
top: unset;
bottom: 45px;
left: calc(50% - 51px);
}
.psg-home-slider-main button.slick-next {
top: unset;
bottom: 45px;
right: calc(50% - 51px);
}
.psg-home-slider-main button.slick-arrow:hover {
background: #AE2638;
}
.psg-home-slider-main button.slick-arrow:hover:before {
color: #FFFFFF;
}
.psg-home-slider-repeater-main .slick-dots {
margin-bottom: 30px;
bottom: 0;
}
.psg-home-slider-repeater-main .slick-dots li button {
background: #FBFAEE !important;
opacity: 1;
border-radius: 50%!important;
width: 12px!important;
height: 12px!important;
margin: 0 auto;
}
.psg-home-slider-repeater-main .slick-dots li.slick-active button {
background: #203121 !important;
}
.psg-home-slider-repeater-main .slick-dots li button:before {
opacity: 0 !important;
}
.psg-home-slider-repeater-main .gnj_slider_arrow_wrap {
position: absolute;
bottom: 50px;
left: 50%;
transform: translate(-50%, 0px);
}
.psg-home-slider-repeater-main .gnj_slider_arrow_wrap .slides-numbers {
color: #FFF;
font-size: 15px;
line-height: 18px;
letter-spacing: 2px;
font-family: 'Montserrat-Medium';
font-weight: normal;
}
.psg-home-slider-repeater-main {
position: relative;
}
/** End Home Slider widget css **/
/** Start search page css **/
/* span.highlight {
background: #74738F;
color: #fff;
} */
.psg-search-page-wrp {
padding-top: 100px;
padding-bottom: 100px;
background: #FAFAFA;
}
.psg-search-page-container {
max-width: 1270px;
margin: 0 auto;
padding: 0 50px;
}
.psg-search-page-wrp h1.psg-search-page-heading {
font-size: 36px;
line-height: 54px;
letter-spacing: 0px;
color: #43425D;
font-family: 'SourceSansPro-Bold';
font-weight: normal !important;
margin-top: 0px;
margin-bottom: 20px;
}
form.psg-search-page-form {
max-width: 871px;
width: 100%;
position: relative;
margin-bottom: 10px;
}
.psg-search-page-wrp form.psg-search-page-form input.psg-search-page-input {
font-size: 16px !important;
line-height: 20px !important;
letter-spacing: 0px !important;
color: #43425D !important;
font-family: 'SourceSansPro-SemiBold';
padding: 10px 30px 10px 0px !important;
border: none !important;
background: transparent;
border-radius: 0;
border-bottom: 2px solid #E9E9F0 !important;
}
.psg-search-page-wrp form.psg-search-page-form button.psg-search-page-submit {
border: none !important;
background: transparent !important;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0 !important;
border-radius: 0;
position: absolute;
right: 0px;
bottom: 3px;
outline: none !important;
color: #17162E;
font-size: 13px;
letter-spacing: 0.13px;
line-height: 17px;
}
.psg-search-page-wrp form.psg-search-page-form button.psg-search-page-submit i{
font-weight: 400 !important;
}
.psg-search-page-wrp form.psg-search-page-form button.psg-search-page-submit:hover{
color: #3B86FF;
}
.psg-search-page-wrp .psg-search-count {
font-size: 14px;
line-height: 21px;
letter-spacing: 0.28px;
font-family: 'SourceSansPro-Italic';
margin-bottom: 50px;
color: #000000;
}
.psg-search-page-content-inner {
margin-bottom: 20px;
}
.psg-search-page-content-inner h2.psg-search-page-title {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.32px;
color: #000000;
font-family: 'SourceSansPro-SemiBold';
margin-top: 0px;
margin-bottom: 7px;
}
.psg-search-page-content-inner h2.psg-search-page-title a{
font-size: 16px;
line-height: 24px;
letter-spacing: 0.32px;
color: #000000;
font-family: 'SourceSansPro-SemiBold';
text-decoration: none !important;
text-transform: capitalize;
}
.psg-search-page-content-inner p.psg-search-page-text {
font-size: 14px;
line-height: 21px;
letter-spacing: 0.28px;
color: #74738F;
font-family: 'SourceSansPro-Regular';
margin-bottom: 10px;
}
.psg-search-page-content-inner .psg-search-read-more-btn a {
font-size: 16px;
line-height: 20px;
letter-spacing: 0px;
color: #3B86FF;
font-family: 'SourceSansPro-Regular';
display: flex;
align-items: center;
text-decoration: none !important;
text-transform: uppercase;
}
.psg-search-read-more-btn a i {
display: inline-flex;
color: #3B86FF;
font-size: 16px;
line-height: 20px;
letter-spacing: 0px;
margin-left: 10px;
}
.psg-search-page-content .psg-not-found-text {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.32px;
color: #000000;
font-family: 'SourceSansPro-SemiBold';
}
.psg-search-page-pagination {
margin-top: 50px;
text-align: center;
width: 100%;
}
.psg-search-page-pagination .pagination {
margin: 0 !important;
width: 100%;
line-height: 0;
}
.psg-search-page-pagination .page-numbers {
height: 40px;
width: 40px;
display: inline-block;
font-size: 16px;
line-height: 38px;
letter-spacing: 0px;
font-family: 'SourceSansPro-Regular';
color: #43425D;
margin: 0px 5px;
border-radius: 0;
text-decoration: none !important;
background: #FFF;
}
.psg-search-page-pagination .prev.page-numbers {
float: left;
border: 1px solid #808495;
margin-left: 0;
}
.psg-search-page-pagination .next.page-numbers {
float: right;
border: 1px solid #808495;
margin-right: 0;
}
.psg-search-page-pagination .page-numbers:hover,
.psg-search-page-pagination .page-numbers.current {
border: 1px solid #43425D;
background-color: #43425D;
color: #FFFFFF !important;
}
body.search-results p.psg-search-found-result {
display: block !important;
color: #000000;
font-size: 0.875em;
line-height: 1.5em;
letter-spacing: 0.28px;
font-family: 'SourceSansPro-Italic';
padding-top: 9px;
margin: 0;
}
body.search-results button.psg-products-search-btn {
padding-right: 20px;
}
/** End search page css **/
/** Start Banner css **/
.psg-banner-img-wrap {
background: #F9F5EB;
min-height: 400px;
width: 100%;
display: flex;
position: relative;
align-items: center;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.psg-banner-img-inner {
max-width: 1270px;
width: 100%;
margin: 0 auto;
text-align: left;
padding-left: 50px;
padding-right: 50px;
position: relative;
z-index: 5;
}
.psg-banner-img-inner .woocommerce-breadcrumbs a {
color: #FFFFFF;
font-size: 12px;
line-height: 1.5em;
letter-spacing: 0.6px;
font-family: 'Montserrat-Medium';
text-transform: uppercase;
}
.psg-banner-img-inner .woocommerce-breadcrumbs {
color: #FFFFFF;
font-size: 12px;
line-height: 1.5em;
letter-spacing: 0.6px;
font-family: 'Montserrat-Medium';
text-transform: uppercase;
}
.psg-banner-img-inner .woocommerce-breadcrumbs span.separator {
padding: 0 20px;
}
.psg-banner-img-wrap h1.psg-banner-page-title {
color: #FFFFFF;
font-size: 2.13em;
letter-spacing: 0px;
line-height: 1.5em;
font-family: 'Gloock-Regular';
margin: 0;
padding-top: 15px;
text-transform: capitalize;
}
.psg-banner-img-inner p.psg-banner-description {
margin-bottom: 0;
margin-top: 12px;
font-size: 1em;
line-height: 1.5em;
letter-spacing: 0;
color: #FFFFFF;
font-family: 'Montserrat-Medium';
max-width: 570px;
}
.psg-banner-img-wrap:before {
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
background: transparent linear-gradient(180deg, #000000 0%, #54545400 100%) 0% 0% no-repeat padding-box;
opacity: 0.3;
}
/** End Banner css **/
/** Start common css **/
.psg-cm-breadcrumbs {
color: #EBAA32;
font-size: 0.875em;
line-height: 1.5;
font-family: 'Poppins-Regular';
letter-spacing: 1.4px;
text-transform: uppercase;
}
.psg-cm-breadcrumbs a {
color: #EBAA32;
}
.psg-cm-breadcrumbs a:hover {
color: #EBAA32;
}
span.separator.shop-page-breadcrumbs {
padding: 0 10px;
}
.gnj_subscribe_form_main .gform-body {
width: 100%;
max-width: calc(100% - 156px);
}
.gnj-field-inner .ginput_container input {
background: #FFFFFF;
border: none !important;
border-radius: 10px 0 0 10px;
color: #656E67;
font-family: 'Montserrat-Medium';
font-size: 12px !important;
letter-spacing: 0.6px;
line-height: 18px !important;
display: inline-block;
box-shadow: none !important;
padding: 16px 20px 16px 20px !important;
cursor: pointer;
margin-top: 0px !important;
outline: none !important;
text-transform: uppercase;
}
.gnj_subscribe_form_main .gform_footer {
margin: 0 !important;
padding: 0 !important;
width: 100%;
max-width: 156px;
}
.gnj_subscribe_form_main .gform_footer input {
font-size: 1em !important;
padding: 16px 30px !important;
font-family: 'Montserrat-Medium';
letter-spacing: 0.75px !important;
color: #FFFFFF !important;
line-height: 18px !important;
border-radius: 0 25px 25px 0;
background: #203121;
font-weight: normal;
text-transform: uppercase;
border: none !important;
margin: 0 !important;
outline: none !important;
}
.gnj_subscribe_form_main .gform_footer input:hover {
background: #113D1C;
}
.gnj-field-inner .ginput_container input::placeholder {
color: #656E67 !important;
opacity: 0.5;
}
.gnj_subscribe_form_main_wrapper .gform_validation_errors {
background: #A4120D4D !important;
border: none !important;
font-size: 0.8em !important;
line-height: 1.5 !important;
letter-spacing: 0 !important;
color: #A4120D !important;
font-family: 'Montserrat-Medium' !important;
padding: 15px 15px 15px 43px !important;
position: relative;
margin-top: 0 !important;
box-shadow: none !important;
}
.gnj_subscribe_form_main_wrapper .gform_validation_errors:before {
content: "\f071";
font-family: 'Font Awesome 5 Pro';
font-size: 18px;
color: #A4120D;
font-weight: 300;
position: absolute;
left: 15px;
line-height: 1.2em;
}
.gnj_subscribe_form_main_wrapper .gform_validation_errors >h2 {
font-size: 15px !important;
line-height: 1.5 !important;
letter-spacing: 0;
color: #A4120D !important;
font-family: 'Montserrat-Medium' !important;
}
.gnj_subscribe_form_main_wrapper .gform_validation_errors:before {
content: "\f071";
font-family: 'Font Awesome 5 Pro';
font-size: 16px;
color: #A4120D;
font-weight: 300;
position: absolute;
left: 15px;
line-height: 1.2em;
}
.gnj_subscribe_form_main_wrapper .gfield_validation_message {
background: #A4120D4D !important;
border: none !important;
font-size: 0.8em !important;
line-height: 1.5 !important;
letter-spacing: 0 !important;
color: #A4120D !important;
font-family: 'Montserrat-Medium' !important;
padding: 15px 15px 15px 43px !important;
position: relative;
margin-top: 15px !important;
}
.gnj_subscribe_form_main_wrapper .gfield_validation_message:before {
content: "\f071";
font-family: 'Font Awesome 5 Pro';
font-size: 16px;
color: #A4120D;
font-weight: 300;
position: absolute;
left: 15px;
line-height: 1.2em;
}
.gnj_subscribe_form_main {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.gnj_subscribe_form_main .gform_confirmation_message ,
.gnj_contact_us_main .gform_confirmation_message {
color: #203121;
font-size: 15px;
line-height: 22.5px;
letter-spacing: 0;
font-family: 'Montserrat-Medium';
}
.home_quiz_wrp .elementor-image-box-wrapper {
display: flex !important;
}
.home_quiz_wrp .elementor-image-box-wrapper .elementor-image-box-img {
height: 60px;
width: 100% !important;
background: #113D1C;
margin-right: 20px !important;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
max-width: 60px !important;
}
.home-contact-overlay .elementor-widget-image .elementor-widget-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000000;
opacity: 0.2;
}
.home-contact-overlay .elementor-widget-image .elementor-widget-container {
position: relative;
}
.home-about-icon .elementor-button-wrapper .elementor-button-icon i {
font-size: 20px;
}
.about-us-overlay-img .elementor-widget-container {
position: relative;
}
.about-us-overlay-img .elementor-widget-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000000;
opacity: 0.3;
}
.count-wrp .elementor-image-box-content {
display: flex;
align-items: center;
justify-content: start;
}
.count-wrp .elementor-image-box-content .elementor-image-box-title {
background: #113D1C;
border-radius: 100px;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
}
/** End common css **/
/** Start Contact us page css**/
.contact-us-field-inner label.gfield_label {
color: #203121 !important;
font-size: 14px !important;
line-height: 1.5px !important;
letter-spacing: 0;
font-weight: normal !important;
font-family: 'Gloock-Regular' !important;
margin-bottom: 10px !important;
}
.contact-us-field-inner label.gfield_label .gfield_required {
color: #A4120D;
font-size: 14px !important;
}
.contact-us-field-inner .ginput_container input ,
.contact-us-field-inner .ginput_container textarea {
background: #FFFFFF;
border: none !important;
border-radius: 10px;
color: #656E67;
font-family: 'Montserrat-Medium';
font-size: 12px !important;
letter-spacing: 0.6px;
line-height: 18px !important;
box-shadow: none !important;
padding: 16px 15px 16px 15px !important;
outline: none !important;
text-transform: uppercase;
}
.contact-us-field-inner .ginput_container input::placeholder,
.contact-us-field-inner .ginput_container textarea::placeholder {
color: #656E67;
opacity: 0.5;
}
.contact-us-field-inner .ginput_container textarea {
height: 150px !important;
}
.gnj_contact_us_main .gform_footer {
margin: 0 !important;
padding: 0 !important;
}
.gnj_contact_us_main .gform_footer input {
font-size: 1em !important;
padding: 16px 30px !important;
font-family: 'Montserrat-Medium';
letter-spacing: 0.75px !important;
color: #FFFFFF !important;
line-height: 18px;
border-radius: 25px;
background: #203121;
margin-top: 40px;
font-weight: normal;
text-transform: uppercase;
border: none !important;
margin-bottom: 0 !important;
outline: none !important;
}
.gnj_contact_us_main .gform_footer input:hover {
background: #113D1C;
}
.gnj_contact_us_main_wrapper .gform_validation_errors {
background: #A4120D4D !important;
border: none !important;
border-radius: 0 !important;
margin-bottom: 20px !important;
box-shadow: none !important;
padding: 15px 20px 15px 50px !important;
margin-top: 0 !important;
}
.gnj_contact_us_main_wrapper .gform_validation_errors:before {
content: "\f071";
font-family: 'Font Awesome 5 Pro';
font-size: 18px;
color: #A4120D;
font-weight: 300;
position: absolute;
left: 20px;
}
.gnj_contact_us_main_wrapper .gform_validation_errors >h2 {
font-size: 1em !important;
line-height: 1.5 !important;
letter-spacing: 0;
color: #A4120D !important;
font-family: 'Montserrat-Medium' !important;
}
.gnj_contact_us_main .validation_message {
background: #A4120D4D !important;
border: none !important;
font-size: 0.8em !important;
line-height: 1.5 !important;
letter-spacing: 0 !important;
color: #A4120D !important;
font-family: 'Montserrat-Medium' !important;
padding: 15px 15px 15px 43px !important;
position: relative;
margin-top: 15px !important;
}
.gnj_contact_us_main .validation_message:before {
content: "\f071";
font-family: 'Font Awesome 5 Pro';
font-size: 16px;
color: #A4120D;
font-weight: 300;
position: absolute;
left: 15px;
line-height: 1.2em;
}
.contact-link-wrp .elementor-icon-box-description a {
color: #656E67;
text-decoration: none !important;
}
.gnj_contact_us_main .gform_fields {
grid-column-gap: 20px !important;
grid-row-gap: 30px !important;
}
/** End Contact us page css**/
/** Blog Archive Page css **/
.psg-news-template-main-wrp {
padding: 100px 50px 100px 50px;
width: 100%;
max-width: 1270px;
margin: 0 auto;
overflow: hidden;
}
.psg-news-template-main-wrp .psg-news-upper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding-bottom: 30px;
}
.psg-news-template-main-wrp .psg-news-upper .psg-news-search-wrp {
margin: 0 50px 20px 0;
position: relative;
width: 100%;
max-width: 370px;
}
.psg-news-template-main-wrp .psg-news-upper .psg-news-search-wrp input {
width: 100%;
border: none !important;
border-radius: 10px;
padding: 16px 30px 16px 15px;
color: #656E67;
font-family: 'Montserrat-Medium';
background: #FFFFFF;
font-size: 0.8em;
line-height: 1.5;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.psg-news-template-main-wrp .psg-news-upper .psg-news-search-wrp input::placeholder{
color: #656E67 !important;
opacity:0.6;
}
.psg-news-template-main-wrp .psg-news-upper .psg-news-search-wrp .psg-news-search-btn {
border: none !important;
background: transparent !important;
padding: 0;
outline: none !important;
font-size: 16px;
color: #656E67;
position: absolute;
right: 15px;
line-height: 50px;
}
.psg-news-template-main-wrp .psg-news-upper .psg-news-search-wrp .psg-news-search-btn {
border: none !important;
background: transparent !important;
padding: 0;
outline: none !important;
font-size: 16px;
color: #656E67;
position: absolute;
right: 15px;
line-height: 50px;
}
.psg-news-template-main-wrp .psg-news-upper .psg-news-search-wrp .psg-news-search-btn i {
font-weight:100;
}
.psg-news-template-main-wrp .psg-news-upper .news-sorting {
position: relative;
margin-bottom: 20px;
width: 100%;
max-width: 236px;
display: flex;
align-items: center;
}
.psg-news-template-main-wrp .psg-news-upper .news-sorting span {
color: #203121;
font-size: 0.93em;
line-height: 1.5em;
letter-spacing: 0;
font-family: 'Gloock-Regular';
max-width: 66px;
width: 100%;
}
.psg-news-template-main-wrp .psg-news-upper .news-sorting select {
border: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 10px;
cursor: pointer;
padding: 16px 30px 16px 15px;
color: #656E67;
font-family: 'Montserrat-Medium';
background: #FFFFFF;
font-size: 0.8em;
line-height: 1.5;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.psg-news-template-main-wrp .psg-news-upper .news-sorting:after {
content: "\f107";
font-family: 'Font Awesome 5 Pro';
position: absolute;
right: 15px;
top: 0px;
line-height: 50px;
font-size: 1em;
color: #656E67;
pointer-events: none;
}
.psg-news-archive-main-wrp {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
.psg-news-archive-main-wrp .psg-news-archive-loop {
width: 100%;
max-width: calc(33.33% - 30px);
margin: 0 15px 30px 15px;
background: #FFFFFF;
border-radius: 10px;
position: relative;
padding-bottom: 20px;
}
.psg-news-archive-main-wrp .psg-news-archive-loop .psg-news-feature-image img {
width: 100%;
object-fit: cover;
object-position: center center;
aspect-ratio: 1.370;
border-radius: 10px 10px 0 0;
}
.psg-news-archive-main-wrp .psg-news-archive-loop .psg-news-content-box {
padding: 20px;
}
.psg-news-archive-main-wrp .psg-news-archive-loop .psg-news-content-box .psg-news-title {
width: 100%;
margin-bottom: 30px;
}
.psg-news-archive-main-wrp .psg-news-archive-loop .psg-news-content-box .psg-news-title a {
color: #203121;
font-size: 1.06em;
line-height: 1.5;
letter-spacing: 0.32px;
font-family: 'Gloock-Regular';
text-decoration: none;
}
.psg-news-content-box .psg-news-date-wrp {
display: flex;
align-items: center;
justify-content: flex-start;
position: absolute;
bottom: 20px
}
.psg-news-content-box .psg-news-date-wrp img {
width: 17px;
margin-right: 10px;
}
.psg-news-content-box .psg-news-date-wrp span {
font-size: 0.8em;
letter-spacing: 0.6px;
line-height: 1.5em;
font-weight: normal !important;
text-transform: uppercase;
font-family: 'Montserrat-Medium';
}
.psg-pagination {
margin-top: 20px !important;
margin-bottom: 0px !important;
text-align: center;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.psg-pagination .page-numbers {
height: 40px;
width: 40px;
display: inline-block;
font-size: 15px;
line-height: 40px;
letter-spacing: 0px;
font-family: 'Montserrat-Medium';
background: transparent;
color: #9EA7A0;
margin: 0px 12px;
border: 1px solid #9EA7A0;
border-radius: 50%;
}
.psg-pagination .page-numbers:hover, .psg-pagination .page-numbers.current {
border: 1px solid #203121;
background-color: #203121;
color: #FFFFFF;
}
.psg-pagination a.prev {
margin-left: 0;
border-color: transparent !important;
background: transparent !important;
color: #447A51 !important;
font-size: 22px;
width: auto;
}
.psg-pagination a.next {
margin-right: 0;
border-color: transparent !important;
background: transparent !important;
color: #447A51 !important;
font-size: 22px;
width: auto;
}
.psg-pagination a.next:hover ,
.psg-pagination a.prev:hover {
color: #203121 !important;
}
a.prev.page-numbers.disable, a.next.page-numbers.disable {
color: #9EA7A0 !important;
}
.blog-loader {
text-align: center;
max-width: 400px;
margin: 0 auto;
}
.psg-news-template-main-wrp .psg-news-archive-main-wrp .psg-news-no-post-found {
font-size: 2.67em;
line-height: 1.5;
letter-spacing: 0;
color: #203121;
font-family: 'Gloock-Regular';
text-align: center;
width: 100%;
margin: 0px 0 20px 0;
}
.psg-news-template-main-wrp .news-loader {
text-align: center;
}
.psg-news-template-main-wrp .news-loader img {
max-width: 400px;
}
p.gnj-archive-count {
margin: 0;
text-align: center;
padding-top: 20px;
color: #656E67;
font-size: 10px;
line-height: 15px;
letter-spacing: 0.5px;
font-family: 'Montserrat-Medium';
text-transform: uppercase;
}
/** End Blog Archive Page css **/
/** Start Blog Details page css **/
.psg-single-blog-main {
max-width: 1070px;
padding: 0 50px;
padding-bottom: 100px !important;
padding-top: 110px !important;
margin: 0 auto;
}
.psg-blog-back-btn a {
font-size: 0.8em;
line-height: 1.5em;
letter-spacing: 0.96px;
color: #BE9941 !important;
text-decoration: none !important;
text-transform: uppercase;
font-family: 'Montserrat-Regular';
display: inline-flex;
align-items: center;
}
.psg-blog-back-btn a:hover {
color: #447A51 !important;
}
.psg-blog-back-btn i {
padding-right: 10px;
font-size: 22px;
line-height: 20px;
letter-spacing: 0px;
}
.psg-blog-date-social-main .psg-blog-date-wrp {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 10px;
}
.psg-blog-date-social-main .psg-blog-date-wrp img {
width: 17px;
margin-right: 10px;
}
.psg-blog-date-social-main .psg-blog-date-wrp span {
font-size: 0.8em;
letter-spacing: 0.6px;
line-height: 1.5em;
font-weight: normal !important;
text-transform: uppercase;
font-family: 'Montserrat-Medium';
}
.psg-single-blog-title .psg-blog-title {
color: #203121;
font-size: 2.67em;
line-height: 1.5em;
letter-spacing: 0px;
font-family: 'Gloock-Regular';
margin-top: 15px;
margin-bottom: 50px !important;
font-weight: normal;
}
.psg-blog-date-social-main {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 40px;
}
.psg-single-blog-social-icon ul {
display: flex;
padding: 0;
list-style: none;
align-items: center;
margin-bottom: 0 !important;
}
.psg-single-blog-social-icon ul li:first-child {
padding-left: 10px;
}
.psg-single-blog-social-icon ul li {
padding: 0 15px;
}
.psg-single-blog-social-icon .custom-social-link-copy {
display: none;
}
.psg-single-blog-social-icon button.custom-social-link-btn {
color: #656E67;
background: transparent;
border: none;
padding: 0;
}
.psg-single-blog-social-icon button.custom-social-link-btn i {
font-size: 14px;
letter-spacing: 0.7px;
line-height: 24px;
padding-left: 15px;
}
.psg-single-blog-social-icon button.custom-social-link-btn:hover {
color: #BE9941;
}
.psg-single-blog-social-icon ul li a i {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.7px;
color: #656E67;
}
.psg-single-blog-social-icon ul li a:hover i {
color: #BE9941;
}
.psg-single-blog-content {
margin: 0 -10px;
padding-top:40px;
}
.single-blog-content p {
color: #656E67;
font-size: 15px;
line-height: 22.5px;
letter-spacing: 0px;
font-family: 'Montserrat-Medium';
}
.psg-single-blog-social-icon {
display: flex;
align-items: center;
font-family: 'Montserrat-Medium';
font-size: 12px;
color: #656E67;
line-height: 18px;
letter-spacing: 0px;
text-transform: uppercase;
margin-bottom: 10px;
}
.psg-single-blog-feature-image img {
width: 100%;
max-height: 708px !important;
object-fit: cover;
}
.psg-single-prev-next-pagination {
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: space-between;
border-top: 1px solid #CDC3AB;
padding-top: 50px;
margin-top: 50px;
}
.psg-single-prev-next-pagination .psg-nav-previous {
max-width: 270px;
width: 100%;
margin-right: 15px;
text-align: left;
}
.psg-single-prev-next-pagination .psg-nav-previous > a ,
.psg-single-prev-next-pagination .psg-nav-next > a {
color: #447A51;
font-size: 15px;
line-height: 18px;
letter-spacing: 0.75px;
text-transform: uppercase;
font-family: 'Montserrat-Medium';
display: inline-flex;
align-items: center;
}
.psg-single-prev-next-pagination .psg-nav-previous > a i {
font-size: 20px;
margin-right: 10px;
}
.psg-single-prev-next-pagination .psg-nav-next > a i {
font-size: 20px;
margin-left: 10px;
}
.psg-single-prev-next-pagination .psg-nav-previous > a:hover ,
.psg-single-prev-next-pagination .psg-nav-next > a:hover {
color: #113D1C;
}
.psg-single-prev-next-pagination .psg-nav-previous .post-title ,
.psg-single-prev-next-pagination .psg-nav-next .post-title {
color: #656E67;
font-size: 12px;
line-height: 18px;
letter-spacing: 0;
font-family: 'Montserrat-Bold';
margin: 0;
padding-top: 15px;
}
.psg-single-prev-next-pagination .psg-nav-previous .post-title a,
.psg-single-prev-next-pagination .psg-nav-next .post-title a {
color: #656E67;
outline: none;
text-decoration:none;
}
.psg-single-prev-next-pagination .psg-nav-next {
max-width: 270px;
width: 100%;
text-align: right;
margin-left: 15px;
}
/** End Blog Details page css **/
/** Start News & Blog Slider css**/
.psg-news-slider-main-wrp {
padding: 0 40px;
overflow: hidden;
}
.psg-news-slider-main-wrp .psg-news-slider-top {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
max-width: 1170px;
margin: 0 auto;
}
.psg-news-slider-main-wrp .psg-news-slider-top .psg-news-slider-top-left {
width: 100%;
max-width: calc(100% - 150px);
padding-right: 50px;
padding-bottom: 60px;
}
.psg-news-slider-main-wrp .psg-news-slider-top .psg-news-slider-top-right {
width: 100%;
max-width: 150px;
padding-bottom: 60px;
display: flex;
align-items: center;
justify-content: space-between;
}
.psg-news-slider-main-wrp .psg-news-slider-top .psg-news-slider-top-left .psg-news-slider-sub-title {
font-size: 0.8em;
line-height: 1.5;
letter-spacing: 0.6px;
color: #BE9941;
font-family: 'Montserrat-Medium';
text-transform: uppercase;
margin: 0 0 10px 0;
}
.psg-news-slider-main-wrp .psg-news-slider-top .psg-news-slider-top-left .psg-news-slider-title {
font-size: 2.67em;
line-height: 1.25;
letter-spacing: 0;
color: #203121;
font-family: 'Gloock-Regular';
text-transform: capitalize;
margin: 0;
}
.psg-news-slider-main-wrp .psg-news-slider-top .psg-news-slider-top-right .swiper-button-prev,
.psg-news-slider-main-wrp .psg-news-slider-top .psg-news-slider-top-right .swiper-button-next {
opacity: 1;
background: transparent;
width: 60px;
height: 60px;
border: 1px solid #203121;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: initial;
left: unset !important;
top: unset !important;
margin: 0;
color: #203121;
font-size: 25px;
line-height: 48px;
}
.psg-news-slider-main-wrp .psg-news-slider-top .psg-news-slider-top-right .swiper-button-prev:before {
content: "\f060";
font-family: 'Line Awesome Free';
font-weight: 900;
}
.psg-news-slider-main-wrp .psg-news-slider-top .psg-news-slider-top-right .swiper-button-next:before {
content: "\f061";
font-family: 'Line Awesome Free';
font-weight: 900;
}
.psg-news-slider-main-wrp .psg-news-slider-top .psg-news-slider-top-right .swiper-button-prev:hover,
.psg-news-slider-main-wrp .psg-news-slider-top .psg-news-slider-top-right .swiper-button-next:hover{
border-color: #113D1C;
background: #113D1C;
color: #FFFFFF;
}
.psg-news-slider-main-wrp .psg-news-slider-top .psg-news-slider-top-right .swiper-button-prev.swiper-button-disabled,
.psg-news-slider-main-wrp .psg-news-slider-top .psg-news-slider-top-right .swiper-button-next.swiper-button-disabled{
border-color: #9EA7A0 !important;
background: transparent !important;
color: #9EA7A0 !important;
}
.psg-news-slider-main-wrp .psg-news-slider-wrp {
position: relative;
display: flex;
margin: 0 -15px;
}
.psg-news-slider-main-wrp .psg-news-slider-wrp .psg-news-slider {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
.psg-news-slider-main-wrp .psg-news-slider-wrp .psg-news-slider .psg-news-slider-loop-wrp {
padding: 0 15px 30px 15px;
}
.psg-news-slider-loop-wrp .psg-news-archive-loop {
background: #FFFFFF;
border-radius: 10px;
position: relative;
padding-bottom: 20px;
height: 100%;
}
.psg-news-slider-loop-wrp .psg-news-archive-loop .psg-news-feature-image img {
width: 100%;
object-fit: cover;
object-position: center center;
aspect-ratio: 1.370;
border-radius: 10px 10px 0 0;
}
.psg-news-slider-loop-wrp .psg-news-archive-loop .psg-news-content-box {
padding: 20px;
}
.psg-news-slider-loop-wrp .psg-news-archive-loop .psg-news-content-box .psg-news-title {
width: 100%;
margin-bottom: 30px;
}
.psg-news-slider-loop-wrp .psg-news-archive-loop .psg-news-content-box .psg-news-title a {
color: #203121;
font-size: 1.06em;
line-height: 1.5;
letter-spacing: 0.32px;
font-family: 'Gloock-Regular';
text-decoration: none;
}
.psg-news-slider .swiper-scrollbar {
background: #CDC3AB;
display:none;
}
.psg-news-slider .swiper-scrollbar .swiper-scrollbar-drag {
background: #113D1C;
}
/** End News & Blog Slider css**/
/** Start Testimonail Slider css **/
.psg-testimonial-repeater-main {
padding: 0 40px;
overflow: hidden;
}
.psg-testimonial-slider {
max-width: 1000px;
margin: 0 auto;
width: 100%;
position: unset !important;
}
.psg-testimonial-slider-loop-wrp {
padding: 0 15px 30px 15px;
}
.psg-testimonial-slider-loop-wrp .psg-testimonial-archive-loop {
background: #ECE6D6;
border-radius: 10px;
position: relative;
height: 100%;
padding: 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.psg-testimonial-slider-wrp {
display: flex;
}
.psg-testimonial-slider .swiper-scrollbar {
background: #CDC3AB;
/* width: 100% !important;
max-width: 970px;
margin: 0 auto;
left: unset !important; */
display: none;
}
.psg-testimonial-slider .swiper-scrollbar .swiper-scrollbar-drag {
background: #BE9941;
}
.psg-testimonial-top img {
height: 50px;
object-fit: cover;
margin-bottom: 30px;
}
.psg-testimonial-top .psg-testimonial-content {
font-size: 15px;
line-height: 1.5;
letter-spacing: 0;
color: #656E67;
font-family: 'Montserrat-Medium';
margin-bottom: 30px;
}
.psg-testimonial-top .psg-testimonial-content p:last-child {
margin: 0;
}
.psg-testimonial-content-box .psg-testimonial-content {
color: #203121;
font-size: 1.06em;
line-height: 1.5;
letter-spacing: 0;
font-family: 'Gloock-Regular';
font-weight: normal;
text-transform: capitalize;
margin: 0;
padding-bottom: 10px;
}
.psg-testimonial-content-box .psg-testimonial-designation {
color: #656E67;
font-size: 12px;
line-height: 18px;
font-family: 'Montserrat-Medium';
font-weight: normal;
font-style: italic;
margin: 0;
letter-spacing: 0;
}
.psg-testimonial-content-box {
width: 100%;
margin-top: auto;
}
.psg-testimonial-arrow .swiper-button-prev ,
.psg-testimonial-arrow .swiper-button-next {
opacity: 1;
background: transparent;
width: 60px;
height: 60px;
border: 1px solid #FFFFFF;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
color: #FFFFFF;
font-size: 25px;
line-height: 48px;
transform: translate(0, -50%);
}
.psg-testimonial-arrow .swiper-button-prev:before {
content: "\f060";
font-family: 'Line Awesome Free';
font-weight: 900;
}
.psg-testimonial-arrow .swiper-button-next:before {
content: "\f061";
font-family: 'Line Awesome Free';
font-weight: 900;
}
.psg-testimonial-arrow .swiper-button-prev {
left: 0;
}
.psg-testimonial-arrow .swiper-button-next {
right: 0;
}
.psg-testimonial-arrow .swiper-button-disabled {
border-color: #9EA7A0 !important;
background: transparent !important;
color: #9EA7A0 !important;
}
.psg-testimonial-arrow .swiper-button-prev:hover, .psg-testimonial-arrow .swiper-button-next:hover {
background: #FFF;
color: #203121;
}
/** End Testimonail Slider css **/
/** start Product Slider css **/
.psg-product-slider-top .psg-product-slider-top-left .psg-product-slider-sub-title {
font-size: 0.8em;
line-height: 1.5;
letter-spacing: 0.6px;
color: #BE9941;
font-family: 'Montserrat-Medium';
text-transform: uppercase;
margin: 0 0 10px 0;
}
.psg-product-slider-top .psg-product-slider-top-left .psg-product-slider-title {
font-size: 2.67em;
line-height: 1.25;
letter-spacing: 0;
color: #203121;
font-family: 'Gloock-Regular';
text-transform: capitalize;
margin: 0;
}
.psg-product-slider-top .psg-product-slider-top-left .psg-product-slider-content {
color: #656E67;
font-size: 1em;
line-height: 1.5em;
letter-spacing: 0;
font-family: 'Montserrat-Medium';
margin-top: 30px;
font-weight: normal;
width: 100%;
max-width: 770px;
}
.psg-product-slider-top {
display: flex;
align-items: start;
flex-wrap: wrap;
width: 100%;
max-width: 1170px;
margin: 0 auto;
}
.psg-product-slider-top .psg-product-slider-top-left {
width: 100%;
max-width: calc(100% - 150px);
padding-right: 50px;
padding-bottom: 60px;
}
.psg-product-slider-top .psg-product-slider-top-right {
width: 100%;
max-width: 150px;
padding-bottom: 60px;
display: flex;
align-items: center;
justify-content: space-between;
}
.psg-products-widget-list .psg-product-not-selected {
text-align: center;
font-size: 2.67em;
line-height: 1.5em;
font-family: 'Gloock-Regular';
color: #203121;
letter-spacing: 0;
}
.psg-products-widget-main {
padding: 0 40px;
overflow: hidden;
}
.psg-products-widget-list {
margin-left: -15px;
margin-right: -15px;
}
.psg-products-widget-main .psg-products-widget-inner {
position: relative;
}
.psg-products-widget-main .psg-products-widget-inner .psg-products-widget-list > .woocommerce {
max-width: 1200px;
margin: 0 auto;
}
.psg-products-widget-main .psg-products-widget-inner .psg-products-widget-list > .woocommerce ul.products li.psg-product-archive-list {
height: initial;
}
.psg-products-widget-list .swiper-scrollbar {
background: #CDC3AB;
display: none;
}
.psg-products-widget-list .swiper-scrollbar .swiper-scrollbar-drag {
background: #113D1C;
}
.psg-product-slider-top .psg-product-slider-top-right .swiper-button-prev ,
.psg-product-slider-top .psg-product-slider-top-right .swiper-button-next {
opacity: 1;
background: transparent;
width: 60px;
height: 60px;
border: 1px solid #203121;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
left: unset !important;
top: unset !important;
right: unset !important;
margin: 0;
color: #203121;
font-size: 25px;
line-height: 48px;
}
.psg-product-slider-top .psg-product-slider-top-right .swiper-button-prev:before {
content: "\f060";
font-family: 'Line Awesome Free';
font-weight: 900;
}
.psg-product-slider-top .psg-product-slider-top-right .swiper-button-next:before {
content: "\f061";
font-family: 'Line Awesome Free';
font-weight: 900;
}
.psg-product-slider-top .psg-product-slider-top-right .swiper-button-prev:hover, .psg-product-slider-top .psg-product-slider-top-right .swiper-button-next:hover {
border-color: #113D1C;
background: #113D1C;
color: #FFFFFF;
}
.psg-product-slider-top .psg-product-slider-top-right .swiper-button-prev.swiper-button-disabled,
.psg-product-slider-top .psg-product-slider-top-right .swiper-button-next.swiper-button-disabled {
border-color: #9EA7A0 !important;
background: transparent !important;
color: #9EA7A0 !important;
}
/** End Product Slider css **/
/** Start Whatsapp customizer css **/
.psg-footer-whatsapp-icon {
position: fixed;
bottom: 135px;
right: 30px;
z-index: 9999;
}
.psg-footer-whatsapp-icon a {
width: 80px;
height: 80px;
background: #CDC3AB;
display: flex;
flex-wrap: wrap;
letter-spacing: 0;
align-items: center;
justify-content: center;
border-radius: 100px;
box-shadow: 0 4px 20px #00000029;
}
/** End Whatsapp customizer css **/
/** Start Top To scroll css **/
.psg-footer-scroll-top {
width: 50px;
height: 85px;
display: flex;
border-radius: 25px;
align-items: center;
justify-content: center;
background: #203121;
position: fixed;
bottom: 30px;
right: 45px;
z-index: 9999;
font-size: 16px;
color: #FFFFFF;
cursor: pointer;
box-shadow: 0px 4px 20px #00000029;
flex-wrap: wrap;
align-content: center;
}
.psg-footer-scroll-top span {
width: 100%;
text-align: center;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 0;
font-family: 'Montserrat-Regular';
margin-top: 7px;
}
.psg-footer-scroll-top i {
font-size: 24px;
}
.psg-footer-scroll-top:hover {
background: #113D1C;
}
.psg-footer-scroll-top.scroll-top-hide {
bottom: -150px;
}
/** End Top To scroll css **/
/** Start Quiz module css ***/
.gnj-quiz-form .gf_page_steps {
display: flex;
align-items: center;
justify-content: space-between;
border: none !important;
max-width: 970px;
margin: 0 auto;
margin-bottom: 50px !important;
}
.gnj-quiz-form .gf_page_steps .gf_step_number {
width: 20px !important;
height: 20px !important;
font-size: 0px !important;
line-height: 0;
border-color: #CDC3AB !important;
z-index: 999;
position: inherit;
}
.gnj-quiz-form .gf_page_steps .gf_step_number:before {
width: 20px !important;
height: 20px !important;
background: #113D1C !important;
border: 2px solid #113D1C !important;
}
.gnj-quiz-form .gf_page_steps .gf_step_number:after {
content: unset !important;
}
.gnj-quiz-form .gf_page_steps .gf_step_active .gf_step_number {
width: 30px !important;
background: #113D1C !important;
height: 30px !important;
border-color: #113D1C !important;
}
.gnj-quiz-form .gf_page_steps .gf_step_label {
padding-left: 0 !important;
}
.wrap_all_quiz_information {
grid-column: 1/-1;
background: #ECE6D6;
padding: 50px 50px 50px 50px;
border-radius: 10px;
display: grid;
grid-template-columns: repeat(12,1fr);
grid-row-gap: 5px !important;
grid-column-gap: 20px !important;
max-width: 770px !important;
margin: 0 auto;
}
.gnj-quiz-form .quiz-heading {
color: #203121;
font-size: 2.67em;
font-family: 'Gloock-Regular';
text-align: center;
line-height: 1.25em;
letter-spacing: 0;
padding-top: 35px;
padding-bottom: 20px;
}
.gnj-quiz-form .quiz-steps {
font-size: 0.8em;
color: #BE9941;
font-family: 'Montserrat-Medium';
line-height: 1.5em;
letter-spacing: 0.6px;
}
.gnj-quiz-form .quiz_col .gfield_label {
color: #203121 !important;
font-size: 1.6em !important;
line-height: 1.5em;
letter-spacing: 0;
font-family: 'Gloock-Regular';
font-weight: unset !important;
}
.gnj-quiz-form .quiz_col {
display: flex !important;
flex-direction: column !important;
}
.gnj-quiz-form .quiz_col .gfield_description {
order: 1;
font-size: 1em !important;
line-height: 1.5em !important;
letter-spacing: 0 !important;
color: #656E67 !important;
font-family: 'Montserrat-Medium' !important;
padding-top: 10px !important;
padding-bottom: 20px !important;
}
.gnj-quiz-form .quiz_col .ginput_container {
order: 2;
}
.gnj-quiz-form .quiz_col .ginput_container .gfield_checkbox {
display: flex;
flex-wrap: wrap;
}
.gnj-quiz-form .quiz_col .ginput_container .gfield_checkbox .gchoice {
width: 50%;
position: relative;
padding-bottom: 16px;
}
.gnj-quiz-form .quiz_col#field_2_5 .ginput_container .gfield_checkbox .gchoice,
.gnj-quiz-form .quiz_col#field_2_8 .ginput_container .gfield_checkbox .gchoice,
.gnj-quiz-form .quiz_col#field_2_20 .ginput_container .gfield_checkbox .gchoice,
.gnj-quiz-form .quiz_col#field_2_14 .ginput_container .gfield_checkbox .gchoice {
width: 100%;
}
.gnj-quiz-form .quiz_col .ginput_container .gfield_checkbox .gchoice .gform-field-label {
color: #656E67;
font-size: 1em;
line-height: 1.5em;
letter-spacing: 0;
font-family: 'Montserrat-Medium' !important;
font-weight: unset;
padding-left: 27px;
}
.gnj-quiz-form .quiz_col .ginput_container .gfield_checkbox .gchoice input {
display: none;
}
.gnj-quiz-form .quiz_col .ginput_container .gfield_checkbox .gchoice .gform-field-label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
display: inline-block;
position: absolute;
vertical-align: middle;
cursor: pointer;
margin-right: 10px;
border: 1px solid #113D1C;
border-radius: 3px;
left: 0;
height: 20px;
width: 20px;
top: 2px;
}
.gnj-quiz-form .quiz_col .ginput_container .gfield_checkbox .gchoice input:checked + label:before {
background: #113D1C;
border-color: #113D1C;
}
.gnj-quiz-form .quiz_col .ginput_container .gfield_checkbox .gchoice input:checked + label:after {
content: "";
display: block !important;
position: absolute;
top: 6px;
left: 7px;
width: 5px;
height: 10px;
border: solid #FFFFFF;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.gnj-quiz-form .quiz-form-next-btn {
position: absolute;
right: 0;
top: calc(50% + 60px);
border: 0;
display: flex;
align-items: center;
}
.gnj-quiz-form .quiz-form-previous-btn {
position: absolute;
top: calc(50% + 60px);
left: 0;
border: none;
background: transparent !important;
display: flex;
align-items: center;
}
.gnj-quiz-form .quiz-form-next-btn i {
font-size: 24px;
color: #203121;
font-weight: unset;
width: 60px;
height: 60px;
border: 1px solid #203121;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
pointer-events: none;
font-family: 'Line Awesome Free';
font-weight: 900;
}
.gnj-quiz-form .gform_page_footer .gform_next_button:hover,
.gnj-quiz-form .gform_page_footer #gform_submit_button_2:hover{
background: none;
}
.gnj-quiz-form .quiz-form-next-btn:hover i {
background: #203121;
color: #FFFFFF;
}
.gnj-quiz-form .quiz-form-next-btn input {
color: #656E67 !important;
text-transform: uppercase;
font-size: 12px;
line-height: 18px;
letter-spacing: 0;
font-family: 'Montserrat-Medium';
border: none;
background: transparent;
margin: 0 !important;
padding: 20px 0 20px 80px;
}
.gnj-quiz-form .quiz-form-previous-btn input {
color: #656E67 !important;
text-transform: uppercase;
font-size: 12px;
line-height: 18px;
letter-spacing: 0;
font-family: 'Montserrat-Medium';
background: transparent !important;
border: none;
margin: 0 !important;
padding: 20px 80px 20px 0;
}
.gnj-quiz-form .quiz-form-previous-btn i {
font-size: 24px;
color: #203121;
font-weight: unset;
width: 60px;
height: 60px;
border: 1px solid #203121;
border-radius: 30px;
display: flex;
align-items: center;
pointer-events: none;
position: absolute;
right: 0;
justify-content: center;
font-family: 'Line Awesome Free';
font-weight: 900;
}
.gnj-quiz-form .quiz-form-previous-btn:hover i {
background: #203121;
color: #FFFFFF;
}
.gnj-quiz-form .quiz-form-next-btn input:focus,
.gnj-quiz-form .quiz-form-previous-btn input:focus {
background: none;
border: none;
outline: none;
}
.gnj-quiz-form #gform_ajax_spinner_2{
display: none;
}
.gnj-quiz-form .gf_page_steps .gf_step {
margin-right: 0 !important;
padding-right: 20px;
position: relative;
width: -webkit-fill-available;
width: -moz-available;
}
.gnj-quiz-form .gf_page_steps .gf_step.gf_step_first {
min-width: 249px;
display: flex;
align-items: center;
justify-content: center;
padding-left: 20px;
}
.gnj-quiz-form .gf_page_steps .gf_step.gf_step_first:after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 40px;
height: 40px;
background-color: #113D1C;
border-radius: 50%;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-position: center center;
background-size: 17px 20px;
}
.gnj-quiz-form .gf_page_steps .gf_step:before {
content: "";
height: 4px;
background: #CDC3AB;
top: 8px;
position: absolute;
left: 20px;
right: 0;
bottom: 0;
}
.gnj-quiz-form .gf_page_steps .gf_step.gf_step_active:before {
top: 13px;
left: 0px;
}
.gnj-quiz-form .gf_page_steps .gf_step.gf_step_first.gf_step_active:before,
.gnj-quiz-form .gf_page_steps .gf_step.gf_step_completed:before {
background: #113D1C;
}
.gnj-quiz-form .gf_page_steps .gf_step.gf_step_first.gf_step_active .gf_step_label {
position: absolute;
right: 0;
top: 13px;
background: #CDC3AB;
height: 4px;
width: 50%;
}
.gform_wrapper.gravity-theme .gf_step.gf_step_last:after {
content: "";
position: absolute;
right: 0;
width: 40px;
height: 40px;
top: 50%;
background-position: center;
border-radius: 50%;
background-color: #113D1C;
background-repeat: no-repeat;
background-size: 50%;
transform: translate(50%, -50%);
}
.gnj-quiz-form .quiz-image {
width: 100%;
max-width: 555px;
}
.gnj-quiz-form #gform_fields_2_7 {
display: flex;
align-items: center;
justify-content: space-between;
grid-column-gap: unset;
padding-top: 30px;
}
.gnj-quiz-form .wrap_all_quiz_collect_info {
max-width: calc(100% - 615px);
width: 100%;
margin-left: 60px;
}
.gnj-quiz-form .quiz-image img {
width: 100%;
object-fit: cover;
aspect-ratio: 1;
}
.gnj-quiz-form .wrap_all_quiz_collect_info .quiz-complete-heading {
color: #203121;
font-family: 'Gloock-Regular';
font-size: 2.13em;
line-height: 1.5em;
letter-spacing: 0;
margin-top: 5px;
margin-bottom: 20px;
}
.gnj-quiz-form .wrap_all_quiz_collect_info .quiz-content {
font-size: 1em;
line-height: 1.5em;
letter-spacing: 0;
font-family: 'Montserrat-Medium';
color: #656E67;
margin-bottom: 25px;
font-weight: normal !important;
}
.quiz-email .ginput_container_email input {
background: #FFFFFF;
height: auto !important;
border: none !important;
border-radius: 10px;
color: #656E67;
font-family: 'Montserrat-Medium';
font-size: 12px !important;
letter-spacing: 0.6px;
line-height: 18px !important;
display: inline-block;
box-shadow: none !important;
padding: 16px 20px 16px 20px !important;
cursor: pointer;
margin-top: 0px !important;
outline: none !important;
text-transform: uppercase;
}
.quiz-email .ginput_container_email input::placeholder {
color: #656E67;
opacity: 0.5;
}
.gnj-quiz-form .gform_page_footer {
margin: 0 !important;
padding: 0 !important;
}
#gform_page_2_7 .quiz-form-previous-btn {
/* left: -170px;
top: calc(50% + 20px); */
display: none;
}
.gnj-quiz-form .gform_page_footer input#gform_submit_button_2 {
font-size: 1em !important;
padding: 16px 25px !important;
font-family: 'Montserrat-Medium';
letter-spacing: 0.75px !important;
color: #FFFFFF !important;
line-height: 18px;
border-radius: 25px;
background: #203121 !important;
font-weight: normal;
text-transform: uppercase;
margin: 0;
border: none !important;
outline: none !important;
margin-top: 40px;
}
.gnj-quiz-form .gform_page_footer input#gform_submit_button_2:hover {
background: #113D1C !important;
}
.gnj-quiz-form_wrapper .gform_validation_errors {
background: #A4120D4D !important;
border: none !important;
border-radius: 0 !important;
margin-bottom: 20px !important;
box-shadow: none !important;
padding: 20px 20px 20px 50px !important;
display: none;
}
.gnj-quiz-form_wrapper .gform_validation_errors:before {
content: "\f071";
font-family: 'Font Awesome 5 Pro';
font-size: 18px;
color: #A4120D;
font-weight: 300;
position: absolute;
left: 20px;
}
.gnj-quiz-form_wrapper .gform_validation_errors>h2 {
font-size: 1em !important;
line-height: 1.5 !important;
letter-spacing: 0;
color: #A4120D !important;
font-family: 'Montserrat-Medium' !important;
}
.gnj-quiz-form_wrapper .gfield_required {
display: none !important;
}
.gnj-quiz-form_wrapper .gfield_error .validation_message {
background: #A4120D4D !important;
border: none !important;
font-size: 0.8em !important;
line-height: 1.5 !important;
letter-spacing: 0 !important;
color: #A4120D !important;
font-family: 'Montserrat-Medium' !important;
padding: 15px 15px 15px 43px !important;
position: relative;
margin-bottom: 15px !important;
}
.gnj-quiz-form_wrapper .validation_message:before {
content: "\f071";
font-family: 'Font Awesome 5 Pro';
font-size: 16px;
color: #A4120D;
font-weight: 300;
position: absolute;
left: 15px;
line-height: 1.2em;
}
div#reset_btn a.elementor-button {
position: absolute;
display: inline-block;
top: 15px;
left: 50px;
}
/** End Quiz module css ***/
/** Start Quiz result css **/
.gnj_quiz_product_wrp .gnj-quiz-title {
font-size: 3.67em;
line-height: 1.2em;
letter-spacing: 0;
font-family: 'Gloock-Regular';
text-align: center;
max-width: 970px;
text-transform: capitalize;
margin: 0 auto;
width: 100%;
}
.gnj_quiz_product_wrp .gnj-quiz-left {
width: 100%;
max-width: 555px;
}
.gnj-quiz-top-content .gnj-quiz-left img {
width: 100%;
object-fit: cover;
aspect-ratio: 1;
}
.gnj-quiz-top-content .gnj-quiz-right {
width: 100%;
max-width: calc(100% - 615px);
margin-left: 60px;
}
.gnj_quiz_product_wrp .gnj-quiz-top-content {
display: flex;
flex-wrap: wrap;
align-items: start;
justify-content: space-between;
margin-top: 50px;
padding-bottom: 100px;
border-bottom: 1px solid #CDC3AB;
margin-bottom: 100px;
}
.gnj-quiz-top-content .gnj-quiz-right .gnj-quiz-sub-title {
font-size: 2.67em;
line-height: 1.25em;
letter-spacing: 0;
color: #203121;
font-family: 'Gloock-Regular';
font-weight: normal !important;
margin-bottom: 30px !important;
margin-top: 0;
}
.gnj-quiz-top-content .gnj-quiz-right .gnj-quiz-mood {
font-size: 1em;
line-height: 1.5;
letter-spacing: 0;
color: #656E67;
font-family: 'Montserrat-Medium';
text-transform: capitalize;
margin-bottom: 16px;
}
.gnj-quiz-top-content .gnj-quiz-right .gnj-quiz-mood span {
font-family: 'Montserrat-Bold';
padding-right: 10px;
}
.gnj-quiz-top-content .gnj-quiz-right .gnj-quiz-intensity > span {
font-family: 'Montserrat-Bold';
padding-right: 10px;
font-size: 15px;
line-height: 1.5;
letter-spacing: 0;
color: #656E67;
}
.gnj-quiz-top-content .gnj-quiz-right .gnj-quiz-intensity .psg-sp-intensity-dots {
width: 10px;
height: 10px;
display: inline-block;
background: #CDC3AB;
border-radius: 50%;
margin-right: 10px;
}
.gnj-quiz-top-content .gnj-quiz-right .gnj-quiz-intensity .psg-sp-intensity-dots.fill {
background: #113D1C;
}
.gnj-quiz-top-content .gnj-quiz-right .gnj-quiz-content {
font-size: 15px;
line-height: 1.5;
letter-spacing: 0;
color: #656E67;
margin-top: 30px;
font-family: 'Montserrat-Medium';
border-top: 1px solid #CDC3AB;
padding-top: 30px;
margin-bottom: 0;
}
.gnj-quiz-top-content .gnj-quiz-right .gnj-quiz-content p {
font-size: 15px;
line-height: 1.5;
letter-spacing: 0;
color: #656E67;
font-family: 'Montserrat-Medium';
margin-bottom: 20px;
}
.gnj-quiz-top-content .gnj-quiz-right .gnj-quiz-content p:last-child {
margin-bottom: 0;
}
.gnj_quiz_product_wrp .gnj-quiz-bottom-title {
font-size: 3.67em;
line-height: 1.2em;
letter-spacing: 0;
font-family: 'Gloock-Regular';
text-align: center;
text-transform: capitalize;
margin: 0 auto;
padding-bottom: 50px;
}
.gnj_quiz_product_inner {
margin: 0 -15px;
}
.gnj_quiz_product_inner ul.products {
display: flex;
flex-wrap: wrap;
}
.gnj-quiz-top-content .gnj-quiz-right .gnj-quiz-sub-title span {
width: 100%;
display: block;
}
.gnj_quiz_popup_wrp .dialog-close-button i:before {
content: "\f00d";
font-family: 'Line Awesome Free' !important;
font-weight: 900 !important;
}
.gnj_top_overlay .elementor-background-overlay {
height: 100px !important;
}
.elementor-popup-modal.gnj_quiz_popup_wrp .dialog-widget-content {
width: 100%;
}
.gnj-enter-page-wrp {
height: 100vh;
}
/** End Quiz result css **/
/** Start Brand Page css **/
.gnj-brands-products-main .gnj-brand-archive{
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 0px !important;
}
.gnj-brands-products-main .gnj-brand-archive .brand-inner {
background: #FFF;
border-radius: 10px;
margin: 0 15px;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1.06;
padding: 0 30px;
margin-bottom: 30px;
width: calc(16.665% - 30px) !important;
}
/*.gnj-brands-products-main .gnj-brand-archive .brand-inner img {
opacity: 0.5;
}*/
/** End Brand Page css **/