/*== Typography ==*/
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100..900&display=swap');
body {
background-color: #ffffff;
color: #777777;
font-family: 'Jost', sans-serif;
font-size: 1rem;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.min-h-auto {
min-height: auto !important;
}
::-webkit-scrollbar{
height: 4px;
width: 4px;
background: gray;
margin-top: 5px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* Hide only horizontal scrollbar + its track */
::-webkit-scrollbar:horizontal {
display: none;
}
.scrollbar
{
overflow-y: auto;
}
.scrollbar::-webkit-scrollbar-track
{
border-radius: 5px;
background-color: #F5F5F5;
}
.scrollbar::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}
.scrollbar::-webkit-scrollbar-thumb
{
border-radius: 5px;
background-color: #E3E3E3;
}
body.body_overlay {
position: fixed;
transform: translate(0, 0);
width: 100%;
}
body.body_overlay:before {
background-color: rgba(13, 38, 59, 0.7);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
transform: translate(330px, 0);
}
img {
max-width: 100%;
}
p {
color: #626974;
font-weight: 400;
}
b {
font-weight: 600;
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
iframe {
border: none;
width: 100%;
}
label {
margin-bottom: 0.5rem;
}
.badge{
font-size: 12px;
font-weight: 400;
padding: 6px 10px;
}
.table{
vertical-align: middle;
}
.table thead th{
font-weight: 600;
font-size: 16px;
}
a {
color: #555555;
text-decoration: none;
-webkit-font-smoothing: antialiased;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
a img {
border: none;
}
.section-area{
padding: 60px 0px;
}
.form-file {
width: 100%;
}
.form-file .form-control , .form-file-input.form-control {
width: 100%;
height: auto;
}
select.form-control {
appearance: none;
}
.form-control {
border: 1px solid #c8c8c8;
border-radius: 6px;
height: 50px;
}
.form-select:active,
.form-select:focus
{
border: 1px solid #041e42;
-webkit-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-o-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
outline: none;
}
.form-control:active,
.form-control:focus,
textarea.form-control:active,
textarea.form-control:focus {
border: 1px solid #041e42;
-webkit-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-o-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
outline: none;
}
textarea.form-control {
height: auto;
}
textarea.form-control::placeholder {
color: #041e42;
}
.dropzone {
border: 0.0625rem dashed #DDDFE1;
min-height: 13.125rem;
border-radius: 10px;
position: relative;
}
.dropzone .dz-message {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bg-primary{
background-color: #0390f3 !important;
}
/* custom radio */
.custom-radio {
display: flex;
flex-wrap: wrap;
}
.custom-checkbox .form-check-input:disabled,
.custom-checkbox .form-check-input[disabled]~.form-check-label,
.custom-checkbox .form-check-input:disabled~.form-check-label {
opacity: 0.5;
cursor: not-allowed;
}
.custom-radio label {
display: flex;
cursor: pointer;
font-weight: 500;
position: relative;
margin-right: 1rem;
overflow: hidden;
margin-bottom: 0.375em;
}
.custom-radio label input {
position: absolute;
left: -9999px;
}
.custom-radio label input:checked+span {
background-color: #0390f31a;
border: 1px solid #0390f3;
color: #0390f3;
}
.custom-radio label input:checked+span:before {
box-shadow: inset 0 0 0 4px #0390f3;}
.custom-radio label span {
display: flex;
align-items: center;
padding: 8px 15px;
border-radius: 99em;
border: 1px solid #7b7b7b;
transition: 0.25s ease;
}
.custom-radio label span:hover {
background-color: #f1f1f1;
}
.custom-radio label span:before {
display: flex;
flex-shrink: 0;
content: "";
background-color: #fff;
width: 1rem;
height: 1rem;
border-radius: 50%;
margin-right: 8px;
transition: 0.25s ease;
box-shadow: inset 0 0 0 0.125em #7b7b7b
}
iframe {
border: none;
}
::selection {
background: #041e42;
color: #ffffff;
text-shadow: none;
}
::-moz-selection {
background: #041e42;
color: #ffffff;
text-shadow: none;
}
::-webkit-selection {
background: #041e42;
color: #ffffff;
text-shadow: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Jost', sans-serif;
line-height: 1.4;
color: #041e42;
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #041e42;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
color: #041e42;
font-weight: 500;
}
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
font-weight: 500;
}
h5,
h6,
.h5,
.h6 {
font-weight: 500;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 16px;
}
h6,
.h6 {
font-size: 12px;
}
p,
ul,
ol,
dl,
dt,
dd,
blockquote,
address {
margin: 0 0 10px;
}
.body-color {
color: #626974;
}
.heading-color {
color: #041e42 !important;
}
.border-left {
border-left: 1px solid #f3f5f6;
}
.border-right {
border-right: 1px solid #f3f5f6;
}
.bdr_none {
border: none !important;
}
.bb_none {
border-bottom: none !important;
}
.vat {
vertical-align: top;
}
.vab {
vertical-align: bottom;
}
.vam {
vertical-align: middle;
}
.vatt {
vertical-align: text-top;
}
.z0 {
z-index: 0 !important;
}
.z-1 {
z-index: -1;
}
.z9 {
z-index: 9;
}
.z99 {
z-index: 99;
}
/*== Color Area ==*/
.bgszc {
background-size: cover;
}
.bgrn {
background-repeat: no-repeat;
}
.bgpc {
background-position: center;
}
.img-whp {
width: 100% !important;
}
.text-thm {
color: #f5c34b !important;
}
.hvr-text-thm:hover {
color: #f5c34b !important;
}
.text-thm1 {
color: #443297 !important;
}
.text-thm1-light {
color: #6668b2;
}
.text-thm2 {
color: #41544a !important;
}
.text-thm3 {
color: #cf3e3b !important;
}
.color-white {
color: #ffffff !important;
}
.color-light-green {
color: #68b65b;
}
.color-light-blue {
color: #0053f6;
}
.color-green {
color: #28b928;
}
.color-gmart-gray {
color: F3F5F6;
}
.bgct {
background-color: transparent;
}
.bgc-gmart-gray {
background-color: #f3f5f6;
}
.bgc-thm {
background-color: #f5c34b !important;
}
.bgc-thm1 {
background-color: #443297 !important;
}
.bgc-white {
background-color: #ffffff !important;
}
.bgc-f5 {
background-color: #f5f5f5;
}
.bgc-transparent {
background-color: transparent !important;
}
.bgc-light-green {
background-color: #60c260;
}
.bdrn {
border: none;
}
.bdr1 {
border: 1px solid #bdbdbd;
}
.hvr_bdr1 {
border: 1px solid transparent;
}
.hvr_bdr1:hover {
border: 1px solid #bdbdbd;
}
.bdrt1 {
border-top: 1px solid #eaeaea;
}
.bdrr1 {
border-right: 1px solid #eaeaea;
}
.bdrl1 {
border-left: 1px solid #eaeaea;
}
.bdrtrb1 {
border-top: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
/* .dod_slider .owl-stage-outer,
.best_item_slider_shop_lising_page .owl-stage-outer {
border-left: 1px solid #eaeaea;
} */
.before_none:before {
display: none;
}
.after_none:before {
display: none;
}
.menu_bdrt1 {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.menu_bdrt1_home4_style {
border-top: 1px solid rgba(4, 30, 66, 0.1);
}
.bdrs6 {
border-radius: 6px;
}
.bdrs6006 {
border-radius: 6px 0 0 6px;
}
.bdrs0066 {
border-radius: 0 0 6px 6px;
}
.bdrs60 {
border-radius: 60px;
}
.bdrs65 {
border-radius: 65px;
}
.bxshd {
-webkit-box-shadow: none;
box-shadow: none;
}
.hvr-bxshd:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.ttu {
text-transform: uppercase;
}
.ttc {
text-transform: capitalize;
}
.tdu {
text-decoration: underline;
}
.tdu-hvr:hover {
cursor: pointer;
text-decoration: underline;
}
.all-body-content {
background-color: #ffffff;
margin-bottom: 760px;
position: relative;
z-index: 9;
}
.h125 {
height: 125px;
}
.bb1 {
border-bottom: 1px solid #eaeaea;
}
.bbn {
border-bottom: none;
}
.bl1 {
border-left: 1px solid #bdbdbd;
}
.br1 {
border-right: 1px solid #bdbdbd;
}
.bb2 {
border-bottom: 2px solid #f3f5f6;
}
.bt1 {
border-top: 1px solid #bdbdbd;
}
/* ============================================
BOOTSTRAP BUTTON GRADIENTS (WITH BORDERS)
============================================ */
/* =========================================================
PRIMARY
========================================================= */
.btn-primary {
background: linear-gradient(135deg, #007acc, #00c6ff);
border: 1px solid #007acc;
color: #fff;
}
.btn-primary:hover {
background: linear-gradient(135deg, #0063a6, #00a8e0);
border-color: #0063a6;
color: #fff;
}
/* =========================================================
SECONDARY (GRADIENT)
========================================================= */
.btn-secondary {
background: linear-gradient(135deg, #624FD1, #8C7AF2);
border: 1px solid #624FD1;
color: #fff !important;
}
.btn-secondary:hover {
background: linear-gradient(135deg, #533FBD, #7A6BE6);
border-color: #533FBD;
color: #fff !important;
}
.btn-secondary:focus,
.btn-secondary.focus {
background: linear-gradient(135deg, #533FBD, #7A6BE6);
border-color: #533FBD;
color: #fff !important;
box-shadow: 0 0 0 0.25rem rgba(98, 79, 209, 0.5) !important;
}
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
background: linear-gradient(135deg, #4532A8, #6A5CD9);
border-color: #4532A8;
color: #fff !important;
}
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(98, 79, 209, 0.5) !important;
}
.btn-secondary:disabled,
.btn-secondary.disabled {
background: linear-gradient(135deg, #8476E1, #A89BFF);
border-color: #8476E1;
color: #fff !important;
}
/* =========================================================
OUTLINE SECONDARY (GRADIENT HOVER)
========================================================= */
.btn-outline-secondary {
color: #624FD1 !important;
border: 1px solid #624FD1 !important;
}
.btn-outline-secondary:hover {
background: linear-gradient(135deg, #624FD1, #8C7AF2);
border-color: #624FD1 !important;
color: #fff !important;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
box-shadow: 0 0 0 0.25rem rgba(98, 79, 209, 0.5) !important;
color: #624FD1 !important;
}
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
background: linear-gradient(135deg, #533FBD, #7A6BE6);
border-color: #533FBD !important;
color: #fff !important;
}
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(98, 79, 209, 0.5) !important;
}
.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
color: #8476E1 !important;
border-color: #8476E1 !important;
}
/* =========================================================
SUCCESS
========================================================= */
.btn-success {
background: linear-gradient(135deg, #28a745, #5edc76);
border: 1px solid #28a745;
}
.btn-success:hover {
background: linear-gradient(135deg, #208538, #4cc466);
border-color: #208538;
}
/* =========================================================
DANGER
========================================================= */
.btn-danger {
background: linear-gradient(135deg, #dc3545, #ff6b76);
border: 1px solid #dc3545;
}
.btn-danger:hover {
background: linear-gradient(135deg, #b52a38, #ff535f);
border-color: #b52a38;
}
/* =========================================================
WARNING
========================================================= */
.btn-warning {
background: linear-gradient(135deg, #ffc107, #ffda57);
border: 1px solid #ffc107;
color: #212529;
}
.btn-warning:hover {
background: linear-gradient(135deg, #e0a800, #ffd94c);
border-color: #e0a800;
}
/* =========================================================
INFO
========================================================= */
.btn-info {
background: linear-gradient(135deg, #17a2b8, #4bdae7);
border: 1px solid #17a2b8;
}
.btn-info:hover {
background: linear-gradient(135deg, #117e90, #3bcbd8);
border-color: #117e90;
}
/* =========================================================
LIGHT
========================================================= */
.btn-light {
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
border: 1px solid #ced4da;
color: #212529;
}
.btn-light:hover,
.btn-light:focus {
background: linear-gradient(135deg, #eceeef, #dce0e3);
border-color: #bfc6ce;
color: #212529;
}
/* =========================================================
DARK
========================================================= */
.btn-dark {
background: linear-gradient(135deg, #343a40, #495057);
border: 1px solid #343a40;
color: #ffffff;
}
.btn-dark:hover {
background: linear-gradient(135deg, #23272b, #3b4046);
border-color: #23272b;
color: #ffffff;
}
/* =========================================================
OUTLINE BUTTON HOVERS (NO DUPLICATES)
========================================================= */
.btn-outline-primary:hover {
background: linear-gradient(135deg, #007acc, #00c6ff);
border-color: #007acc;
color: #fff;
}
.btn-outline-success:hover {
background: linear-gradient(135deg, #28a745, #5edc76);
border-color: #28a745;
color: #fff;
}
.btn-outline-danger:hover {
background: linear-gradient(135deg, #dc3545, #ff6b76);
border-color: #dc3545;
color: #fff;
}
.btn-outline-warning:hover {
background: linear-gradient(135deg, #ffc107, #ffda57);
border-color: #ffc107;
color: #212529;
}
.btn-outline-info:hover {
background: linear-gradient(135deg, #17a2b8, #4bdae7);
border-color: #17a2b8;
color: #fff;
}
.btn-outline-dark:hover {
background: linear-gradient(135deg, #343a40, #495057);
border-color: #343a40;
color: #fff;
}
/* ============================================
BOOTSTRAP BADGE GRADIENTS (WITH BORDERS)
============================================ */
.badge-primary {
background: linear-gradient(135deg, #007acc, #00c6ff);
border: 1px solid #007acc;
}
.badge-secondary {
background: linear-gradient(135deg, #6c757d, #8d959c);
border: 1px solid #6c757d;
}
.badge-success {
background: linear-gradient(135deg, #28a745, #5edc76);
border: 1px solid #28a745;
}
.badge-danger {
background: linear-gradient(135deg, #dc3545, #ff6b76);
border: 1px solid #dc3545;
}
.badge-warning {
background: linear-gradient(135deg, #ffc107, #ffda57);
border: 1px solid #ffc107;
color: #212529;
}
.badge-info {
background: linear-gradient(135deg, #17a2b8, #4bdae7);
border: 1px solid #17a2b8;
}
.badge-light {
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
border: 1px solid #ced4da;
color: #212529;
}
.badge-dark {
background: linear-gradient(135deg, #343a40, #495057);
border: 1px solid #343a40;
color: #fff;
}
/*== Button Area ==*/
.btn {
border-radius: 6px;
font-weight: 500;
letter-spacing: 0em;
overflow: hidden;
position: relative;
text-align: center;
transition: all 0.3s ease;
}
.btn.dbxshad {
box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3);
}
.btn.circle {
border-radius: 27px;
}
.btn:hover,
.btn:active,
.btn:focus {
box-shadow: none;
outline: none;
}
/* Primary Theme */
.btn-thm {
background: linear-gradient(135deg, #007acc, #00c6ff);
border: 1px solid #0390f3;
color: #fff;
position: relative;
overflow: hidden;
}
.btn-thm:hover, .btn-thm2:hover {
color: #fff;
}
/* Hover overlay effect */
.btn:before,
.btn-gray:before,
.btn-thm:before,
.btn-thm1:before,
.btn-thm2:before,
.btn-thm2-light:before,
.btn-blue:before,
.btn-light-green:before,
.btn-transparent:before,
.btn-transparent-dark:before {
background-color: #0069d9;
content: "";
height: 100%;
left: -100%;
position: absolute;
top: 0;
width: 0;
z-index: -1;
transform: skew(50deg);
transition: width 0.6s;
transform-origin: top left;
}
/* Light Blue Button */
.btn-thm1 {
background: linear-gradient(135deg, #4b87f4, #70a4ff);
border-color: #4b87f4;
color: #ffffff;
}
.btn-thm1:before {
background-color: #3873df;
}
.btn-thm1:hover,
.btn-thm1:active,
.btn-thm1:focus {
color: #ffffff;
}
/* Purple */
.btn-thm2 {
background: linear-gradient(135deg, #443297, #6d59d4);
border-color: #443297;
color: #ffffff;
}
.btn-thm2-light {
background: linear-gradient(135deg, #6668b2, #8a8cdc);
border-color: #6668b2;
color: #ffffff;
}
/* Blue Button */
.btn-blue {
background: linear-gradient(135deg, #0053f6, #00a0ff);
border-color: #0053f6;
color: #ffffff;
}
/* Green Button */
.btn-light-green {
background: linear-gradient(135deg, #28b928, #60e060);
border-color: #60c260;
color: #ffffff;
}
/* Transparent + hover */
.btn-transparent {
background-color: transparent;
border: 2px solid #6668b2;
color: #6668b2;
}
.btn-transparent:hover,
.btn-transparent:active,
.btn-transparent:focus {
background: linear-gradient(135deg, #6668b2, #8e90d9);
color: #fff;
}
/* Dark Transparent */
.btn-transparent-dark {
background-color: transparent;
border: 2px solid #112137;
color: #112137;
}
.btn-transparent-dark:hover,
.btn-transparent-dark:active,
.btn-transparent-dark:focus {
background: linear-gradient(135deg, #112137, #28416b);
color: #ffffff;
}
.btn-thm.rounded {
border-radius: 25px;
}
/* Hover overlay width expansion */
.btn.btn-white:hover:before,
.btn.btn-white:active:before,
.btn.btn-white:focus:before,
.btn-gray:hover:before,
.btn-gray:active:before,
.btn-gray:focus:before,
.btn-thm:hover:before,
.btn-thm:active:before,
.btn-thm:focus:before,
.btn-thm1:hover:before,
.btn-thm1:active:before,
.btn-thm1:focus:before,
.btn-thm2:hover:before,
.btn-thm2:active:before,
.btn-thm2:focus:before,
.btn-thm2-light:hover:before,
.btn-thm2-light:active:before,
.btn-thm2-light:focus:before,
.btn-blue:hover:before,
.btn-blue:active:before,
.btn-blue:focus:before,
.btn-light-green:hover:before,
.btn-light-green:active:before,
.btn-light-green:focus:before,
.btn-transparent:hover:before,
.btn-transparent:active:before,
.btn-transparent:focus:before,
.btn-transparent-dark:hover:before,
.btn-transparent-dark:active:before,
.btn-transparent-dark:focus:before {
height: 100%;
width: 200%;
}
/* Buttons with gradients added below */
.btn-thm2:before {
background-color: #3a298d;
color: #fff;
}
.btn-thm2-light:before {
background-color: #443297;
color: #fff;
}
.btn-blue:before {
background-color: #064ad0;
color: #fff;
}
/* Purple Dark */
.btn-thm3 {
background: linear-gradient(135deg, #cf3e3b, #ff6a67);
border: 1px solid #cf3e3b;
color: #ffffff;
}
.btn-thm3:hover {
background: linear-gradient(135deg, #a5110e, #d64643);
border-color: #a5110e;
}
/* Olive Green */
.btn-thm4 {
background: linear-gradient(135deg, #849d6a, #a3c48b);
border: 1px solid #849d6a;
color: #ffffff;
}
.btn-thm4:hover {
background: linear-gradient(135deg, #607946, #8aa56c);
border-color: #607946;
}
/* Yellow */
.btn-thm5 {
background: linear-gradient(135deg, #ffd96a, #f5b536);
border: 1px solid #ffd96a;
color: #ffffff;
}
.btn-thm5:hover {
background: linear-gradient(135deg, #e8a62f, #ec8e00);
border-color: #e8a62f;
}
/* Dark Blue */
.btn-dark {
background: linear-gradient(135deg, #041e42, #1c4473);
border-color: #041e42;
color: #ffffff;
}
.btn-dark:hover {
background: linear-gradient(135deg, #183955, #315e89);
}
/* Yellow Alt */
.btn-yellow {
background: linear-gradient(135deg, #ffd96a, #f7b628);
border-color: #ffd96a;
color: #041e42;
}
.btn-yellow:hover {
background: linear-gradient(135deg, #ffc416, #f6a400);
}
/* White Button */
.btn-white {
background: #ffffff;
border: 2px solid #ffffff;
color: #041e42;
}
.btn-white:hover {
background: linear-gradient(135deg, #0390f3, #00c6ff);
color: #ffffff;
border-color: #0390f3;
}
/* Gray */
.btn-gray {
background: linear-gradient(135deg, #d3d3d3, #b6b6b6);
border-color: #d3d3d3;
color: #ffffff;
}
.btn-gray:hover {
background: linear-gradient(135deg, #86bc42, #a6d261);
}
/* Green */
.btn-green {
background: linear-gradient(135deg, #28b928, #63e063);
border-color: #28b928;
color: #ffffff;
}
.btn-green:hover {
background: linear-gradient(135deg, #1d8d1d, #4cc64c);
}
/* Utility styles */
.btn-default {
border-radius: 6px;
font-weight: 500;
font-size: 15px;
height: 52px;
padding: 14px 33px;
}
.btn-rounded {
border-radius: 60px;
}
.btn-default-height {
height: 52px;
line-height: 45px;
}
.btn.disabled:hover {
cursor: not-allowed;
}
/* select 2 */
.mobile_code_select .select2-container {
width: 120px !important;
}
.select2-container {
width: 100% !important;
height: 50px;
}
.select2-container--default .select2-selection--single {
border-radius: 5px;
border: 0.0625rem solid #c8c8c8;
height: 50px;
background: #fff;
}
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single.active {
box-shadow: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 2.8rem;
color: #969ba0;
padding-left: 0.9375rem;
min-height: 3rem;
}
.select2-container--default .select2-selection--multiple {
border-color: #f5f5f5;
border-radius: 0;
}
.select2-dropdown {
border-radius: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: linear-gradient(135deg, #007acc, #00c6ff);
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #f5f5f5;
background: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0.575rem;
right: 0.9375rem;
}
.select2-container .select2-selection--multiple {
min-height: 2.5rem;
color: #969ba0;
border-radius: 1.75rem;
border: 0.0625rem solid #c8c8c8;
}
/*== Fonts Size, Font Weights, Height, Display & Position ==*/
.fz0 {
font-size: 0px;
}
.fz6 {
font-size: 6px;
}
.fz11 {
font-size: 11px;
}
.fz12 {
font-size: 12px;
}
.fz13 {
font-size: 14px;
}
.fz14 {
font-size: 14px;
}
.fz15 {
font-size: 15px;
}
.fz16 {
font-size: 16px;
}
.fz17 {
font-size: 17px !important;
}
.fz18 {
font-size: 18px;
}
.fz19 {
font-size: 19px;
}
.fz20 {
font-size: 20px;
}
.fz24 {
font-size: 24px;
}
.fz26 {
font-size: 26px;
}
.fz30 {
font-size: 30px;
}
.fz40 {
font-size: 40px;
}
.fz45 {
font-size: 45px;
}
.fz48 {
font-size: 48px;
}
.fz50 {
font-size: 50px;
}
.fz55 {
font-size: 55px;
}
.fz60 {
font-size: 60px;
}
.fz72 {
font-size: 72px;
}
.fz100 {
font-size: 100px !important;
}
.lh0 {
line-height: 0px;
}
.lh30 {
line-height: 30px;
}
.h2 {
height: 2px;
}
.h05 {
height: 5px !important;
}
.h10 {
height: 10px;
}
.h20 {
height: 20px;
}
.h25 {
height: 25px;
}
.h30 {
height: 30px;
}
.h35 {
height: 35px;
}
.h40 {
height: 40px;
}
.h45 {
height: 45px;
}
.h50 {
height: 50px;
}
.h55 {
height: 55px;
}
.h60 {
height: 60px;
}
.h65 {
height: 65px;
}
.h70 {
height: 70px;
}
.h75 {
height: 75px;
}
.h80 {
height: 80px;
}
.h85 {
height: 85px;
}
.h90 {
height: 90px;
}
.h95 {
height: 95px;
}
.h100p {
height: 100%;
}
.h100 {
height: 100px;
}
.h150 {
height: 150px;
}
.h200 {
height: 200px;
}
.h250 {
height: 250px !important;
}
.h280 {
height: 280px;
}
.h300 {
height: 300px;
}
.h320 {
height: 320px;
}
.h345 {
height: 345px;
}
.h350 {
height: 350px;
}
.h355 {
height: 355px;
}
.h400 {
height: 400px;
}
.h450 {
height: 450px;
}
.h500 {
height: 500px;
}
.h550 {
height: 550px;
}
.h600 {
height: 600px;
}
.h650 {
height: 650px;
}
.h660 {
height: 660px;
}
.h700 {
height: 700px;
}
.h750 {
height: 750px;
}
.h800 {
height: 800px;
}
.h850 {
height: 850px;
}
.h900 {
height: 900px;
}
.h950 {
height: 950px;
}
.h1000 {
height: 1000px;
}
.wa {
width: auto;
}
.wfc {
width: fit-content;
}
.w30 {
width: 30px;
}
.w40 {
width: 40px;
}
.w50 {
width: 50px;
}
.w55 {
width: 55px;
}
.w60 {
width: 60px !important;
}
.w65 {
width: 65px;
}
.w70 {
width: 70px;
}
.w75 {
width: 75px;
}
.w80 {
width: 80px !important;
}
.w100 {
width: 100% !important;
}
.w110 {
width: 110px;
}
.w120 {
width: 120px;
}
.maxw100 {
max-width: 100%;
}
.maxw1600 {
max-width: 1600px;
}
.maxw1800 {
max-width: 1800px;
}
.fw300 {
font-weight: 300 !important;
}
.fw400 {
font-weight: 400;
}
.fw500 {
font-weight: 500 !important;
}
.fw600 {
font-weight: 600;
}
.fw700 {
font-weight: 700;
}
.fw800 {
font-weight: 800;
}
.fw900 {
font-weight: 900;
}
.fwn {
font-weight: normal;
}
.fwb {
font-weight: bold;
}
.db {
display: block;
}
.dib {
display: inline-block;
}
.dif {
display: inline-flex;
}
.df {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.dfr {
display: flow-root;
}
.dn {
display: none !important;
}
.ovh {
overflow: hidden;
}
.ovv {
overflow: visible;
}
.posa {
position: absolute;
}
.posr {
position: relative;
}
/*== Custome Margin Padding ==*/
.p0 {
padding: 0 !important;
}
.p1 {
padding: 1;
}
.p10 {
padding: 10px;
}
.p15 {
padding: 15px;
}
.p20 {
padding: 20px;
}
.p25 {
padding: 25px;
}
.p30 {
padding: 30px;
}
.p35 {
padding: 35px;
}
.p40 {
padding: 40px;
}
.p45 {
padding: 45px;
}
.p50 {
padding: 50px;
}
.p55 {
padding: 55px;
}
.p60 {
padding: 60px;
}
.p65 {
padding: 65px;
}
.p70 {
padding: 70px;
}
.p75 {
padding: 75px;
}
.p80 {
padding: 80px;
}
.pad10 {
padding: 10% 5%;
}
.pad17 {
padding-top: 17% !important;
}
.pt0 {
padding-top: 0px !important;
}
.pt3 {
padding-top: 3px !important;
}
.pt5 {
padding-top: 5px;
}
.pt10 {
padding-top: 10px !important;
}
.pt15 {
padding-top: 15px;
}
.pt20 {
padding-top: 20px;
}
.pt25 {
padding-top: 25px;
}
.pt30 {
padding-top: 30px !important;
}
.pt35 {
padding-top: 35px;
}
.pt40 {
padding-top: 40px;
}
.pt45 {
padding-top: 45px;
}
.pt50 {
padding-top: 50px;
}
.pt55 {
padding-top: 55px;
}
.pt60 {
padding-top: 60px;
}
.pt65 {
padding-top: 65px;
}
.pt70 {
padding-top: 70px;
}
.pt75 {
padding-top: 75px;
}
.pt80 {
padding-top: 80px;
}
.pt85 {
padding-top: 85px;
}
.pt90 {
padding-top: 90px;
}
.pt95 {
padding-top: 95px;
}
.pt100 {
padding-top: 100px;
}
.pt120 {
padding-top: 120px;
}
.pt130 {
padding-top: 130px;
}
.pt140 {
padding-top: 140px;
}
.pt150 {
padding-top: 150px;
}
.pt160 {
padding-top: 160px;
}
.pt170 {
padding-top: 170px;
}
.pt180 {
padding-top: 180px;
}
.pt190 {
padding-top: 190px;
}
.pt200 {
padding-top: 200px;
}
.pt100 {
padding-top: 100px;
}
.pt70 {
padding-top: 70px;
}
.pt70 {
padding-top: 70px;
}
.pt70 {
padding-top: 70px;
}
.pr0 {
padding-right: 0;
}
.pr1 {
padding-right: 1px;
}
.pr5 {
padding-right: 5px;
}
.pr10 {
padding-right: 10px;
}
.pr15 {
padding-right: 15px;
}
.pr20 {
padding-right: 20px;
}
.pr25 {
padding-right: 25px;
}
.pr30 {
padding-right: 30px;
}
.pr35 {
padding-right: 35px;
}
.pr40 {
padding-right: 40px;
}
.pr45 {
padding-right: 45px;
}
.pr50 {
padding-right: 50px;
}
.pr55 {
padding-right: 55px;
}
.pr60 {
padding-right: 60px;
}
.pr65 {
padding-right: 65px;
}
.pr70 {
padding-right: 70px;
}
.pb0 {
padding-bottom: 0px !important;
}
.pb15 {
padding-bottom: 15px;
}
.pb5 {
padding-bottom: 5px;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb20 {
padding-bottom: 20px;
}
.pb25 {
padding-bottom: 25px;
}
.pb30 {
padding-bottom: 30px;
}
.pb35 {
padding-bottom: 35px;
}
.pb40 {
padding-bottom: 40px;
}
.pb45 {
padding-bottom: 45px;
}
.pb50 {
padding-bottom: 50px;
}
.pb55 {
padding-bottom: 55px;
}
.pb60 {
padding-bottom: 60px;
}
.pb65 {
padding-bottom: 65px;
}
.pb70 {
padding-bottom: 70px;
}
.pb75 {
padding-bottom: 75px;
}
.pb80 {
padding-bottom: 80px;
}
.pb85 {
padding-bottom: 85px;
}
.pb90 {
padding-bottom: 90px;
}
.pb95 {
padding-bottom: 95px;
}
.pb100 {
padding-bottom: 100px;
}
.pb110 {
padding-bottom: 110px;
}
.pb120 {
padding-bottom: 120px;
}
.pb130 {
padding-bottom: 130px;
}
.pl0 {
padding-left: 0 !important;
}
.pl1 {
padding-left: 1px;
}
.pl5 {
padding-left: 5px;
}
.pl6 {
padding-left: 6px;
}
.pl7 {
padding-left: 7px;
}
.pl8 {
padding-left: 8px;
}
.pl9 {
padding-left: 9px;
}
.pl10 {
padding-left: 10px;
}
.pl15 {
padding-left: 15px;
}
.pl20 {
padding-left: 20px;
}
.pl25 {
padding-left: 25px;
}
.pl30 {
padding-left: 30px !important;
}
.pl35 {
padding-left: 35px;
}
.pl40 {
padding-left: 40px;
}
.pl45 {
padding-left: 45px;
}
.pl50 {
padding-left: 50px;
}
.pl55 {
padding-left: 55px;
}
.pl60 {
padding-left: 60px;
}
.pl65 {
padding-left: 65px;
}
.pl70 {
padding-left: 70px;
}
.pl75 {
padding-left: 75px;
}
.pl80 {
padding-left: 80px;
}
.pl85 {
padding-left: 85px;
}
.pl90 {
padding-left: 90px;
}
.pl95 {
padding-left: 95px;
}
.pl100 {
padding-left: 100px;
}
.pl150 {
padding-left: 150px;
}
.pl200 {
padding-left: 200px;
}
.pl220 {
padding-left: 220px;
}
.pl210 {
padding-left: 210px;
}
.pl230 {
padding-left: 230px;
}
.pl240 {
padding-left: 240px;
}
.pl250 {
padding-left: 250px;
}
.pl300 {
padding-left: 300px;
}
.pl330 {
padding-left: 330px;
}
.pl340 {
padding-left: 340px;
}
.pl350 {
padding-left: 350px;
}
.pl400 {
padding-left: 400px;
}
.prpl0 {
padding-left: 0;
padding-right: 0;
}
.prpl5 {
padding-left: 5px;
padding-right: 5px;
}
.prpl10 {
padding-left: 10px;
padding-right: 10px;
}
.prpl15 {
padding-left: 15px;
padding-right: 15px;
}
.prpl20 {
padding-left: 20px;
padding-right: 20px;
}
.prpl25 {
padding-left: 25px;
padding-right: 25px;
}
.prpl30 {
padding-left: 30px;
padding-right: 30px;
}
.prpl35 {
padding-left: 35px;
padding-right: 35px;
}
.prpl40 {
padding-left: 40px;
padding-right: 40px;
}
.prpl2 {
padding-left: 2px;
padding-right: 2px;
}
.ptpb50 {
padding-top: 50px;
padding-bottom: 50px;
}
.ptpb60 {
padding-top: 60px;
padding-bottom: 60px;
}
.plpr0 {
padding-left: 0px;
padding-right: 0px;
}
.m0a {
margin: 0 auto;
}
.mt-5 {
margin-top: -5px;
}
.mt-6 {
margin-top: -6px;
}
.mt-7 {
margin-top: -7px;
}
.mt-8 {
margin-top: -8px;
}
.mt-9 {
margin-top: -9px;
}
.mt-10 {
margin-top: -10px;
}
.mt-15 {
margin-top: -15px;
}
.mt-20 {
margin-top: -20px;
}
.mt-25 {
margin-top: -25px;
}
.mt-30 {
margin-top: -30px;
}
.mt-35 {
margin-top: -35px;
}
.mt-40 {
margin-top: -40px;
}
.mt-45 {
margin-top: -45px;
}
.mt-50 {
margin-top: -50px;
}
.mt-55 {
margin-top: -55px;
}
.mt-60 {
margin-top: -60px;
}
.mt-65 {
margin-top: -65px;
}
.mt-70 {
margin-top: -70px;
}
.mt-75 {
margin-top: -75px;
}
.mt-80 {
margin-top: -80px;
}
.mt-85 {
margin-top: -85px;
}
.mt-90 {
margin-top: -90px;
}
.mt-95 {
margin-top: -95px;
}
.mt-100 {
margin-top: -100px;
}
.mt-120 {
margin-top: -120px;
}
.mt-150 {
margin-top: -150px;
}
.mt-200 {
margin-top: -200px;
}
.m--1 {
margin: -1px;
}
.m--2 {
margin: -2px;
}
.ms--1 {
margin-left: -1px;
}
.me--1 {
margin-right: -1px;
}
.mx--1 {
margin-left: -1px;
margin-right: -1px;
}
.my--1 {
margin-top: -1px;
margin-bottom: -1px;
}
.mx--2 {
margin-left: -2px;
margin-right: -2px;
}
.my--2 {
margin-top: -2px;
margin-bottom: -2px;
}
.m0 {
margin: 0;
}
.m5 {
margin: 5px;
}
.m10 {
margin: 10px !important;
}
.m15 {
margin: 15px;
}
.m20 {
margin: 20px;
}
.m25 {
margin: 25px;
}
.m30 {
margin: 30px;
}
.m35 {
margin: 35px;
}
.m40 {
margin: 40px;
}
.m45 {
margin: 45px;
}
.m50 {
margin: 50px;
}
.m55 {
margin: 55px;
}
.m60 {
margin: 60px;
}
.m65 {
margin: 65px;
}
.m70 {
margin: 70px;
}
.m75 {
margin: 75px;
}
.m80 {
margin: 80px;
}
.m85 {
margin: 85px;
}
.m90 {
margin: 90px;
}
.m95 {
margin: 95px;
}
.m100 {
margin: 100px;
}
.mt0 {
margin-top: 0px !important;
}
.mt1 {
margin-top: 1px;
}
.mt2 {
margin-top: 2px;
}
.mt3 {
margin-top: 3px;
}
.mt4 {
margin-top: 4px;
}
.mt5 {
margin-top: 5px;
}
.mt8 {
margin-top: 8px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px;
}
.mt35 {
margin-top: 35px;
}
.mt40 {
margin-top: 40px;
}
.mt45 {
margin-top: 45px;
}
.mt50 {
margin-top: 50px;
}
.mt55 {
margin-top: 55px;
}
.mt60 {
margin-top: 60px;
}
.mt65 {
margin-top: 65px;
}
.mt70 {
margin-top: 70px;
}
.mt75 {
margin-top: 75px;
}
.mt80 {
margin-top: 80px;
}
.mt85 {
margin-top: 85px;
}
.mt90 {
margin-top: 90px;
}
.mt95 {
margin-top: 95px;
}
.mt100 {
margin-top: 100px;
}
.mt150 {
margin-top: 150px;
}
.mt200 {
margin-top: 200px;
}
.mt250 {
margin-top: 250px !important;
}
.mt300 {
margin-top: 3000px;
}
.mt-30 {
margin-top: -30px;
}
.mr0 {
margin-right: 0px;
}
.mr2 {
margin-right: 2px;
}
.mr3 {
margin-right: 3px;
}
.mr4 {
margin-right: 4px;
}
.mr5 {
margin-right: 5px;
}
.mr6 {
margin-right: 6px;
}
.mr7 {
margin-right: 7px;
}
.mr8 {
margin-right: 8px;
}
.mr9 {
margin-right: 9px;
}
.mr10 {
margin-right: 10px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.mr25 {
margin-right: 25px;
}
.mr30 {
margin-right: 30px;
}
.mr35 {
margin-right: 35px;
}
.mr40 {
margin-right: 40px;
}
.mr45 {
margin-right: 45px;
}
.mr50 {
margin-right: 50px;
}
.mr55 {
margin-right: 55px;
}
.mr60 {
margin-right: 60px;
}
.mr65 {
margin-right: 65px;
}
.mr70 {
margin-right: 70px;
}
.mr75 {
margin-right: 75px;
}
.mr80 {
margin-right: 80px;
}
.mr85 {
margin-right: 85px;
}
.mr90 {
margin-right: 90px;
}
.mr95 {
margin-right: 95px;
}
.mr100 {
margin-right: 100px;
}
.mb0 {
margin-bottom: 0px !important;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px;
}
.mb35 {
margin-bottom: 35px;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb45 {
margin-bottom: 45px;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb55 {
margin-bottom: 55px;
}
.mb60 {
margin-bottom: 60px;
}
.mb65 {
margin-bottom: 65px;
}
.mb70 {
margin-bottom: 70px;
}
.mb75 {
margin-bottom: 75px;
}
.mb80 {
margin-bottom: 80px;
}
.mb85 {
margin-bottom: 85px;
}
.mb90 {
margin-bottom: 90px;
}
.mb95 {
margin-bottom: 95px;
}
.mb100 {
margin-bottom: 100px;
}
.ml0 {
margin-left: 0px;
}
.ml5 {
margin-left: 5px;
}
.ml10 {
margin-left: 10px;
}
.ml15 {
margin-left: 15px;
}
.ml20 {
margin-left: 20px;
}
.ml25 {
margin-left: 25px;
}
.ml30 {
margin-left: 30px;
}
.ml35 {
margin-left: 35px;
}
.ml40 {
margin-left: 40px;
}
.ml45 {
margin-left: 45px;
}
.ml47 {
margin-left: 47px;
}
.ml50 {
margin-left: 50px;
}
.ml55 {
margin-left: 55px;
}
.ml60 {
margin-left: 60px;
}
.ml65 {
margin-left: 65px;
}
.ml70 {
margin-left: 70px;
}
.ml75 {
margin-left: 75px;
}
.ml80 {
margin-left: 80px;
}
.ml85 {
margin-left: 85px;
}
.ml90 {
margin-left: 90px;
}
.ml95 {
margin-left: 95px;
}
.ml100 {
margin-left: 100px;
}
.zi0 {
z-index: 0;
}
.zi1 {
z-index: 1;
}
.zi9 {
z-index: 9;
}
.zi-1 {
z-index: -1;
}
.curp {
cursor: pointer;
}
.bg-img-png-home2 {
background-attachment: fixed;
background-image: url("../images/background/home2-bg2.png");
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
.bg-img-png-home6 {
background-attachment: fixed;
background-image: url("../images/background/home6-bg1.png");
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
/*== CSS Animation Code Start ==*/
.wobble {
animation-duration: 5s;
animation-iteration-count: infinite;
animation-name: wobble;
animation-timing-function: ease-in-out;
display: block;
color: white;
}
.animate_content {
position: relative;
}
.animate_content .animate_thumb img,
.order_tracking_thumb img {
-webkit-transition: box-shadow 500ms ease;
-moz-transition: box-shadow 500ms ease;
-o-transition: box-shadow 500ms ease;
transition: box-shadow 500ms ease;
}
.social_icons li {
background-color: transparent;
border-radius: 3px;
height: 30px;
line-height: 30px;
margin-right: 0 !important;
width: 30px;
text-align: center;
}
.social_icons li:hover {
background-color: rgba(105, 105, 105, 0.1);
}
.social_icons li a {
color: #626974;
font-size: 14px;
}
.sign_up_modal:before {
background-color: rgba(13, 38, 59, 0.5);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.log_reg_form.sidebar_area {
border: none;
padding: 35px 30px 0;
}
.log_reg_form {
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 6px;
padding: 30px;
position: relative;
-webkit-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-o-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
}
.log_reg_form .title {
margin-bottom: 30px;
}
.sign_up_form .nav.nav-pills .nav-item .nav-link {
color: #626974;
border-radius: 60px;
font-size: 15px;
padding: 15px 35px;
}
.hm_log_fav_cart_widget {
padding: 0 0 0 10px;
position: relative;
}
.hm_log_fav_cart_widget .wrapper ul li {
margin-right: 25px;
}
.hm_log_fav_cart_widget .wrapper ul li:last-child {
margin-right: 0;
}
.log_fav_cart_widget.hsidebar_home_page .wrapper {
position: relative;
}
.log_fav_cart_widget.home4_style .icon {
vertical-align: sub;
}
.log_fav_cart_widget.home4_style .icon .badge {
color: #041e42;
}
.cart_btn.home_page_sidebar {
position: relative;
}
.log_fav_cart_widget .home_page_sidebar.price {
bottom: 10px;
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
position: absolute;
right: 0;
}
.log_fav_cart_widget .price {
color: #041e42;
font-size: 14px;
font-weight: 500;
}
.log_fav_cart_widget.home7_style .cart {
max-width: 200px;
width: 100%;
}
.cart {
align-items: center;
display: flex;
flex-direction: row;
margin: 0 auto;
padding: 0;
position: relative;
}
.cart>li,
.cart>.list {
font-size: 14px;
flex-grow: 1;
flex-shrink: 0;
position: relative;
}
.dropdown_content {
display: flex;
flex-direction: column;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
}
.dropdown_content>li {
border-bottom: 1px solid #eaeaea;
padding: 20px 20px 15px;
position: relative;
}
.dropdown_content>li:last-child {
border-bottom: none;
}
.dropdown_content .list_content img {
margin-right: 25px;
width: 75px;
}
.dropdown_content .list_content p {
color: #041e42;
margin-bottom: 0;
line-height: normal;
}
.dropdown_content .list_content .close_icon {
color: #041e42;
font-size: 10px;
position: absolute;
right: 0;
top: 20px;
}
.dropdown_content .list_content_total_price h5 {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 35px;
}
.dropdown_content .list_content .cart_btns {
border: 1px solid transparent;
margin-right: 10px;
}
.dropdown_content .list_content .cart_btns:hover {
background-color: #2ac4ea;
border: 1px solid #2ac4ea;
color: #fff;
}
.dropdown_content .list_content .cart_btns,
.dropdown_content .list_content .checkout_btns {
border-radius: 6px;
font-size: 14px;
font-weight: 500;
height: 50px;
line-height: 40px;
width: 150px;
}
.home9_header_nav_widget {
left: auto;
position: absolute;
right: 0;
}
.home9_header_search_widget {
position: relative;
}
.home9_header_search_widget .input_field .form_control {
background-color: #f3f5f6;
border-radius: 6px;
border: 1px solid #eaeaea;
height: 50px;
width: 367px;
}
.home9_header_search_widget .search_icon_field .search-btn {
color: #112137;
font-size: 16px;
position: absolute;
right: 5px;
top: 10px;
}
/* Radio Box CSS Code Start */
.radiobox_style2 .sspd_review ul li:last-child {
font-size: 15px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0em;
}
.radiobox_style2 .count {
font-size: 14px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0em;
}
.radiobox_style2 [type="radio"]:checked,
.radiobox_style2 [type="radio"]:not(:checked) {
left: -9999px;
position: absolute;
}
.radiobox_style2 [type="radio"]:checked label,
.radiobox_style2 [type="radio"]:not(:checked) label {
color: #041e42;
cursor: pointer;
display: flex;
padding-left: 28px;
position: relative;
}
.radiobox_style2 [type="radio"]:checked label:before,
.radiobox_style2 [type="radio"]:not(:checked) label:before {
background: #fff;
border: 1px solid #041e42;
border-radius: 100%;
content: "";
height: 18px;
left: 0;
position: absolute;
top: 7px;
width: 18px;
}
.radiobox_style2 [type="radio"]:checked label:after,
.radiobox_style2 [type="radio"]:not(:checked) label:after {
background-color: #fff;
content: "";
border-radius: 100%;
border: 4px solid #041e42;
height: 16px;
left: 1px;
position: absolute;
top: 8px;
width: 16px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.radiobox_style2 [type="radio"]:not(:checked) label:after {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.radiobox_style2 [type="radio"]:checked label:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* Radio Box CSS Code End */
/*== Header Top Style ==*/
.header_top {
position: relative;
border-bottom: 1px solid #eaeaea;
}
.header_top_iconbox {
position: relative;
}
.header_top_iconbox .icon {
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.1);
height: 50px;
line-height: 55px;
margin-right: 10px;
position: relative;
text-align: center;
width: 50px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header_top_iconbox.home2_style .icon {
border-radius: 50%;
}
.header_top_iconbox.home2_style.at_home4:hover .icon {
background-color: #e8b336;
}
.header_top_iconbox.home2_style.at_home4 .icon,
.header_top_iconbox.home2_style.at_home4 .icon span.badge {
border: 1px solid #041e42;
}
.header_top_iconbox.home2_style.at_home4 .icon span {
color: #041e42;
}
.header_top_iconbox.home2_style.at_home4 .details .title,
.header_top_iconbox.home2_style.at_home4 .details .subtitle {
color: #041e42;
}
.header_top_iconbox:hover .icon {
background-color: rgba(255, 255, 255, 0.05);
}
.header_top_iconbox .icon span {
font-size: 20px;
color: #fff;
}
.header_top_iconbox .icon span.badge {
background: linear-gradient(135deg, #007acc, #00c6ff);
border-radius: 50%;
color: #fff;
font-size: 8px;
font-weight: 700;
letter-spacing: 0em;
height: 15px;
line-height: 7px;
padding: 4px;
position: absolute;
right: -2px;
top: 0;
width: 15px;
}
.header_top_iconbox.home3_style .icon {
border: none;
}
.header_top_iconbox .details {
display: block;
}
.header_top_iconbox .details .subtitle {
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
margin-bottom: 0;
}
.header_top_iconbox.home6_style {
position: relative;
}
.header_top_iconbox.home6_style:before {
background-color: #eaeaea;
content: "";
height: 44px;
position: absolute;
right: -15px;
width: 1px;
}
.hm_log_fav_cart_widget ul li:last-child .header_top_iconbox.home6_style:before {
display: none;
}
.header_top_iconbox.home6_style .icon,
.header_top_iconbox.home8_style .icon,
.header_top_iconbox.home10_style .icon {
border: none;
height: auto;
width: auto;
}
.header_top_iconbox.home10_style:hover .icon {
background-color: transparent;
}
.header_top_iconbox.home9_style .icon {
height: auto;
width: 20px;
}
.header_top_iconbox.home6_style .icon span,
.header_top_iconbox.home8_style .icon span {
color: #0053f6;
}
.header_top_iconbox.home6_style .icon span.badge,
.header_top_iconbox.home8_style .icon span.badge,
.header_top_iconbox.home9_style .icon span.badge,
.header_top_iconbox.home10_style .icon span.badge {
color: #041e42;
right: -7px;
top: 10px;
}
.header_top_iconbox.home6_style .details .subtitle,
.header_top_iconbox.home6_style .details .title,
.header_top_iconbox.home7_style .details .subtitle,
.header_top_iconbox.home7_style .details .title,
.header_top_iconbox.home7_style .icon span,
.header_top_iconbox.home7_style .icon span.badge,
.header_top_iconbox.home8_style .details .subtitle,
.header_top_iconbox.home8_style .details .title,
.header_top_iconbox.home9_style .details .subtitle,
.header_top_iconbox.home9_style .details .title,
.header_top_iconbox.home9_style .icon span {
color: #041e42;
}
.header_top_iconbox.home7_style .icon {
background-color: rgba(96, 194, 96, 0.07);
}
.header_top_iconbox.home7_style:hover .icon {
background-color: #60c260;
}
.header_top_iconbox.home7_style:hover .icon span {
color: #fff;
}
.header_top_iconbox .details .title {
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
margin-bottom: 0;
}
.ht_contact_widget {
margin-top: 5px;
}
.ht_contact_widget ul li {
margin-right: 20px;
}
.ht_contact_widget ul li:last-child {
margin-right: 0px;
}
.ht_contact_widget ul li a {
color: #fff;
font-size: 12px;
font-weight: normal;
}
.ht_contact_widget.home5 {
margin-top: 0;
}
.ht_contact_widget.home5 ul li {
margin-right: 25px;
}
.ht_contact_widget.home5 ul li:last-child {
margin-right: 0;
}
.ht_contact_widget.home5 ul li a {
color: #041e42;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
}
.ht_contact_widget.home5 ul li a span {
font-weight: 400;
}
.ht_contact_widget.home6_style ul li a {
color: #626974;
}
.ht_contact_widget ul li a span {
font-size: 15px;
vertical-align: middle;
}
.ht_contact_widget.home3 li a {
color: #626974;
}
.header_middle {
background-color: #443297;
display: inline-block;
position: relative;
width: 100%;
}
.header_middle.home2_style {
background-color: #112137;
}
.header_middle.home3_style,
.header_middle.home6_style {
background-color: #ffffff;
}
.header_iconbox_home3_style {
position: relative;
}
.header_iconbox_home3_style .icon {
font-size: 15px;
max-width: 28px;
position: relative;
}
.header_iconbox_home3_style .icon img {
width: 20px;
}
.header_iconbox_home3_style .icon .badge {
color: #041e42;
font-style: normal;
display: block;
font-size: 10px;
height: 20px;
text-align: center;
padding: 0;
line-height: 20px;
position: absolute;
right: -12px;
top: -10px;
width: 20px;
}
.header_iconbox_home3_style .details .title {
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
margin: 0;
}
.header_iconbox_home3_style.athome8 .icon span {
vertical-align: -webkit-baseline-middle;
}
.header_middle.home4_style,
.menu_style_home_one.home4_style {
background: linear-gradient(135deg, #007acc, #00c6ff);
}
.header_middle .header_top_logo_home1 .logo,
.header_middle .header_top_logo_home3 .logo,
.header_middle .header_top_logo_home4 .logo,
.header_middle .header_top_logo_home6 .logo,
.main_logo .logo_title {
color: #fff;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 36px;
margin-top: 8px;
}
.header_middle .header_top_logo_home3 .logo,
.header_middle .header_top_logo_home4 .logo {
color: #041e42;
}
.header_middle .header_top_logo_home6 .logo {
color: #0053f6;
}
.header_middle .header_top_logo_home3 .logo img{
width: auto;
height: 80px;
object-fit: contain;
}
.main_logo .logo_title {
color: #112137;
}
.header_middle_advnc_search {
position: relative;
}
.header_middle_advnc_search .search_form_wrapper.home7_style {
border: 1px solid #60c260;
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
z-index: 99;
}
.advscrh_frm_btn.home7_style .search-btn {
background-color: transparent;
}
.header_middle_advnc_search .search_form_wrapper.home7_style.athome8 {
border: 1px solid #eaeaea;
}
.header_middle_advnc_search .search_form_wrapper {
background-color: #fff;
border-radius: 6px;
position: relative;
}
.header_middle_advnc_search.home2_style .advscrh_frm_btn {
overflow: hidden;
right: auto;
}
.advscrh_frm_btn.home4_style .search-btn {
background-color: #112137;
}
.header_middle_advnc_search.home2_style .search_form_wrapper {
background-color: transparent;
}
.top-search.home2_style form.form-search .box-search.pre_line:before {
left: auto;
right: 0;
}
.header_middle_advnc_search.home2 .search_form_wrapper {
background-color: #fff;
}
.header_middle_advnc_search.home4 .search_form_wrapper {
background-color: #fff;
border: none;
border-radius: 0;
margin-right: 2px;
}
.actegory .bootstrap-select button.btn {
font-size: 15px;
}
.header_middle_advnc_search .actegory .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
line-height: 45px;
padding: 0 10px 0;
width: 156px;
}
.footer_bottom_right_widgets li:first-child .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 146px;
}
.footer_bottom_right_widgets li:last-child .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 160px;
}
.footer_bottom_right_widgets .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
border: 1px solid #eaeaea;
border-radius: 6px;
}
.footer_bottom_right_widgets.home6_style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
background-color: #ffffff;
}
.header_top_widget .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
border: none;
width: auto;
}
.footer_bottom_right_widgets.home2_style .bootstrap-select button.btn {
color: #ffffff;
}
.footer_bottom_right_widgets.home2_style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
border: none;
}
.footer_bottom_right_widgets .bootstrap-select button.btn {
font-size: 14px;
font-weight: 400;
line-height: 30px;
}
.advscrh_frm_btn {
position: absolute;
right: -6px;
}
.advscrh_frm_btn .search-btn {
background: linear-gradient(135deg, #007acc, #00c6ff);
border-radius: 0 10px 10px 0;
color: #fff;
height: 50px;
line-height: 40px;
text-align: center;
width: 50px;
}
.advscrh_frm_btn.home8_style .search-btn {
background-color: transparent;
}
.search_widgets .title {
color: #041e42;
font-size: 28px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
margin-bottom: 25px;
}
.search_widgets .ui_kit_input.search {
position: relative;
}
.search_widgets .ui_kit_input.search .form-control {
height: 70px;
}
.search_widgets .help_search_btn {
position: absolute;
right: 0;
top: 0;
}
.search_widgets .help_search_btn .search-btn {
background: linear-gradient(135deg, #007acc, #00c6ff);
border-radius: 0 4px 4px 0;
color: #443297;
font-size: 16px;
height: 70px;
line-height: 65px;
text-align: center;
width: 70px;
}
.advscrh_frm_btn .search-btn.home3 {
background-color: #cf3e3b;
}
.advscrh_frm_btn.home4 .search-btn {
background-color: #41544a;
border-radius: 0;
}
.header_top_widget {
position: relative;
}
.social_and_help_widgets {
position: relative;
}
.social_and_help_widgets ul li a {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.social_and_help_widgets .helpful_link_lsit .btn {
color: #041e42;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.social_and_help_widgets .helpful_link_lsit .btn {
color: #041e42;
}
.social_and_help_widgets.home10_style .helpful_link_lsit.home10_style .btn {
color: #fff;
}
.social_and_help_widgets .helpful_link_lsit .dropdown .dropdown-item:hover,
.social_and_help_widgets .helpful_link_lsit .dropdown .dropdown-item.active,
.social_and_help_widgets .helpful_link_lsit .dropdown .dropdown-item:active {
background-color: transparent;
}
.delivery_widget li a span {
color: #041e42;
font-size: 16px;
vertical-align: middle;
}
.delivery_widget li a {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.delivery_widget.home10_style li a,
.delivery_widget.home10_style li a span,
.social_and_help_widgets.home10_style .bootstrap-select button.btn {
color: #ffffff;
}
.delivery_widget.home10_style li,
.social_and_help_widgets.home10_style .brd {
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.delivery_widget.home10_style li:last-child {
border: none;
}
.iconbox {
position: relative;
text-align: center;
margin-bottom: 20px;
}
.iconbox .icon {
background-color: #f3f5f6;
border-radius: 50%;
height: 120px;
/* border: 1px dashed; */
overflow: hidden;
margin: 0 auto 12px;
text-align: center;
position: relative;
width: 120px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 0;
}
.iconbox.home7_style .icon,
.iconbox.home9_style .icon {
border-radius: 6px;
}
.iconbox.home9_style .icon:before {
background-color: #443297;
border-radius: 6px;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: -1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
transform: scaleY(0);
width: 100%;
}
.iconbox.home9_style:hover .icon:before {
opacity: 1;
transform: scaleY(1);
}
.iconbox.home9_style .icon span {
color: #443297;
font-size: 50px;
line-height: 170px;
z-index: 9;
}
.iconbox.home9_style:hover .icon span {
color: #ffffff;
}
.iconbox .icon img {
display: inline;
height: 100%;
width: 100%;
border-radius: 50%;
padding: 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.iconbox:hover .icon img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.iconbox .details .title {
letter-spacing: 0em;
margin-bottom: 0;
}
.iconbox .details .subtitle {
color: #626974;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.iconbox:hover .details .title {
color: #443297;
}
.iconbox.home2_style .icon {
line-height: 150px;
text-align: center;
}
.iconbox.home4_style .icon {
background-color: transparent;
}
.iconbox.home6_style .icon {
background-color: #fff;
border: 1px solid #eaeaea;
}
.iconbox_home3_style {
position: relative;
}
.iconbox_home3_style .icon {
height: 70px;
line-height: 70px;
text-align: center;
width: 70px;
}
.iconbox_home3_style .icon img {
display: initial;
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: contain;
vertical-align: middle;
}
.iconbox_home3_style .title {
font-style: normal;
font-size: 15px;
line-height: 22px;
margin: 0;
}
.iconbox.home9_style {
margin: 20px 0 30px;
}
.iconbox.home9_style .thumb img {
margin: 0 auto;
width: 115px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.iconbox.home9_style:hover .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.header_top.home9 {
background-color: #ffffff;
height: 77px;
position: relative;
}
.header_top.home9.style2 {
background-color: #041e42;
}
.header_top.home9.innerpage_style {
height: auto;
padding: 30px 0;
}
.light_white,
.light_white:hover {
color: rgba(255, 255, 255, 0.5);
}
.header_top.home10_style,
.header_middle.home10_style {
background-color: #6668b2;
}
.header_top.home10_style {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
/* Header Top Search Field css home2 */
form.form-inline.mailchimp_form {
display: inline-flex;
}
li.has-children a {
line-height: 51px;
}
/*== Menu Style For Home V1 & V2 ==*/
nav .brand {
display: block;
position: relative;
width: 170px;
top: 20px;
}
nav .brand img {
width: 100%;
}
nav .menu li a {
display: block;
padding: 20px 25px;
text-decoration: none;
color: #3a3a3a;
}
nav .menu li.active>a,
nav .menu li a:hover {
color: #e74c3c;
}
nav button {
background: transparent;
border: none;
outline: none;
}
header.header-nav {
padding: 0 30px;
}
header.header-nav.home7_style {
padding-left: 15px;
}
header.header-nav a.navbar_brand {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 20px;
position: relative;
}
.menu_style_home_one {
background-color: #443297;
}
.menu_style_home_one.home2_style {
background-color: #152945;
}
.menu_style_home_one.home5_style {
background-color: #ffffff;
}
.menu_style_home_one.home8_style {
background-color: #4B87F5;
}
header.header-nav a.navbar_brand .logo2 {
display: none;
}
header.header-nav.menu_style_home_one.home2 {
background-color: #496054;
border-top: none;
}
header.header-nav.menu_style_home_one.home2 nav:after,
header.header-nav.menu_style_home_one.home3 nav:after,
header.header-nav.menu_style_home_one.home5_style nav:after,
header.header-nav.menu_style_home_one.home6_style nav:after,
header.header-nav.menu_style_home_one.home7_style nav:after,
header.header-nav.menu_style_home_one.home8_style nav:after,
header.header-nav.menu_style_home_one.home9_style nav:after,
header.header-nav.menu_style_home_one.home10_style nav:after {
display: none;
}
header.header-nav.menu_style_home_one.home10_style {
display: inline-block;
width: 100%;
}
header.header-nav.menu_style_home_one.home2 .ace-responsive-menu li a,
header.header-nav.menu_style_home_one.home3 .ace-responsive-menu li a {
color: #fff;
}
header.header-nav.menu_style_home_one.home3 {
background-color: #CF3E3B;
border-top: none;
}
header.header-nav.menu_style_home_one.home2 .ace-responsive-menu li.home4_style.list_c a {
padding-top: 0;
}
header.header-nav.menu_style_home_one.stricky-fixed li.list_s:before {
background-color: #e8eef2;
opacity: 1;
}
header.header-nav.menu_style_home_one.navbar-scrolltofixed.stricky.animated,
header.header-nav.home2.style_one.navbar-scrolltofixed.stricky.animated {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
}
header.header-nav.menu_style_home_one.home6_style.scroll-to-fixed-fixed.stricky-fixed.slideInDown.animated,
header.header-nav.menu_style_home_one.home8_style.scroll-to-fixed-fixed.stricky-fixed.slideInDown.animated {
margin-top: 0;
}
header.header-nav.menu_style_home_one a.navbar_brand {
margin-top: 5px;
}
header.header-nav.menu_style_home_one.home5_style .ace-responsive-menu>li>a {
padding: 30px 7px;
}
header.header-nav.menu_style_home_one.home5_style .ace-responsive-menu>li.list_c {
margin-right: 0;
}
header.header-nav.menu_style_home_one.home5_style .ace-responsive-menu>li.list_c>a {
margin-right: 10px;
}
header.header-nav.menu_style_home_one.home5_style a.navbar_brand {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 10px;
width: 10%;
}
header.header-nav.menu_style_home_one.home8_style a.navbar_brand {
top: 45px;
}
header.header-nav.menu_style_home_one.stricky-fixed a.navbar_brand .logo1,
header.header-nav.menu_style_home_one.stricky-fixed a.navbar_brand span,
header.header-nav.menu_style_home_one.stricky-fixed #mega-menu {
display: none;
}
header.header-nav.menu_style_home_one.stricky-fixed a.navbar_brand .logo2 {
display: inline-block;
}
header.header-nav.menu_style_home_one a.navbar_brand span {
color: #ffffff;
font-weight: bold;
font-size: 25px;
margin-top: 0;
padding-left: 10px;
text-transform: capitalize;
vertical-align: middle;
}
header.header-nav.menu_style_home_one a.navbar_brand.home5_style span {
color: #041E42;
padding-left: 0;
}
header.header-nav.menu_style_home_one.home2_style a.navbar_brand span {
font-size: 25px;
margin-top: 5px;
}
header.header-nav.menu_style_home_one.home10_style a.navbar_brand span,
header.header-nav.menu_style_home_one.home10_style .ace-responsive-menu li a {
color: #041E42;
}
header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu>li>a.active span,
header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu li a.active span,
header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu li a,
header.header-nav.menu_style_home_one.stricky-fixed a.navbar_brand span {
color: #041E42;
}
header.header-nav.menu_style_home_one.home2.stricky-fixed .ace-responsive-menu>li>a,
header.header-nav.menu_style_home_one.home3.stricky-fixed .ace-responsive-menu>li>a,
header.header-nav.menu_style_home_one.home9_style.stricky-fixed a.navbar_brand span {
color: #fff;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li a {
color: #fff;
}
header.header-nav.menu_style_home_one.menu_home5_style {
background-color: #ffffff;
}
header.header-nav.menu_style_home_one.menu_home5_style.athome10 {
-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}
header.header-nav.menu_style_home_one.home4_style .ace-responsive-menu li a,
header.header-nav.menu_style_home_one.menu_home5_style .ace-responsive-menu li a {
color: #041E42;
font-weight: 500;
}
header.header-nav.menu_style_home_one.menu_home5_style .ace-responsive-menu li a span {
vertical-align: sub;
}
header.header-nav.menu_style_home_one.menu_home5_style .ace-responsive-menu li a .badge {
border-radius: 50%;
color: #041E42;
font-style: normal;
font-weight: 500;
font-size: 8px;
height: 15px;
line-height: 10px;
position: absolute;
text-align: center;
width: 15px;
}
header.header-nav.menu_style_home_one.menu_home5_style .ace-responsive-menu li:hover a {
color: #041E42;
}
header.header-nav.menu_style_home_one.menu_home5_style .ace-responsive-menu.menu_home5_right_icons li a:before {
display: none;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li:hover a {
color: #0390f3;
}
header.header-nav.menu_style_home_one.home4_style .ace-responsive-menu li:hover a {
color: #041E42;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu {
background-color: #ffffff;
border-radius: 0 0 3px 3px;
padding: 15px 0;
-webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.1);
-moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.1);
-o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.1);
box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.1);
z-index: 9999;
}
header.header-nav.menu_style_home_one.home2 .ace-responsive-menu li ul.sub-menu {
border-top: 2px solid #41544A;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li.megamenu_style:hover ul.sub-menu.dropdown-megamenu {
left: 0;
margin: 0 auto;
padding: 30px 0 30px;
right: 0;
width: 100%;
z-index: 99999;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li.megamenu_style.home10_style:hover ul.sub-menu.dropdown-megamenu {
max-width: 1320px;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list ul.sub-menu,
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list ul.sub-menu li {
background-color: transparent;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list,
header.header-nav.menu_style_home_one.menu_home5_style.athome3 .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list,
header.header-nav.menu_style_home_one.menu_home5_style.athome9 .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list,
header.header-nav.menu_style_home_one.menu_home5_style.athome7 .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list {
float: left;
padding: 0 15px;
width: 220px;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list:last-child,
header.header-nav.menu_style_home_one.menu_home5_style.athome3 .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list:last-child,
header.header-nav.menu_style_home_one.home4_style .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list:last-child,
header.header-nav.menu_style_home_one.menu_home5_style.athome7 .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list:last-child,
header.header-nav.menu_style_home_one.menu_home5_style .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list:last-child,
header.header-nav.menu_style_home_one.home2_style .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list:last-child {
width: 470px;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list a.shop_btn:hover:before {
width: 30%;
}
header.header-nav.menu_style_home_one.home2_style .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list,
header.header-nav.menu_style_home_one.home4_style .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list,
header.header-nav.menu_style_home_one.menu_home5_style .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list {
width: auto;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li a:before {
bottom: 0;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li a:hover:before {
width: 100%;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li a.shop_btn.style2 {
position: relative;
max-width: 75px;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu.dropdown-megamenu ul.sub-menu {
border: none;
box-shadow: none;
display: block !important;
float: left;
left: auto !important;
margin: 0;
padding: 0;
position: relative;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu.dropdown-megamenu ul.sub-menu li {
margin: 0;
padding: 0 10px 0 0;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu.dropdown-megamenu ul.sub-menu li:hover a {
color: #0390f3;
}
header.header-nav.menu_style_home_one.home3 .ace-responsive-menu li ul.sub-menu {
border-top: 2px solid #CF3E3B;
}
header.header-nav.menu_style_home_one.home6 .ace-responsive-menu li ul.sub-menu {
border-top: 2px solid #F2B23E;
}
header.header-nav.menu_style_home_one.home5_style .ace-responsive-menu>li>a,
header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu>li>a {
padding: 20px 10px;
}
header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu>li>a:before {
background-color: #F2B23E;
bottom: 15px;
}
header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu li ul.sub-menu {
border-top: 2px solid #F2B23E;
}
header.header-nav.menu_style_home_one.home5_style .ace-responsive-menu li.list_c .icon,
header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu li.list_c .icon,
header.header-nav.menu_style_home_one.home8_style .ace-responsive-menu li.list_c .icon,
header.header-nav.menu_style_home_one.home9_style .ace-responsive-menu li.list_c .icon,
header.header-nav.menu_style_home_one.home10_style .ace-responsive-menu li.list_c .icon {
font-size: 20px;
font-weight: 400;
}
header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu li.favrt_btn {
margin-left: 10px;
}
header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu li.cart_dd_brn {
margin-left: 15px;
}
header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu li.cart_dd_brn ul.sub-menu li a {
border: none;
}
header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu li.cart_dd_brn ul.dropdown_content.sub-menu {
padding-top: 0;
}
header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu li.cart_dd_brn ul li {
padding: 20px;
}
header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu li.cart_dd_brn ul.sub-menu li a.btn {
float: left;
line-height: 30px;
}
header.header-nav.menu_style_home_one.home8_style .ace-responsive-menu>li>a:before {
background-color: #86BC42;
}
header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu li ul.sub-menu li.list_content {
width: 360px;
}
header.header-nav.menu_style_home_one.home6_style .ace-responsive-menu.custom_menu_space_home2 li a,
header.header-nav.menu_style_home_one.home6_style a.navbar_brand span {
color: #041E42;
}
header.header-nav.menu_style_home_one.home7_style {
border-bottom: 1px solid rgba(255, 255, 255, .15);
}
header.header-nav.menu_style_home_one.home9_style,
header.header-nav.menu_style_home_one.home5_style {
display: inline-block;
width: 100%;
}
header.header-nav.menu_style_home_one.home7_style .ace-responsive-menu>li>a {
padding: 22px 7px 20px;
}
header.header-nav.menu_style_home_one.home7_style .ace-responsive-menu>li>a:before {
bottom: 15px;
}
header.header-nav.menu_style_home_one.home7_style .ace-responsive-menu li a,
header.header-nav.menu_style_home_one.home9_style .ace-responsive-menu li a {
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
}
header.header-nav.menu_style_home_one.home9_style .ace-responsive-menu li a {
padding: 25px 10px;
}
header.header-nav.menu_style_home_one.home9_style .ace-responsive-menu li.list_c .list_content a {
padding: 5px 0;
}
header.header-nav.menu_style_home_one.home10_style .ace-responsive-menu li ul.sub-menu {
border-top: 2px solid #006766;
}
header.header-nav.menu_style_home_one .ace-responsive-menu>li:first-child ul.sub-menu,
header.header-nav.menu_style_home_one .ace-responsive-menu>li:nth-child(2) ul.sub-menu,
header.header-nav.home2.style_one .ace-responsive-menu>li:first-child ul.sub-menu,
header.header-nav.home2.style_one .ace-responsive-menu>li:nth-child(2) ul.sub-menu {
margin-left: 0;
}
header.header-nav.menu_style_home_one .ace-responsive-menu>li:first-child ul.sub-menu:before,
header.header-nav.home2.style_one .ace-responsive-menu>li:first-child ul.sub-menu:before,
header.header-nav.home2.style_one .ace-responsive-menu>li:nth-child(2) ul.sub-menu:before {
left: 25px;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu,
header.header-nav.menu_style_home_one .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu,
header.header-nav.menu_style_home_one .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu,
header.header-nav.menu_style_home_one .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu,
header.header-nav.home2.style_one .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu,
header.header-nav.home2.style_one .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu,
header.header-nav.home2.style_one .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu,
header.header-nav.home2.style_one .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu {
left: 250px;
z-index: 1;
}
header.header-nav.menu_style_home_one .ace-responsive-menu>li>ul.sub-menu,
header.header-nav.home2.style_one .ace-responsive-menu>li>ul.sub-menu {
margin-left: -180px;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu,
header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu {
padding-left: 0 !important;
}
header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu:before {
background-color: #191919;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li,
header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li {
background-color: #ffffff;
border-radius: 5px;
padding: 0 30px;
width: 250px;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li:hover a,
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li a li:hover ul.sub-menu a {
color: #86BC42;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li:hover a,
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li:hover li a ul.sub-menu a {
color: #041E42;
}
header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li,
header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu {
background-color: #191919;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before {
display: none;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li a {
color: #041E42;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li:last-child a {
border-bottom: none;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li a:hover,
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li ul.sub-menu {
color: #0390f3;
}
header.header-nav.menu_style_home_one.home3 .ace-responsive-menu li ul.sub-menu li a:hover {
color: #CF3E3B;
}
header.header-nav.menu_style_home_one .ace-responsive-menu>li>a {
padding: 10px 9px 10px;
}
header.header-nav.menu_style_home_one .ace-responsive-menu > li > a:before,
header.header-nav.menu_style_home_one.home2 .ace-responsive-menu > li > a:before,
header.header-nav.menu_style_home_one.home3 .ace-responsive-menu > li > a:before {
background: linear-gradient(135deg, #007acc, #00c6ff);
content: "";
height: 2px;
opacity: 0;
left: 10px;
position: absolute;
top: 0;
width: 0;
transition: all 0.3s ease;
}
/* Hover + Active combined */
header.header-nav.menu_style_home_one .ace-responsive-menu > li:hover > a:before,
header.header-nav.menu_style_home_one .ace-responsive-menu > li.active > a:before,
header.header-nav.menu_style_home_one.home2 .ace-responsive-menu > li:hover > a:before,
header.header-nav.menu_style_home_one.home2 .ace-responsive-menu > li.active > a:before,
header.header-nav.menu_style_home_one.home3 .ace-responsive-menu > li:hover > a:before,
header.header-nav.menu_style_home_one.home3 .ace-responsive-menu > li.active > a:before {
opacity: 1;
width: 40px;
}
header.header-nav.menu_style_home_one .ace-responsive-menu>li>a:before,
header.header-nav.menu_style_home_one.home5_style .ace-responsive-menu>li>a:before,
header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu>li>a:before,
header.header-nav.menu_style_home_one.style2 .ace-responsive-menu>li>a:before {
background: linear-gradient(135deg, #007acc, #00c6ff);
}
header.header-nav.menu_style_home_one.home5_style .ace-responsive-menu>li>a:before {
bottom: 15px;
}
header.header-nav.menu_style_home_one.home3.stricky-fixed .ace-responsive-menu>li>a:before {
background-color: #ffffff;
}
header.header-nav.menu_style_home_one.home10_style .ace-responsive-menu>li>a:before {
background-color: #006766;
}
header.header-nav.menu_style_home_one.style2 {
background-color: #ffffff;
-webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
-moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
-o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
}
header.header-nav.menu_style_home_one.menu_boxshadow {
-webkit-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07);
-moz-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07);
-o-box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07);
box-shadow: 0px 8px 30px rgba(34, 34, 34, 0.07);
}
header.header-nav.menu_style_home_one.style2.home3 {
background-color: #ffffff;
box-shadow: none;
}
header.header-nav.menu_style_home_one.style2 a.navbar_brand {
margin-top: 15px;
}
header.header-nav.menu_style_home_one.style2 a.navbar_brand span {
color: #041E42;
font-size: 30px;
font-weight: bold;
line-height: 43.35px;
margin-top: 3px;
}
header.header-nav.menu_style_home_one.style2 .ace-responsive-menu li a {
color: #041E42;
font-size: 14px;
font-weight: 600;
line-height: 17px;
}
header.header-nav.menu_style_home_one.style2 ul.ace-responsive-menu li.list_s {
position: relative;
}
header.header-nav.menu_style_home_one.style2.listing_single_page5 {
position: absolute;
width: 100%;
z-index: 9;
}
.menu_style_home_one.style2.menu-fixed {
position: fixed;
width: 100%;
z-index: 9;
}
.widget_menu_home2 {
position: absolute;
right: 30px;
top: 0;
}
.widget_menu_home2.home4_style,
.widget_menu_home2.home6_style {
right: 10px;
top: 20px;
}
.widget_menu_home2.home6_style {
top: 18px;
}
header.header-nav.menu_style_home_one.home7_style .widget_menu_home2 {
right: 0;
}
.custom_menu_space_home2 {
margin-right: 250px;
}
header.header-nav.menu_style_home_one li.list_c a:before,
header.header-nav.menu_style_home_one li.list_s a:before {
display: none;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu:before {
background-color: #ffffff;
content: "";
height: 14px;
right: 25px;
position: absolute;
top: -5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 14px;
-webkit-transition: all 0.1s ease 0s;
-moz-transition: all 0.1s ease 0s;
-o-transition: all 0.1s ease 0s;
transition: all 0.1s ease 0s;
}
header.header-nav.menu_style_home_one .ace-responsive-menu>li:nth-child(2) ul.sub-menu:before {
left: 305px;
}
/*== Mobile Menu Css ==*/
.stylehome1 .mm-navbar {
color: #041e42;
font-weight: 500;
font-size: 20px;
line-height: 29px;
padding-left: 25px;
height: 60px;
}
.stylehome1 .mm-panel ul.mm-listview li:first-child.mm-listitem {
margin-top: 12px;
}
.stylehome1 .mm-panel ul.mm-listview li.mm-listitem.cl_btn {
border-bottom: none;
margin: 50px auto;
max-width: 90%;
}
.stylehome1 .mm-panel ul.mm-listview li.mm-listitem.cl_btn a.btn {
color: #ffffff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
/* Default Menu Items */
.stylehome1 a.mm-listitem__text,
.stylehome1 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text {
color: #444444;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.stylehome1 a.mm-listitem__text:hover,
.stylehome1 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover {
background-color: #f3f5f6;
border-left: 2px solid #0390f3;
color: #0390f3;
}
/* ⭐ Active state for default menu */
.stylehome1 a.mm-listitem__text.active,
.stylehome1 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text.active {
color: #0390f3;
}
.stylehome1 a.mm-listitem__text:hover img,
.stylehome1 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover img {
color: #0390f3;
filter: invert(39%) sepia(93%) saturate(4444%) hue-rotate(189deg) brightness(96%) contrast(97%);
}
/* ⭐ Active state for default menu */
.stylehome1 a.mm-listitem__text.active,
.stylehome1 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text.active {
background-color: #f3f5f6;
border-left: 2px solid #0390f3;
color: #0390f3;
}
/* Home3 Variant */
.stylehome1.home3 a.mm-listitem__text,
.stylehome1.home3 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text {
color: #cecff9;
}
.stylehome1.home3 a.mm-listitem__text:hover,
.stylehome1.home3 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover {
background-color: #e5e5e5;
color: #0390f3;
}
/* ⭐ Active state for home3 menu */
.stylehome1.home3 a.mm-listitem__text.active,
.stylehome1.home3 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text.active {
background-color: #e5e5e5;
color: #0390f3;
}
.stylehome1.home6 .mm-navbar {
background-color: #ffffff;
}
.stylehome1.home6 .mm-panel {
background-color: #ebf9f4;
}
.stylehome1.home6 a.mm-listitem__text,
.stylehome1.home6 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text {
color: #252834;
}
.stylehome1.home6 a.mm-listitem__text:hover,
.stylehome1.home6 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover {
background-color: #43d4b6;
color: #ffffff;
}
.stylehome1.home6 .mm-navbar {
color: #252834;
}
.stylehome1.home6 .mm-btn_next::after {
border-color: #252834;
}
/* .stylehome1 li.mm-listitem:hover,
.stylehome1 li.mm-listitem:active,
.stylehome1 li.mm-listitem:focus {
color: #ffffff;
} */
.stylehome1 .mm-navbar,
.stylehome1 .mm-btn_prev:before {
background-color: #ffffff;
}
/*== Home Css ==*/
.custom_dropdown_widget .dropdown-menu {
top: 0;
}
.custom_dropdown_widget .dropdown-menu.show:before {
display: none;
}
.custom_dropdown_widget .title {
color: #041e42;
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
position: relative;
text-transform: uppercase;
}
.custom_dropdown_widget .bootstrap-select li {
margin-right: 30px;
}
.custom_dropdown_widget .bootstrap-select li a.dropdown-item {
margin-right: 30px;
}
.custom_dropdown_widget .bootstrap-select li a.dropdown-item:hover {
background-color: transparent;
color: #041e42;
font-weight: 600;
}
.custom_dropdown_widget .bootstrap-select li.selected.active a.dropdown-item.selected.active {
background-color: transparent;
color: #626974;
}
.custom_dropdown_widget .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
top: 15px;
}
.custom_dropdown_widget input.amount,
.custom_dropdown_widget input.amount2,
.custom_dropdown_widget input.amount3,
.custom_dropdown_widget input.amount4 {
width: 90px;
}
.small_dropdown .dd_btn {
background-color: #ffffff;
border: 1px solid #bdbdbd;
border-radius: 3px;
color: #041e42;
font-size: 14px;
height: 50px;
line-height: 2.5;
width: 180px;
text-align: left;
}
.custom_dropdown_widget {
position: relative;
}
.filter_components .flter_btn,
.custom_dropdown_widget .drop_btn,
.custom_dropdown_widget .drop_btn2,
.custom_dropdown_widget .drop_btn3,
.custom_dropdown_widget .drop_btn4,
.custom_dropdown_widget .advance_btn {
background-color: #f3f5f6;
border-radius: 60px;
cursor: pointer;
color: #041e42;
font-size: 15px;
font-weight: 500;
letter-spacing: 0em;
padding: 7px 20px;
}
.custom_dropdown_widget .advance_btn {
width: 130px;
}
.filter_components .drop_btn span {
font-size: 18px;
vertical-align: middle;
}
.drop_content,
.drop_content2,
.drop_content3,
.drop_content4 {
background-color: #ffffff;
border-top: 1px solid #eaeaea;
border-radius: 6px;
-webkit-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-o-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
display: none;
left: 0px;
margin: 0 auto;
padding: 30px 20px 30px;
position: absolute;
right: 0;
top: 50px;
width: 260px;
z-index: 9;
}
.drop_content:before,
.drop_content2:before,
.drop_content3:before,
.drop_content4:before {
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #eaeaea transparent;
content: "";
height: 0;
position: absolute;
left: 30px;
top: -5px;
width: 0;
}
.filter_components {
position: relative;
}
.filter_components li.list,
.filter_components li.gird {
position: relative;
}
.filter_components li.list:before,
.filter_components li.gird:before {
background-color: #eaeaea;
content: "";
height: 22px;
left: 0;
position: absolute;
width: 1px;
}
.filter_components li.list a,
.filter_components li.gird a {
position: relative;
}
.filter_components li.list a:after,
.filter_components li.gird a:after {
background-color: #041e42;
bottom: 0;
content: "";
height: 1px;
position: absolute;
left: 50%;
width: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.filter_components li.list a:hover:after,
.filter_components li.gird a:hover:after {
left: 0;
width: 100%;
}
.filter_components .list a,
.filter_components .gird a {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
}
.drop_content4.pricing_style {
height: 145px;
}
.small_dropdown .dd_btn label {
float: right;
}
.small_dropdown .dd_btn:hover {
cursor: pointer;
}
.sidebar_accordion_widget {
position: relative;
}
.left_sidebar_department_widgets ul li .parent_list {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 30px;
padding-left: 15px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.left_sidebar_department_widgets ul li .parent_list,
.left_sidebar_department_widgets ul li .parent_list:hover,
.left_sidebar_department_widgets ul li .parent_list:active,
.left_sidebar_department_widgets ul li .parent_list:focus,
.left_sidebar_department_widgets ul li .parent_list:visited {
font-weight: 500;
}
.left_sidebar_department_widgets ul li .parent_list:before {
content: "\f104";
font-family: "Font Awesome 6 Pro";
left: 0;
position: absolute;
}
.left_sidebar_department_widgets ul li .child_list {
color: #041e42;
font-size: 15px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0em;
padding-left: 20px;
}
.left_sidebar_department_widgets ul li .child_list:hover {
color: #443297;
}
.shop_by_brand {
position: relative;
}
.shop_by_brand ul li a,
.shop_by_brand.style2 ul li a,
.shop_by_brand.style2 a {
border: 1px solid #eaeaea;
border-radius: 6px;
color: #041e42;
display: block;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
height: 52px;
letter-spacing: 0em;
line-height: 50px;
text-align: center;
width: 95px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shop_by_brand.style2 ul li a,
.shop_by_brand.style2 a {
border: 1px dashed #979797;
border-radius: 60px;
height: 52px;
line-height: 50px;
padding: 0 20px;
width: auto;
}
.shop_by_brand.style2 ul li a:hover,
.shop_by_brand.style2 a:hover {
background-color: #112137;
color: #ffffff;
}
.shop_by_brand ul li a:hover {
background-color: #443297;
color: #ffffff;
}
/* Icon Box Css Code */
.feature_iconbox_home5_style {
background-color: #ecead5;
padding: 140px 0 110px;
position: relative;
}
.feature_img_box {
margin-bottom: 30px;
position: relative;
}
.feature_img_box .thumb {
overflow: hidden;
}
.feature_img_box .thumb .title {
background-color: #fff;
bottom: 0;
left: 0;
margin: 0;
padding: 10px 18px;
position: absolute;
}
.feature_img_box.home10_style .thumb .title {
border-radius: 6px;
bottom: 30px;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 29px;
left: 30px;
}
.feature_img_box .thumb .title span {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 29px;
}
.feature_img_box .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.feature_img_box:hover .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.home3_img_box_item {
padding: 30px;
position: relative;
}
/* MegaDropDown Content Style/Css Code */
.dropdown-content {
background-color: #ffffff;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
-moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
-o-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
display: none;
min-height: 254px;
left: 0;
padding: 15px;
position: absolute;
top: 140px;
width: 100%;
z-index: 9;
}
.dropdown-content:before {
background-color: #ffffff;
content: "";
height: 20px;
left: auto;
margin: 0 auto;
position: absolute;
right: 20%;
top: -5px;
width: 20px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.dropdown-content.home2 {
top: 110px;
}
form.listing_page_v9 {
width: 100%;
}
/* Home Two Featured Row */
.animated {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
}
.animate-out {
-webkit-animation-delay: 0ms;
animation-delay: 0ms;
}
/* ==== Home 2 Main Sliders === */
.main-banner-wrapper {
position: relative;
}
.main-banner-wrapper.home1_style.athome7 {
transform: translateX(40px);
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.main-banner-wrapper {
overflow: hidden;
}
}
.main-banner-wrapper .carousel-btn-block {
cursor: pointer;
position: absolute;
top: 45%;
width: 100%;
z-index: 1;
}
.main-banner-wrapper.home3_style .carousel-btn-block .carousel-btn {
border: 1px solid #bdbdbd;
}
.main-banner-wrapper .carousel-btn-block .carousel-btn {
background-color: #fff;
border-radius: 50%;
color: #041e42;
cursor: pointer;
display: inline-block;
font-size: 14px;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
vertical-align: middle;
z-index: 1;
-webkit-box-shadow: 0px 10px 35px rgba(17, 33, 55, 0.1);
-moz-box-shadow: 0px 10px 35px rgba(17, 33, 55, 0.1);
-o-box-shadow: 0px 10px 35px rgba(17, 33, 55, 0.1);
box-shadow: 0px 10px 35px rgba(17, 33, 55, 0.1);
}
.main-banner-wrapper .carousel-btn-block .carousel-btn:hover {
background-color: #ffffff;
color: #626974;
opacity: 1;
}
.main-banner-wrapper .carousel-btn-block .carousel-btn.left-btn {
position: absolute;
left: 30px;
}
.main-banner-wrapper .carousel-btn-block .carousel-btn.right-btn {
position: absolute;
right: 30px;
}
.banner-style-one .slide {
padding: 15px 0;
background-repeat: no-repeat;
background-size: cover;
}
.banner-style-one .slide:before {
background-color: transparent;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.home9_slider_style .banner-style-one .owl-dots {
bottom: 40px;
}
.home9_slider_style .banner-style-one .owl-dots .owl-dot span {
background-color: #626974;
}
.home9_slider_style .banner-style-one .banner-title,
.home9_slider_style .banner-style-one .active .banner-title {
color: #041e42;
font-size: 60px;
font-style: normal;
font-weight: 1;
line-height: 74px;
letter-spacing: 0em;
}
.home9_slider_style .banner-style-one p,
.home9_slider_style .banner-style-one .active p {
color: #041e42;
font-size: 16px;
font-style: normal;
line-height: 24px;
letter-spacing: 0em;
}
.banner-style-one .owl-nav {
display: none;
}
.home3_style .banner-style-one .banner-title,
.home7_main_slider .banner-style-one .banner-title {
color: #626974;
font-size: 60px;
font-style: normal;
font-weight: 1;
line-height: 74px;
letter-spacing: 0em;
}
.home6_style .banner-style-one .banner-title {
color: #041e42;
font-size: 45px;
font-style: normal;
font-weight: 1;
line-height: 55px;
letter-spacing: 0em;
}
.home6_style .banner-style-one p {
color: #626974;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
}
.banner-style-one .banner-title,
.banner-style-one .banner_top_title,
.banner-style-one .banner_top_title small {
color: #ffffff;
font-size: 40px;
font-style: normal;
font-weight: 1;
letter-spacing: 0em;
line-height: 49px;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.banner-style-one .banner_top_title {
font-size: 28px;
color: #ffffff;
font-weight: bold;
line-height: 1.2;
}
.banner-style-one .banner_top_title small {
font-size: 14px;
color: #ffffff;
}
.banner-style-one .property_details {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.banner-style-one .property_details li span.icon,
.banner-style-one .property_details li span.text {
font-size: 19px;
color: #ffffff;
}
.banner-style-one .property_details li span.text {
font-size: 14px;
}
.banner-style-one .property_details li {
margin-right: 20px;
}
.banner-style-one .property_details li:last-child {
margin-right: 0;
}
.banner-style-one .tag,
.banner-style-one p {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.banner-style-one .active .banner-title,
.banner-style-one .active .banner_top_title,
.banner-style-one .active .property_details,
.banner-style-one .active .banner-btn {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.banner-style-one .active .tag,
.banner-style-one .active p {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.banner-style-one .banner-btn {
color: #ffffff;
margin-top: 20px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.banner-style-one .active .banner-btn {
border-radius: 6px;
color: #ffffff;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.banner-style-one .owl-dots {
margin: 0;
position: absolute;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
filter: invert(1);
text-align: center;
}
.home1_style .banner-style-one .slide {
padding: 30px 0px;
}
.home2_banner_style .apple_widget_home1 .btn {
border-radius: 60px;
}
.home2_banner_style .apple_widget_home1 .tag,
.home1_style .banner-style-one .tag {
background-color: #86f1df;
border-radius: 6px;
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
padding: 5px 15px;
}
.home1_style .banner-style-one .tag.home5_style {
background-color: #292929;
border-radius: 0;
color: #ffffff;
}
.home1_style .banner-style-one .tag.home6_style {
background: linear-gradient(135deg, #007acc, #00c6ff);
color: #041e42;
}
.home1_style .banner-style-one .tag.home7_style,
.home1_style .banner-style-one .tag.home8_style {
background-color: #041e42;
color: #ffffff;
}
.home1_style .banner-style-one .tag.home9_style {
background-color: #4b87f4;
color: #ffffff;
}
.home1_style .banner-style-one .banner-btn.home5_style {
border: 2px solid #112137;
border-radius: 0;
}
.home1_style .banner-style-one .banner-btn.home5_style.btn-transparent-dark:hover,
.home1_style .banner-style-one .banner-btn.home5_style.btn-transparent-dark:active,
.home1_style .banner-style-one .banner-btn.home5_style.btn-transparent-dark:focus {
color: #ffffff;
}
.home1_style .banner-style-one .banner-title,
.home2_banner_style .apple_widget_home1 .title {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 50px;
line-height: 72px;
margin-top: 15px;
}
.home1_style .banner-style-one p {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
}
.home1_style .banner-style-one .banner-btn,
.home1_style .banner-style-one .active .banner-btn,
.home1_style .banner-style-one .banner-btn.home6_style,
.home1_style .banner-style-one .active .banner-btn.home6_style,
.home1_style .banner-style-one .banner-btn.home8_banner_btn,
.home1_style .banner-style-one .active .banner-btn.home8_banner_btn {
color: #fff;
font-style: normal;
font-weight: 400;
font-size: 16px;
height: 52px;
line-height: 50px;
padding: 0 40px;
}
.home1_style .banner-style-one .banner-btn.home8_banner_btn,
.home1_style .banner-style-one .active .banner-btn.home8_banner_btn,
.home1_style .banner-style-one .banner-btn.home7_style,
.home1_style .banner-style-one .active .banner-btn.home7_style {
color: #ffffff;
}
.home1_style .banner-style-one .owl-dots {
bottom: 25px;
}
.home1_style.athome3 .banner-style-one .tag {
background-color: #cecbe2;
}
.home1_style .banner-style-one .banner-btn.home6_style,
.home1_style .banner-style-one .active .banner-btn.home6_style {
border-color: #ffffff;
padding: 0 35px;
}
.shoplist_style_v1 .banner-style-one .banner-title,
.shoplist_style_v1 .banner-style-one .active .banner-title,
.shoplist_style_v7 .banner-style-one .banner-title,
.shoplist_style_v7 .banner-style-one .active .banner-title {
color: #041e42;
font-size: 28px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
}
.shoplist_style_v1 .banner-style-one .banner-btn,
.shoplist_style_v1 .banner-style-one.active .banner-btn,
.shoplist_style_v6 .banner-style-one .banner-btn,
.shoplist_style_v6 .banner-style-one.active .banner-btn,
.shoplist_style_v7 .banner-style-one .banner-btn,
.shoplist_style_v7 .banner-style-one.active .banner-btn {
color: #fff;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
padding: 15px 35px;
}
.shoplist_style_v1 .banner-style-one p,
.shoplist_style_v1 .banner-style-one .active p,
.shoplist_style_v7 .banner-style-one p,
.shoplist_style_v7 .banner-style-one .active p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.shoplist_style_v6 .banner-style-one .banner-title,
.shoplist_style_v6 .banner-style-one .active .banner-title {
color: #ffffff;
font-size: 28px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
}
.shoplist_style_v6 .banner-style-one p,
.shoplist_style_v6 .banner-style-one .active p {
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.shoplist_style_v1 .banner-style-one .slide{
padding: 30px 0px;
}
.shoplist_style_v1 .banner-style-one .slide img{
width: 100%;
object-fit: cover;
height: 360px;
}
.shoplist_style_v7 .banner-style-one .slide {
background-color: #f3f5f6;
padding: 70px 65px;
}
.shoplist_style_v6 .banner-style-one .slide {
padding: 105px 120px;
}
.home3_style .banner-style-one .banner-btn,
.home3_style .banner-style-one .active .banner-btn {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
padding: 15px 40px;
}
.home6_style .banner-style-one .banner-btn,
.home6_style .banner-style-one .active .banner-btn,
.home7_main_slider .banner-style-one .banner-btn,
.home7_main_slider .banner-style-one .active .banner-btn {
font-size: 15px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
padding: 16px 40px;
}
.home7_main_slider .banner-style-one .banner-btn,
.home7_main_slider .banner-style-one .active .banner-btn {
border: none;
}
.home8_main_slider .banner-style-one .banner-btn,
.home8_main_slider .banner-style-one .active .banner-btn {
background-color: #ffd96a;
border: none;
border-radius: 50px;
color: #041e42;
font-size: 14px;
font-style: normal;
font-weight: 700;
height: 50px;
line-height: 16px;
letter-spacing: 0em;
padding: 0;
width: 152px;
}
.home8_main_slider .banner-style-one .banner-btn:hover,
.home8_main_slider .banner-style-one .banner-btn:active,
.home8_main_slider .banner-style-one .banner-btn:focus {
background-color: #ffc416;
}
.home9_slider_style .banner-style-one .banner-btn:hover,
.home9_slider_style .banner-style-one .banner-btn:active,
.home9_slider_style .banner-style-one .banner-btn:focus,
.home9_slider_style .banner-style-one .active .banner-btn:hover,
.home9_slider_style .banner-style-one .active .banner-btn:active,
.home9_slider_style .banner-style-one .active .banner-btn:focus {
color: #fff;
}
.home9_slider_style .banner-style-one .banner-btn,
.home9_slider_style .banner-style-one .active .banner-btn {
border: none;
color: #041e42;
font-size: 14px;
font-style: normal;
font-weight: 700;
height: 50px;
line-height: 16px;
letter-spacing: 0em;
padding: 0;
width: 152px;
}
.home3_style .banner-style-one .slide {
padding: 145px 0px;
}
.home8_main_slider .banner-style-one .owl-dots .owl-dot.active span {
border: 2px solid #fff;
}
.home6_style .banner-style-one .slide {
padding: 150px 0 120px 100px;
}
.home8_main_slider .banner-style-one .slide {
padding: 90px 0 0 55px;
}
.home8_main_slider .banner-style-one .owl-dots {
bottom: 40px;
left: 100px;
}
.home8_main_slider .banner-style-one .para {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.home8_main_slider .banner-style-one .banner_top_title {
font-size: 40px;
font-style: normal;
font-weight: 1;
line-height: 49px;
letter-spacing: 0em;
}
.banner-style-one .owl-dots .owl-dot span {
background-color: #eeeeee;
width: 6px;
height: 6px;
margin: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.banner-style-one .owl-dots .owl-dot .owl-dot {
margin-left: 7px;
}
.banner-style-one .owl-dots .owl-dot.active span {
background-color: transparent;
border: 2px solid #41544a;
height: 13px;
width: 13px;
}
.home1_style.at_home6 .banner-style-one .owl-dots {
bottom: auto;
left: 40px;
max-width: min-content;
top: 45%;
}
.home1_style.at_home6 .banner-style-one .owl-dots .owl-dot {
display: block;
margin: 10px 0;
}
.home1_style.at_home6 .banner-style-one.owl-theme .owl-dots .owl-dot span {
background-color: #ffffff;
margin: 0 auto;
}
.home1_style.at_home6 .banner-style-one.owl-theme .owl-dots .owl-dot:hover span:before,
.home1_style.at_home6 .banner-style-one.owl-theme .owl-dots .owl-dot.active span:before {
background-color: #ffffff;
}
.home1_style.at_home6 .banner-style-one.owl-theme .owl-dots .owl-dot:hover span,
.home1_style.at_home6 .banner-style-one.owl-theme .owl-dots .owl-dot.active span {
border: 2px solid #ffffff;
}
.banner-style-one.no-dots .owl-dots {
display: none !important;
}
.home-one {
padding: 0;
}
.slide.slide-one.home6 {
height: 730px;
}
.banner-style-one .slide.slide-one.home6 .banner-title {
font-size: 50px;
font-weight: normal;
line-height: initial;
text-transform: uppercase;
}
.banner-style-one .slide.slide-one.home6 p {
margin: 0 auto;
max-width: 450px;
}
.banner-style-one .slide.home6 {
padding: 295px 0;
}
.banner-style-one .slide.home6:before {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
/*== Feature Property ==*/
.for_blog {
margin-bottom: 30px;
position: relative;
}
.for_blog .thumb {
border-radius: 6px;
overflow: hidden;
position: relative;
}
.for_blog .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.for_blog:hover .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.for_blog.list-type {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
}
.for_blog .details .tc_content {
padding: 25px 0 0;
}
.for_blog.blog_details_inner .details .tc_content {
padding: 30px 0 0;
}
.for_blog .details .tc_content .subtitle,
.for_blog .details .tc_content .post_date {
color: #626974;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.for_blog .details .tc_content .title,
.for_blog .details .tc_content .title a {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 29px;
margin-top: 10px;
}
.for_blog.blog_details_inner .details .tc_content .title,
.for_blog.blog_details_inner .details .tc_content .title a {
font-style: normal;
font-size: 28px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
}
.for_blog .thumb img {
border-radius: 6px;
}
.for_blog .fp_footer .fp_meta li:nth-child(2) {
margin-right: 30px;
}
.for_blog .details {
position: relative;
}
.for_blog.list-type .thumb {
max-width: 450px;
width: 100%;
}
.for_blog.list-type .details {
margin-bottom: 20px;
padding: 50px 0 30px 30px;
}
.for_blog.list-type .details .title {
font-size: 26px;
font-weight: 500;
line-height: 38px;
letter-spacing: 0em;
}
.for_blog.list-type .details p,
.for_blog.blog_details_inner .details p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.for_blog .details .tc_content .bpg_meta li a {
font-size: 14px;
color: rgb(119, 119, 119);
line-height: 1.2;
}
.invoice_table.faborites td.editing_list {
vertical-align: middle;
}
.feature_property_slider.owl-theme .owl-nav,
.bestseller_sidebar_slider.owl-theme .owl-nav,
.shop_item_4grid_slider.home10_style.owl-theme .owl-nav,
.shop_item_4grid_slider2.home10_style.owl-theme .owl-nav,
.feature_property_slider.owl-theme .owl-dots .owl-dot,
.bestseller_sidebar_slider.owl-theme .owl-dots .owl-dot,
.shop_item_1grid_slider.owl-theme .owl-dots .owl-dot,
.shop_item_2grid_slider.owl-theme .owl-dots .owl-dot,
.shop_item_3grid_slider.owl-theme .owl-dots .owl-dot,
.owl-carousel .owl-item img {
width: auto;
}
.shop_item_2grid_slider.owl-theme .owl-dots {
text-align: left;
}
.shop_item_2grid_slider.owl-theme .owl-dots .owl-dot span {
background-color: #fff;
}
.shop_item_2grid_slider.owl-theme .owl-dots .owl-dot.active span,
.shop_item_2grid_slider.owl-theme .owl-dots .owl-dot:hover span {
background-color: transparent !important;
border: 2px solid #ffffff;
}
.popular_listing_sliders .tab-content .tab-pane {
display: block;
height: 0;
}
.popular_listing_sliders .tab-content .active {
height: auto;
}
.home9_style .best_selling_item .wrapper .media {
padding: 20px;
}
.popular_listing_sliders.home9_shop_contents {
border: 1px solid #bdbdbd;
border-radius: 6px;
padding: 30px;
}
.faq_according .accordion .card.floor_plan {
outline: none;
}
.faq_according .accordion .card.floor_plan .card-header.active .btn-link {
color: #041e42;
}
.faq_according .accordion .card.floor_plan .card-header.active {
border: 1px solid #f3f5f6;
}
.faq_according .accordion .card.floor_plan .card-header .btn-link ul li {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
}
.our-testimonials {
background-color: #f5f7fc;
}
.our-testimonials.home8_style {
background-color: rgba(75, 135, 244, 0.07);
}
.our-testimonials .container.max1800 {
max-width: 1800px;
}
.footer_middle_area.home6 {
background-color: #f0f0f0;
position: relative;
}
.footer_social_widget,
.footer_mobile_app_widget,
.footer_acceped_card_widget {
position: relative;
}
.social_icon_list li a {
color: #041e42;
font-size: 18px;
font-style: normal;
line-height: 26px;
margin-right: 10px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.social_icon_list li a i {
font-family: "Font Awesome 6 Brands";
}
.social_icon_list.home2_style li a {
color: #ffffff;
}
.acceped_card_list ul li a img {
width: 36px;
}
/* .footer_one {
padding: 60px 0 0;
} */
.footer_one.home6:before {
left: 50px;
}
.footer_one.home6 {
position: relative;
z-index: 0;
}
.footer_one hr {
border-top: 1px solid rgba(255, 255, 255, 0.1);
opacity: 1;
}
.footer_one.home3 hr {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer_one.home4 hr {
border-top: 1px solid #bdbdbd;
}
.footer_bottom_area {
background-color: #041e42;
}
.copyright-widget p,
.copyright-widget p a,
.copyright-widget.home10 p {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 14px;
text-align: center;
line-height: 40px;
margin-bottom: 0;
}
.copyright-widget.home2 p {
color: #626974;
}
.copyright-widget.home3 p,
.copyright-widget.home6 p {
color: #777777;
}
.copyright-widget.home4 p {
color: #626974;
}
.footer_one.home2 {
background-image: url("../images/background/footer-bg-img-home2.png");
background-size: cover;
}
.footer_one.home6 {
background-color: #f5f5f5;
}
.footer_one.home8 {
background-color: #4b87f5;
}
.footer_one.home10 {
background-color: #6668b2;
}
.footer_contact_widget,
.footer_qlink_widget,
.copyright-widget {
position: relative;
}
.footer_contact_widget {
position: relative;
}
.contact_icon_box .contact_iconbox .icon,
.footer_contact_iconbox .icon {
position: relative;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.contact_icon_box .contact_iconbox .icon span,
.footer_contact_iconbox .icon span {
color: #041e42;
font-size: 30px;
}
.vendor_iconbox:hover .icon img,
.contact_icon_box .contact_iconbox:hover .icon,
.footer_contact_iconbox:hover .icon {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.footer_contact_iconbox .details .title {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
}
.contact_icon_box .contact_iconbox .details a,
.footer_contact_iconbox .details a {
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #041e42;
}
.footer_contact_widget.home2 ul li a,
.footer_contact_widget.home6 ul li a {
color: #626974;
}
.footer_contact_widget.home6 ul li a {
color: #041e42;
}
.footer_qlink_widget {
position: relative;
padding-left: 50px;
}
.footer_qlink_widget.home5 {
padding-left: 0;
}
.footer_qlink_widget h4,
.footer_contact_widget h4,
.footer_social_widget h4,
.footer_mobile_app_widget h4,
.footer_acceped_card_widget h4,
.footer_qlink_widget.home10 h4 {
color: #041e42;
font-style: normal;
text-decoration: underline;
font-weight: 500;
letter-spacing: 0em;
margin-bottom: 12px;
margin-top: 0;
text-align: left;
}
.footer_qlink_widget.home2_style h4,
.footer_contact_widget.home2_style h4,
.footer_social_widget.home2_style h4,
.footer_mobile_app_widget.home2_style h4,
.footer_acceped_card_widget.home2_style h4,
.footer_contact_iconbox.home2_style .details .title,
.footer_contact_iconbox.home2_style .icon span,
.footer_contact_iconbox.home2_style .details a,
.footer_qlink_widget.home2_style li a,
.footer_qlink_widget.home2_style li:hover a,
.social_icon_list.home2_style li a,
.footer_mobile_app_widget.home2_style .mobile_app_list li a,
.copyright-widget.home2_style p,
.copyright-widget.home2_style p a {
color: #ffffff;
}
.footer_qlink_widget.home2_style li a:before {
background-color: #ffffff;
}
.footer_qlink_widget.home5 h4,
.footer_contact_widget.home5 h4,
.footer_contact_widget.home6 h4 {
color: #041e42;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26px;
letter-spacing: 0em;
}
.footer_qlink_widget.home4 h4 {
color: #041e42;
}
.footer_qlink_widget.home4 li a {
color: #626974;
}
.footer_qlink_widget li a,
.footer_qlink_widget.home2 li a,
.footer_qlink_widget.home10 li a {
color: #041e42;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 2;
position: relative;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.footer_qlink_widget.home2 li a,
.footer_qlink_widget.home5 li a {
color: #626974;
}
.footer_qlink_widget li {
position: relative;
}
.footer_qlink_widget li:hover a {
color: #443297;
}
.account_user_deails .dboard_address .title span:before,
.footer_qlink_widget li a:before {
background-color: #443297;
bottom: 0;
content: "";
height: 1px;
position: absolute;
left: 50%;
width: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.account_user_deails .dboard_address .title:hover span:before,
.brand_item_box li:hover a:before,
.footer_qlink_widget li:hover a:before {
left: 0;
width: 100%;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
background-color: transparent;
box-shadow: none;
}
.footer_menu ul li .bootstrap-select .dropdown-toggle .filter-option {
outline: none;
}
.footer_menu ul li .bootstrap-select {
width: auto !important;
}
.sidebar_widge_on_home {
border: 1px solid #f3f5f6;
position: relative;
z-index: 1;
}
.sidebar_contact_widget,
.sidebar_about_widget {
border: 1px solid #f3f5f6;
border-radius: 3px;
padding: 30px;
position: relative;
-webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
-moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
-o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
}
.sidebar_contact_widget .title,
.sidebar_about_widget .title {
color: #041e42;
}
.sidebar_contact_widget li {
line-height: 35px;
}
/*== Inner Pages Breadcrumb ==*/
.inner_page_breadcrumb {
padding: 15px 0;
position: relative;
background: whitesmoke;
}
.inner_page_breadcrumb.style2 {
background-color: #f3f5f6;
padding: 35px 0;
}
.inner_page_breadcrumb.style3 {
background-image: url("../images/background/inner-pagebg3.jpg");
background-repeat: no-repeat;
height: 400px;
}
.inner_page_breadcrumb.style4 {
background-image: url("../images/background/inner-pagebg4.jpg");
background-repeat: no-repeat;
height: 500px;
}
.inner_page_breadcrumb.csv2 .breadcrumb_content,
.inner_page_breadcrumb.csv3 .breadcrumb_content {
margin-top: 100px;
}
.inner_page_breadcrumb .breadcrumb_content .breadcrumb {
background-color: transparent;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.inner_page_breadcrumb .breadcrumb_title {
color: #041e42;
}
.inner_page_breadcrumb.style3 .breadcrumb_content {
padding-top: 120px;
}
.inner_page_breadcrumb.style3 .breadcrumb_title,
.inner_page_breadcrumb.style3 .breadcrumb-item a,
.inner_page_breadcrumb.style3 .breadcrumb-item.active a,
.inner_page_breadcrumb.style3 .breadcrumb-item .breadcrumb-item::before {
color: #ffffff;
}
.inner_page_breadcrumb .breadcrumb_title li:first-child {
color: #7f7f7f;
}
.inner_page_breadcrumb .breadcrumb_title li:last-child {
color: #221f1f;
}
.inner_page_breadcrumb .breadcrumb-item a {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.inner_page_breadcrumb .breadcrumb-item.active a {
color: #626974;
}
.breadcrumb_content.style2 {
text-align: center;
}
.breadcrumb_content.style2 h2 {
color: #041e42;
}
.breadcrumb_content.style3 {
text-align: left;
}
.breadcrumb_content.style3 .breadcrumb {
background-color: transparent;
padding-left: 0;
}
.inner_page_breadcrumb .breadcrumb_content.style4 {
padding-top: 130px;
}
.breadcrumb_content.style4 .breadcrumb_title {
color: #ffffff;
font-size: 50px;
font-weight: 500;
line-height: 72px;
letter-spacing: 0em;
}
.breadcrumb_content.style4 p {
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
margin-bottom: 20px;
}
.breadcrumb_content.style4 .btn {
height: 52px;
line-height: 35px;
width: 122px;
}
.breadcrumb-item.active.style2 {
color: #041e42;
}
.inner_page_breadcrumb .breadcrumb_content.style2 .breadcrumb-item a,
.inner_page_breadcrumb .breadcrumb_content.style2 .breadcrumb-item.active,
.inner_page_breadcrumb .breadcrumb_content.style2 .breadcrumb-item .breadcrumb-item::before,
.inner_page_breadcrumb .breadcrumb_content.style3 .breadcrumb-item a,
.inner_page_breadcrumb .breadcrumb_content.style3 .breadcrumb-item.active,
.inner_page_breadcrumb .breadcrumb_content.style3 .breadcrumb-item .breadcrumb-item::before {
color: #041e42;
}
.breadcrumb_content.style2 ol.breadcrumb {
background-color: transparent;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
padding-top: 0;
padding-right: 0;
}
.blog_single_post {
position: relative;
}
.aboutus_thumb {
border-radius: 6px;
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
.about_us_content {
position: relative;
}
.about_us_content .title {
font-size: 20px;
font-weight: 500;
line-height: 35px;
letter-spacing: 0em;
margin-bottom: 30px;
}
.about_us_content p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.aboutus_mission_vision {
position: relative;
}
.aboutus_mission_vision .title {
font-size: 20px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0em;
margin-bottom: 20px;
}
.aboutus_mission_vision p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.home10_category_slider.owl-carousel .owl-stage-outer {
display: inline-block;
}
.testimonial_item {
position: relative;
}
.testimonial_item .author {
margin: 0;
}
.testimonial_item .author_post {
font-size: 15px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0.02em;
}
.tstmnl_slider_para {
line-height: 30px;
letter-spacing: 0em;
}
/*== Vendor Code Start ==*/
.page_control_shorting {
position: relative;
}
.page_control_shorting.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 140px;
}
.vendor_grid {
border: 1px solid #d3d3d3;
border-radius: 6px;
margin-bottom: 30px;
overflow: hidden;
padding: 15px;
position: relative;
height: calc(100% - 30px);
}
.vendor_grid .thumb {
border-radius: 6px;
overflow: hidden;
position: relative;
}
.vendor_grid .thumb img {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
height: 120px;
object-fit: contain;
width: 100%;
}
.vendor_grid:hover .thumb img {
transform: scale(1.1);
}
.vendor_grid .details {
padding: 15px 0 0;
}
.vendor_grid .details .title {
line-height: 28px;
letter-spacing: 0em;
}
.vendor_grid .details .sub_title {
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.vendor_grid .details .btn {
line-height: 45px;
padding: 0;
}
.vendor_grid.shop_single_style {
padding: 20px;
position: relative;
}
.vendor_grid.shop_single_style .price {
color: #041e42;
font-size: 18px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0em;
}
.vendor_grid.shop_single_style .price del {
color: #626974;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.vendor_grid.shop_single_style a.btn {
padding: 2px 45px;
}
.shop_single_item {
position: relative;
}
.shop_single_item .title {
font-size: 20px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0em;
}
.shop_single_item .custom_checkbox {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.shop_single_item .mouse_item,
.shop_single_item .keyboard_item {
border: 1px solid #eaeaea;
padding: 20px;
}
.shop_single_item .plusicon {
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
transform: rotate(45deg);
}
.shop_single_item .plusicon span {
color: #041e42;
font-size: 10px;
}
.shop_single_item .price_ss2_single {
color: #041e42;
font-size: 26px;
font-weight: 500;
line-height: 38px;
letter-spacing: 0em;
}
.shop_single_qna {
position: relative;
}
.shop_single_qna .search_field input.form-control {
height: 50px;
}
.shop_single_qna .search_field button.btn {
background: linear-gradient(135deg, #007acc, #00c6ff);
border: 1px solid #eaeaea;
border-radius: 0px 6px 6px 0px;
height: 50px;
width: 50px;
}
.shop_single_qna .question_with_poster .title {
font-style: normal;
font-weight: 400;
line-height: 28px;
margin-bottom: 10px;
}
.shop_single_qna .question_with_poster .author {
color: #626974;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.shop_single_qna .question_with_answer {
background-color: #f3f5f6;
border-radius: 6px;
padding: 30px;
}
.shipping_return_para {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.vendor_address ul li a {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.become_avendor_page_banner {
background-image: url(../images/background/logistic-service-concept.png);
background-size: cover;
background-position: center;
}
.vendor_single_page_banner {
background-image: url(../images/background/vendor-single-banner.jpg);
background-size: cover;
background-position: center;
height: auto;
}
.vendor_single_page_banner {
border-radius: 6px;
overflow: hidden;
position: relative;
}
.vendor_single_page_banner .details .title {
color: #fff;
font-size: 26px;
font-weight: 500;
line-height: 38px;
letter-spacing: 0em;
}
.vendor_single_page_banner .details .vendor_acc_info {
padding: 60px 30px
}
.vendor_single_page_banner .details .vendor_acc_info .buy_btn {
height: 52px;
line-height: 37px;
width: 152px;
}
.seller_banner_content {
position: relative;
}
.seller_banner_content .title {
color: #ffffff;
font-size: 50px;
font-weight: 500;
line-height: 72px;
letter-spacing: 0em;
}
.seller_banner_content p {
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.team_member {
background-color: #ffffff;
border-radius: 8px;
margin-bottom: 30px;
position: relative;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.team_member .thumb {
border-radius: 6px;
overflow: hidden;
position: relative;
background: whitesmoke;
text-align: center;
}
.team_member .thumb img{
height: 330px;
object-fit: contain;
}
.team_member .thumb .overylay {
content: "";
background-color: rgba(245, 195, 75, 0.9);
bottom: 0;
opacity: 0;
height: 0;
left: 0;
position: absolute;
right: 0;
width: 100%;
visibility: hidden;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.team_member:hover .thumb .overylay {
height: 100%;
opacity: 1;
visibility: visible;
}
.team_member .thumb .overylay .social_icon {
bottom: 0;
left: 0;
margin-bottom: 0;
opacity: 0;
position: absolute;
right: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.team_member:hover .thumb .overylay .social_icon {
bottom: 40%;
opacity: 1;
visibility: visible;
}
.team_member .thumb .overylay .social_icon li {
margin-right: 20px;
}
.team_member .thumb .overylay .social_icon li:last-child {
margin-right: 0;
}
.team_member .thumb .overylay .social_icon li a i {
color: #041e42;
font-size: 14px;
}
.team_member .details {
padding: 25px 0 0;
text-align: center;
}
.team_member .details p {
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
margin-bottom: 0;
}
.shop_item_5grid_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_6grid_slider.owl-theme.owl-loaded .owl-prev {
left: 0;
top: 40%;
}
.shop_item_3grid_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_3grid_slider.owl-theme.owl-loaded .owl-next,
.shop_item_4grid_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_4grid_slider.owl-theme.owl-loaded .owl-next,
.shop_item_4grid_slider2.owl-theme.owl-loaded .owl-prev,
.shop_item_4grid_slider2.owl-theme.owl-loaded .owl-next,
.shop_item_7grid_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_7grid_slider.owl-theme.owl-loaded .owl-next {
top: 200px;
}
.shop_item_3grid_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_4grid_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_4grid_slider2.owl-theme.owl-loaded .owl-prev,
.shop_item_7grid_slider.owl-theme.owl-loaded .owl-prev {
left: -30px;
}
.shop_item_3grid_slider.owl-theme.owl-loaded .owl-next,
.shop_item_4grid_slider.owl-theme.owl-loaded .owl-next,
.shop_item_4grid_slider2.owl-theme.owl-loaded .owl-next,
.shop_item_7grid_slider.owl-theme.owl-loaded .owl-next {
right: -30px;
}
.shop_item_5grid_slider.home6_style.owl-theme.owl-loaded .owl-prev {
left: -60px;
}
.shop_item_5grid_slider.home6_style.owl-theme.owl-loaded .owl-next {
right: -60px;
}
.shop_item_5grid_slider.home6_style.owl-theme.owl-loaded .owl-prev:hover,
.shop_item_5grid_slider.home6_style.owl-theme.owl-loaded .owl-next:hover {
border: 1px solid #f2b23e;
color: #f2b23e;
}
.shop_item_3grid_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_3grid_slider.owl-theme.owl-loaded .owl-next,
.shop_item_4grid_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_4grid_slider.owl-theme.owl-loaded .owl-next,
.shop_item_4grid_slider2.owl-theme.owl-loaded .owl-prev,
.shop_item_4grid_slider2.owl-theme.owl-loaded .owl-next,
.shop_item_5grid_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_5grid_slider.owl-theme.owl-loaded .owl-next,
.shop_item_6grid_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_6grid_slider.owl-theme.owl-loaded .owl-next,
.shop_item_7grid_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_7grid_slider.owl-theme.owl-loaded .owl-next {
background-color: #FFFFFF;
border-radius: 50%;
border: 1px solid #EAEAEA;
color: #112137;
height: 50px;
line-height: 40px;
position: absolute;
text-align: center;
width: 50px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.shop_item_5grid_slider.owl-theme.owl-loaded .owl-next,
.shop_item_6grid_slider.owl-theme.owl-loaded .owl-next {
right: -18px;
top: 40%;
}
.single_product_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_5grid_slider.owl-theme.owl-loaded .owl-prev {
left: -18px;
top: 40%;
}
.shop_item_5grid_slider.owl-theme.owl-loaded .owl-prev:hover,
.shop_item_5grid_slider.owl-theme.owl-loaded .owl-next:hover {
border: 1px solid #112137;
}
.navi_hvr_bdr_none.owl-theme.owl-loaded .owl-prev:hover,
.navi_hvr_bdr_none.owl-theme.owl-loaded .owl-next:hover,
.navi_pagi_top_right.shop_item_5grid_slider.owl-theme.owl-loaded.owl-prev:hover,
.navi_pagi_top_right.shop_item_5grid_slider.owl-theme.owl-loaded.owl-next:hover {
border: none;
}
.shop_item_6grid_slider.owl-theme.owl-loaded .owl-prev,
.shop_item_6grid_slider.owl-theme.owl-loaded .owl-next {
background-color: #ffffff;
}
.shop_item_4grid_slider.owl-theme.slider_arrow_bgct.owl-loaded .owl-prev,
.shop_item_4grid_slider.owl-theme.slider_arrow_bgct.owl-loaded .owl-next,
.shop_item_4grid_slider2.owl-theme.slider_arrow_bgct.owl-loaded .owl-prev,
.shop_item_4grid_slider2.owl-theme.slider_arrow_bgct.owl-loaded .owl-next {
background-color: transparent;
border: none;
color: #ffffff;
}
.shop_item_4grid_slider2.owl-theme.slider_arrow_bgct.owl-loaded .owl-prev,
.shop_item_4grid_slider2.owl-theme.slider_arrow_bgct.owl-loaded .owl-next {
font-size: 19px;
}
.shop_item_4grid_slider.owl-theme.slider_arrow_bgct.home6_style.owl-loaded.owl-prev,
.shop_item_4grid_slider2.owl-theme.slider_arrow_bgct.home6_style.owl-loaded.owl-prev {
left: -50px;
}
.shop_item_4grid_slider.owl-theme.slider_arrow_bgct.home6_style.owl-loaded.owl-next,
.shop_item_4grid_slider2.owl-theme.slider_arrow_bgct.home6_style.owl-loaded.owl-next {
right: -50px;
}
.bestseller_sidebar_slider.home8_style.owl-theme .owl-nav .owl-prev,
.bestseller_sidebar_slider.home8_style.owl-theme .owl-nav .owl-next {
top: 45%;
}
.bestseller_sidebar_slider.home8_style.owl-theme .owl-nav .owl-prev {
left: 0;
}
.bestseller_sidebar_slider.owl-theme .owl-nav .owl-prev,
.bestseller_sidebar_slider.owl-theme .owl-nav .owl-next,
.shop_item_1grid_slider.owl-theme .owl-nav .owl-prev,
.shop_item_1grid_slider.owl-theme .owl-nav .owl-next,
.shop_item_4grid_slider.home10_style.owl-theme .owl-nav .owl-prev,
.shop_item_4grid_slider.home10_style.owl-theme .owl-nav .owl-next,
.shop_item_4grid_slider2.home10_style.owl-theme .owl-nav .owl-prev,
.shop_item_4grid_slider2.home10_style.owl-theme .owl-nav .owl-next,
.shop_item_6grid_slider.owl-theme .owl-nav .owl-prev,
.shop_item_6grid_slider.owl-theme .owl-nav .owl-next {
background-color: transparent;
color: #041E42;
position: absolute;
}
/*== Our Partners ==*/
.our-partner {
padding: 40px 0;
}
.error_page_content {
position: relative;
}
.error_page_content .erro_code {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 150px;
line-height: 0.94;
}
.error_page_content .error_title {
color: #041e42;
font-size: 50px;
font-weight: 500;
line-height: 72px;
letter-spacing: 0em;
margin-bottom: 10px;
}
.error_page_content p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
margin-bottom: 15px;
}
.btn_error {
display: inline-block;
font-size: 15px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
padding: 13px 35px;
text-align: center;
}
.help_support_box {
background-color: #f3f5f6;
border-radius: 6px;
margin-bottom: 30px;
padding: 75px 50px 50px;
position: relative;
}
.help_support_box .title {
font-size: 20px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0em;
margin-bottom: 15px;
}
.help_support_box ul li a {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0em;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.help_support_box ul li:hover a {
color: #443297;
text-decoration: underline;
}
.brand_item_box {
margin-bottom: 30px;
position: relative;
}
.brand_item_box .title {
font-size: 18px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0em;
margin-bottom: 10px;
}
.brand_item_box ul li a {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
position: relative;
}
.brand_item_box ul li a:before {
background-color: #443297;
bottom: 0;
content: "";
height: 1px;
position: absolute;
left: 0%;
width: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.brand_item_box ul li:hover a:before {
width: 100%;
}
.brand_item_box ul li:hover a {
color: #443297;
}
/*== Enhanced Pricing Table Pages Style Code ==*/
/* Main Compare Table Container */
.compare_table {
background: #ffffff;
border-radius: 8px;
overflow: hidden;
margin-bottom: 25px; /* reduced */
border: 1px solid #e8ecef;
}
.compare_table .table-borderless {
margin-bottom: 0;
}
.compare_table .table-borderless tbody tbody,
.compare_table .table-borderless td,
.compare_table .table-borderless th,
.compare_table .table-borderless thead th {
border-right: 1px solid #e8ecef;
border-top: 1px solid #e8ecef;
width: 280px; /* reduced from 330px */
}
/* Product Header Section */
.compare_table .shop_item.wishlist_style {
position: relative;
padding: 12px; /* reduced from 20px */
}
.compare_table .shop_item .close_list {
position: absolute;
top: 8px; /* slightly reduced */
right: 8px;
width: 28px; /* reduced */
height: 28px;
background: #ff4757;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10;
}
.compare_table .shop_item .close_list:hover {
background: #ff3838;
}
.compare_table .shop_item .close_list span {
color: #000;
font-size: 11px; /* slightly reduced */
}
.compare_table .shop_item .thumb {
border-radius: 8px;
overflow: hidden;
background: #f8f9fa;
padding: 10px; /* reduced from 15px */
margin-bottom: 12px; /* reduced from 20px */
}
.compare_table .shop_item .thumb img {
width: 100%;
height: auto;
object-fit: contain;
max-height: 150px; /* reduced from 200px */
}
.compare_table .shop_item .details .sub_title {
color: #7c8a99;
font-size: 12px; /* reduced */
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 5px; /* reduced from 8px */
}
.compare_table .shop_item .details .title a {
color: #041e42;
font-size: 15px; /* reduced */
font-weight: 600;
line-height: 1.4;
text-decoration: none;
display: block;
}
.compare_table .shop_item .details .title a:hover {
color: #0390f3;
}
/* Price Section */
.compare_table .table-borderless th.cp_price {
border-right: 1px solid #e8ecef;
font-style: normal;
font-weight: 600;
font-size: 18px; /* reduced from 20px */
line-height: 1.2;
padding: 18px 22px; /* reduced from 25px 30px */
color: #041e42;
}
.compare_table .table-borderless th.cp_price small {
display: inline-block;
margin-left: 6px; /* reduced from 10px */
}
.compare_table .table-borderless th.cp_price del {
color: #9ca3af;
font-style: normal;
font-weight: 400;
font-size: 14px; /* reduced from 16px */
line-height: 20px; /* reduced */
}
/* First Column Styling */
.compare_table .table-borderless thead th.first_th {
background: linear-gradient(135deg, #007acc, #00c6ff);
position: relative;
color: #ffffff;
}
.compare_table .table-borderless thead th.first_th span.first_title {
position: absolute;
color: #ffffff;
font-style: normal;
font-weight: 600;
font-size: 13px; /* slightly reduced */
line-height: 20px;
letter-spacing: 1px;
left: 28px; /* reduced from 40px */
top: 22px; /* reduced from 30px */
text-transform: uppercase;
}
/* Row Title Styling */
th.cp_price_title,
th.cp_instock_title,
th.cp_desc_title,
th.cp_sku_title,
th.cp_weight_title,
th.cp_dimention_title,
th.cp_color_title,
th.cp_brand_title,
th.cp_btns_title {
background: #f5f7fa;
color: #041e42;
font-style: normal;
font-weight: 600;
font-size: 13px; /* reduced from 14px */
line-height: 20px; /* slightly reduced */
letter-spacing: 0.5px;
text-transform: uppercase;
vertical-align: middle;
padding-left: 22px; /* reduced from 40px */
padding-right: 18px; /* reduced from 30px */
}
/* Cell Content Styling */
td.cp_price,
td.cp_instock,
td.cp_desc,
td.cp_sku,
td.cp_weight,
td.cp_dimention,
td.cp_color,
td.cp_brand,
td.cp_btns {
padding: 18px; /* reduced from 30px */
}
.compare_table .table-borderless tr {
border-bottom: 1px solid #e8ecef;
border-right: 1px solid #e8ecef;
}
.compare_table .table-borderless td {
border-right: 1px solid #e8ecef;
color: #374151;
font-size: 14px; /* reduced from 15px */
font-weight: 400;
line-height: 1.5; /* slightly tighter */
vertical-align: middle;
padding: 18px 22px; /* reduced from 30px 40px */
}
/* Stock Status Badges */
td.cp_instock {
font-weight: 600;
}
td.cp_instock:after {
content: '';
display: inline-block;
width: 7px; /* reduced */
height: 7px; /* reduced */
border-radius: 50%;
margin-left: 6px; /* reduced */
vertical-align: middle;
}
/* Attribute Styling */
td.cp_weight h4 {
font-size: 13px; /* reduced */
font-weight: 500;
color: #4b5563;
margin-bottom: 6px; /* reduced from 8px */
padding: 6px 10px; /* reduced from 8px 12px */
background: #f3f4f6;
border-radius: 6px;
border-left: 3px solid #0390f3;
}
td.cp_weight h4:last-child {
margin-bottom: 0;
}
/* Description List */
.compare_table .table-borderless td.cp_desc_list ul li {
list-style-type: disc;
margin-left: 18px; /* slightly reduced */
padding: 3px 0; /* reduced */
}
/* Button Styling */
.compare_table .table-borderless td.cp_btns a.btn.cp_btn {
height: 42px; /* reduced from 50px */
line-height: 30px; /* adjusted */
width: 140px; /* reduced from 160px */
border-radius: 8px;
font-weight: 600;
font-size: 13px; /* reduced */
letter-spacing: 0.5px;
text-transform: uppercase;
}
.compare_table .table-borderless td.cp_btns a.btn.cp_btn:hover {
opacity: 0.9;
}
/* Striped Rows */
.compare_table .table-striped tbody tr:nth-of-type(even) {
background-color: #f9fafb;
}
.compare_table .table-striped tbody tr:nth-of-type(odd) {
background-color: transparent;
}
/* Empty State Styling */
.compare_table + div.text-center {
padding: 35px 15px; /* reduced from 60px 20px */
}
.compare_table + div.text-center img {
opacity: 0.7;
margin-bottom: 20px; /* reduced from 30px */
}
.compare_table + div.text-center h4 {
font-size: 18px; /* reduced from 20px */
font-weight: 600;
margin-bottom: 18px; /* reduced from 25px */
letter-spacing: 0.5px;
}
.compare_table + div.text-center .btn {
border-radius: 8px;
padding: 10px 24px; /* reduced */
font-weight: 600;
letter-spacing: 0.5px;
}
.compare_table + div.text-center .btn:hover {
opacity: 0.9;
}
/* Responsive Design */
@media (max-width: 1200px) {
.compare_table .table-borderless td,
.compare_table .table-borderless th {
width: 240px; /* reduced from 280px */
padding: 15px 18px; /* reduced */
}
.compare_table .shop_item .thumb img {
max-height: 130px; /* reduced from 150px */
}
}
@media (max-width: 992px) {
.compare_table {
overflow-x: auto;
}
.compare_table .table-borderless td,
.compare_table .table-borderless th {
width: 210px; /* reduced from 250px */
padding: 12px 15px; /* reduced */
}
.compare_table .table-borderless th.cp_price {
font-size: 17px; /* slightly reduced */
}
th.cp_price_title,
th.cp_instock_title,
th.cp_desc_title,
th.cp_sku_title,
th.cp_weight_title,
th.cp_dimention_title,
th.cp_color_title,
th.cp_brand_title,
th.cp_btns_title {
padding-left: 16px; /* reduced from 20px */
font-size: 12px;
}
}
@media (max-width: 768px) {
.compare_table .table-borderless td,
.compare_table .table-borderless th {
width: 190px; /* reduced from 220px */
padding: 10px 12px;
font-size: 13px; /* reduced from 14px */
}
.compare_table .shop_item .thumb {
padding: 8px; /* reduced from 10px */
margin-bottom: 10px; /* reduced from 15px */
}
.compare_table .shop_item .thumb img {
max-height: 100px; /* reduced from 120px */
}
.compare_table .table-borderless td.cp_btns a.btn.cp_btn {
width: 120px; /* reduced from 140px */
height: 38px; /* reduced from 45px */
line-height: 26px; /* adjusted */
font-size: 12px;
}
}
/* Scrollbar for Mobile */
.compare_table::-webkit-scrollbar {
height: 6px; /* reduced from 8px */
}
.compare_table::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
.compare_table::-webkit-scrollbar-thumb {
background: #0390f3;
border-radius: 10px;
}
.compare_table::-webkit-scrollbar-thumb:hover {
background: #5568d3;
}
/*== LogIn Register Page ==*/
.login_form {
padding: 0;
}
.login_form .input-group-text,
.sign_up_form .input-group-text {
background-color: transparent;
border: none;
color: #006c70;
height: 40px;
position: absolute;
right: 2px;
top: 6px;
}
.login_form .form-group .custom-control-label,
.sign_up_form .form-group .custom-control-label {
font-size: 14px;
padding-top: 2px;
}
.login_form p,
.sign_up_form p {
color: #041e42;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.login_form p a,
.sign_up_form p a {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
text-align: center;
}
.login_form .btn-fpswd {
color: #443297;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-decoration: underline;
}
.sign_up_form .divide,
.login_form .divide {
position: relative;
}
.sign_up_form .divide .lf_divider,
.login_form .divide .lf_divider {
background-color: #f9fafc;
height: 20px;
left: 0;
line-height: 20px;
margin: 0 auto;
position: absolute;
right: 0;
text-align: center;
top: -10px;
width: 62px;
}
.sign_up_form.inner_page,
.login_form.inner_page {
border: 1px solid #f3f5f6;
border-radius: 3px;
padding: 30px;
-webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
-moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
-o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
}
.sign_up_form.inner_page .title,
.login_form.inner_page .title {
font-weight: 600;
margin-bottom: 35px;
}
.sign_up_form.inner_page.style2,
.login_form.inner_page.style2 {
padding: 30px 0;
}
.login_form.inner_page .heading h4 {
font-size: 25px;
font-weight: bold;
margin-bottom: 5px;
}
.login_form .heading,
.sign_up_form .heading {
margin-bottom: 25px;
}
.sign_up_form .heading h4 {
color: #006c70;
}
.login_form .form-control:focus,
.sign_up_form .form-control:focus {
color: #041e42;
border: 1px solid #041e42;
outline: none;
}
.sign_up_form button.btn.dropdown-toggle:focus::-webkit-input-placeholder {
box-shadow: none;
outline: none;
}
.login_form .form-control:focus::-webkit-input-placeholder,
.sign_up_form .form-control:focus::-webkit-input-placeholder,
.sign_up_form button.btn.dropdown-toggle:focus::-webkit-input-placeholder {
color: #041e42;
outline: none;
}
.sign_up_form .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
background-color: #ffffff;
border: none;
font-size: 14px;
line-height: 3;
}
.login_form.inner_page .heading p {
margin-bottom: 0;
}
.login_form.inner_page .form-control {
background-color: #ffffff;
border: 1px solid #bdbdbd;
padding-left: 15px;
font-size: 14px;
}
.login_form .form-label,
.sign_up_form .form-label {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
}
.login_form .form-control,
.sign_up_form .form-control,
.sign_up_form button.btn.dropdown-toggle {
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 6px;
color: #626974;
font-size: 15px;
margin-bottom: 15px;
}
.login_form .custom-control.custom-checkbox [type="checkbox"],
[type="radio"] {
border: 1px solid #041e42;
border-radius: 4px;
height: 16px;
outline: none;
width: 16px;
vertical-align: text-top;
}
.login_form .custom-control.custom-checkbox label.custom-control-label {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
padding-left: 5px;
text-align: left;
}
.login_form .hr_content,
.sign_up_form .hr_content {
overflow: hidden;
position: relative;
}
.login_form .hr_content .hr_top_text,
.sign_up_form .hr_content .hr_top_text {
background-color: #fff;
color: #041e42;
font-size: 16px;
font-weight: 400;
height: 40px;
left: 0;
letter-spacing: 0em;
line-height: 40px;
margin: 0 auto;
right: 0;
text-align: center;
top: -5px;
width: 40px;
position: absolute;
}
.login_form .login_with_social,
.sign_up_form .login_with_social {
position: relative;
}
.login_form .login_with_social li,
.sign_up_form .login_with_social li {
margin: 0 6px 4px 0;
}
.login_form .login_with_social li:last-child {
margin-right: 0;
}
.login_form .login_with_social li a,
.sign_up_form .login_with_social li a {
background-color: #ffffff;
border-radius: 8px;
display: block;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
padding: 13px 35px;
max-width: 80px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.login_form .login_with_social li:first-child a,
.sign_up_form .login_with_social li:first-child a {
border: 1px solid #1967d2;
color: #1967d2;
}
.login_form .login_with_social li:first-child:hover a,
.sign_up_form .login_with_social li:first-child:hover a {
background-color: #1967d2;
color: #fff;
}
.login_form .login_with_social li:nth-child(2) a,
.sign_up_form .login_with_social li:nth-child(2) a {
border: 1px solid #d93025;
color: #d93025;
}
.login_form .login_with_social li:nth-child(2):hover a,
.sign_up_form .login_with_social li:nth-child(2):hover a {
background-color: #d93025;
color: #fff;
}
.login_form .login_with_social li:nth-child(3) a,
.sign_up_form .login_with_social li:nth-child(3) a {
border: 1px solid #2d9adc;
color: #2d9adc;
}
.login_form .login_with_social li:nth-child(3):hover a,
.sign_up_form .login_with_social li:nth-child(3):hover a {
background-color: #2d9adc;
color: #fff;
}
.login_form .login_with_social li:nth-child(4) a,
.sign_up_form .login_with_social li:nth-child(4) a {
border: 1px solid #041e42;
color: #041e42;
}
.login_form .login_with_social li:nth-child(4):hover a,
.sign_up_form .login_with_social li:nth-child(4):hover a {
background-color: #041e42;
color: #fff;
}
.sign_up_form .bootstrap-select .dropdown-menu li {
line-height: 40px;
}
.sign_up_form .bootstrap-select .dropdown-menu li .dropdown-item {
font-size: 14px;
}
.sign_up_form .bootstrap-select .dropdown-menu li .dropdown-item:hover {
background-color: #f3f5f6;
}
.sign_up_form .bootstrap-select .dropdown-menu li .dropdown-item.active,
.sign_up_form .bootstrap-select .dropdown-menu li .dropdown-item:active {
background-color: #fff;
color: #0390f3;
}
.login_form .form-check-input {
height: 17px;
width: 17px;
}
.login_form .form-check-label {
color: #041e42;
font-size: 14px;
padding-left: 0;
}
.login_form .btn-log {
background: linear-gradient(135deg, #007acc, #00c6ff);
border-radius: 6px;
color: #fff;
font-size: 15px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
height: 52px;
margin-bottom: 15px;
width: 100%;
-webkit-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-moz-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-o-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
}
.sign_up_form {
padding: 0;
}
.login_form.inner_page .form-label,
.sign_up_form .form-label {
color: #041e42;
}
.sign_up_form.inner_page .form-control {
background-color: #ffffff;
border: none;
border-bottom: 2px solid #f3f5f6;
}
.login_form.inner_page .form-control:focus::-webkit-input-placeholder,
.sign_up_form .form-control:focus::-webkit-input-placeholder {
color: #041e42;
}
.sign_up_form .form-check-input {
border-radius: 2px;
margin-top:5px;
}
.order_tracking_thumb {
background-color: #e6d4c0;
border-radius: 6px;
height: 100%;
height: 650px;
overflow: hidden;
position: relative;
width: 100%;
}
.order_tracking_thumb img {
bottom: 0;
position: absolute;
}
.tracking_page {
position: relative;
}
.tracking_page .title {
font-size: 28px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
}
.tracking_page p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.tracking_page .btn-track {
border: 1px solid #0390f3;
border-radius: 6px;
height: 52px;
width: 105px;
-webkit-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-moz-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-o-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
}
/* Create a custom checkbox */
.sign_up_form .checkmark {
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 2px;
height: 15px;
position: absolute;
top: 0;
left: 0;
width: 15px;
-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
-o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}
.sign_up_form .form-check-label {
color: #041e42;
font-size: 15px;
padding-left: 7px;
}
.sign_up_form button {
margin-bottom: 15px;
}
.sign_up_form .btn-log {
border-radius: 3px;
background-color: #86bc42;
color: #ffffff;
font-size: 15px;
font-style: normal;
font-weight: 700;
letter-spacing: 0em;
line-height: 16px;
height: 50px;
}
.sign_up_form p {
color: #626974;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.sign_up_form .btn-signup {
border-radius: 6px;
color: #fff;
font-size: 15px;
font-weight: 500;
height: 50px;
line-height: 36px;
letter-spacing: 0em;
text-align: center;
width: 100%;
}
/*== Question Widget Faq Page ==*/
.shortcode_widget_accordians,
.shortcode_widget_tab,
.shortcode_widget_table,
.shortcode_widget_message_box,
.shortcode_widget_buttons {
margin-bottom: 50px;
}
.ui_kit_button .btn {
margin: 5px;
}
.shortcode_widget_buttons .ui_kit_button button:last-child {
margin-right: 0;
}
.shortcode_widget_accordians h4,
.shortcode_widget_tab h4,
.shortcode_widget_table h4,
.shortcode_widget_message_box h4,
.shortcode_widget_buttons h4,
.shortcode_widget_form h4,
.shortcode_widget_multiselect h4,
.shortcode_widget_radiobox h4,
.shortcode_widget_checkbox h4,
.shortcode_widget_switch h4,
.shortcode_widget_form h4,
.shortcode_widget_progressbar h4,
.shortcode_form_title h4 {
font-size: 20px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0em;
text-transform: capitalize;
}
.faq_content {
position: relative;
}
.shortcode_widget_accordians .faq_according .accordion .card {
border: none;
border-bottom: 1px solid #eaeaea;
border-radius: 0;
margin-bottom: 15px;
padding-bottom: 15px;
padding-top: 10px;
}
.sidebar_accordion_widget,
.sidebar_location_filter {
padding: 10px;
position: relative;
background: #f9f9f9;
}
.shortcode_widget_accordians {
position: relative;
}
.sidebar_widget_checkbox {
position: relative;
}
.sidebar_widget_checkbox label.custom_checkbox {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin-bottom: 1px;
}
.sidebar_widget_checkbox label.custom_checkbox,
.sidebar_widget_checkbox label.custom_checkbox:hover span {
color: #041e42;
}
.shortcode_widget_accordians .faq_according .accordion .card:last-child {
border-bottom: none;
}
.sidebar_accordion_widget .faq_according .accordion .card {
border: none;
border-bottom: 1px solid #eaeaea;
border-radius: 0;
margin-bottom: 15px;
}
.sidebar_accordion_widget .faq_according .accordion .card:last-child {
border-bottom: none;
}
.shortcode_widget_accordians .faq_according .accordion .card .card-header,
.sidebar_accordion_widget .accordion .card .card-header {
background-color: transparent;
border: none;
padding: 0px;
}
.sidebar_accordion_widget .card .card-header h4{
margin-bottom: 0px;
}
.shortcode_widget_accordians .faq_according .accordion .card .card-header .btn-link {
color: #041e42;
display: flex;
font-size: 20px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
padding: 0;
text-decoration: none;
}
.sidebar_accordion_widget .accordion .card .card-header .btn-link {
color: #041e42;
display: flex;
width: -webkit-fill-available;
font-size: 1rem;
font-weight: 500;
width: 100%;
line-height: 26px;
letter-spacing: 0em;
/* padding-left: 0; */
text-decoration: none;
}
.sidebar_accordion_widget .accordion .collapse {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.sidebar_accordion_widget .accordion .card .card-body {
padding: 0 10px;
}
.sidebar_accordion_widget .blog_search_widget input.form-control {
margin-bottom: 15px;
}
.shortcode_widget_accordians .faq_according .accordion .card .card-header .btn-link span,
.sidebar_accordion_widget .accordion .card .card-header .btn-link span {
color: #041e42;
font-size: 24px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
margin-right: 10px;
vertical-align: initial;
}
.shortcode_widget_accordians .faq_according .accordion .card .card-body {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
padding: 0 0 10px;
}
.faq_according.style2 .accordion .card.floor_plan .card-header .btn-link ul li {
text-transform: capitalize;
margin-right: 20px;
}
.faq_according.style2 .accordion .card.floor_plan .card-header .btn-link ul li span {
font-size: 14px;
font-weight: 400;
line-height: 18px;
margin-left: 8px;
}
.faq_according.style2 .accordion .card .card-body {
margin-top: 0;
}
.faq_according.style2 .accordion .card.floor_plan .card-header .btn-link ul li:last-child {
margin-right: 0;
}
.faq_according .accordion .card .card-header::before {
font-family: "Font Awesome 6 Pro";
color: #041e42;
content: "\2b";
font-size: 1rem;
float: right;
font-weight: 500;
position: absolute;
line-height: 35px;
margin-top: 0;
right: -5px;
}
.faq_according .accordion .card .card-header.active::before {
content: "\2d";
font-family: "Font Awesome 6 Pro";
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shop_single_accordion .faq_according .accordion .card .card-header.active::before {
content: "\f106";
font-family: "Font Awesome 6 Pro";
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shop_single_accordion .faq_according .accordion .card .card-header::before {
font-family: "Font Awesome 6 Pro";
color: #041e42;
content: "\f107";
font-size: 30px;
float: right;
font-weight: lighter;
line-height: 35px;
margin-top: 0;
}
.shop_single_description {
position: relative;
}
.shop_single_description .title {
font-size: 20px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0em;
}
.shop_single_description .para {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.shop_single_description a {
color: #443297;
font-size: 16px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0em;
}
.shop_single_description .accordion-flush .accordion-item .accordion-button {
background-color: transparent;
box-shadow: none;
outline: none;
}
.shop_single_description .accordion-flush .accordion-item .accordion-button:after {
display: none;
}
.sidebar_location_filter {
position: relative;
}
.sidebar_location_filter .bootstrap-select>.dropdown-toggle,
.report_widget .bootstrap-select>.dropdown-toggle {
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 6px;
font-size: 15px;
font-weight: 400;
height: 45px;
line-height: 30px;
max-width: 210px;
margin-bottom: 10px;
padding-left: 15px;
width: 100%;
}
.dashboard_page.sidebar_location_filter .bootstrap-select>.dropdown-toggle {
box-shadow: none;
height: 55px;
line-height: 45px;
max-width: -webkit-fill-available;
z-index: 0;
}
.dashboard_page .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%;
}
.report_widget .bootstrap-select>.dropdown-toggle,
.report_widget .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
height: 40px;
max-width: 126px;
}
.sidebar_location_filter .location_zip input.form_control {
color: #041e42;
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
height: 45px;
}
.dashboard_page_add_listing .btn.btn-gray {
background-color: #f3f5f6;
border: 1px solid #f3f5f6;
color: #041e42;
height: 54px;
line-height: 45px;
width: 113px;
z-index: 0;
}
.dashboard_page_add_listing .btn-order {
height: 54px;
line-height: 40px;
width: 145px;
-webkit-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-moz-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-o-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
z-index: 0;
}
.dashboard_page_add_listing .btn-new {
border: 1px solid #0390f3;
height: 54px;
line-height: 40px;
-webkit-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-moz-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-o-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
}
/*== Terms & Condition Page ==*/
.terms_condition_grid .grids .title {
font-size: 20px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 10px;
}
.terms_condition_grid .grids p {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.terms_condition_grid .grids .terms_list {
list-style: inherit;
padding-left: 18px;
}
.terms_condition_grid .grids .terms_list li{
margin-bottom: 10px;
}
.dashboard_setting_box .ui_kit_tab .nav.nav-tabs .nav-link.active{
background: #e6f0ff;
color: #0d6efd;
border: 1px solid #8abbff;
border-radius: 30px;
}
.ui_kit_tab .nav.nav-pills {
border-bottom: none;
}
.ui_kit_tab .nav.nav-pills .nav-link {
background-color: #f3f5f6;
border-radius: 6px;
border: 1px solid transparent;
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
letter-spacing: 0em;
margin-right: 10px;
padding: 12px 20px;
text-align: center;
}
.ui_kit_tab .nav.nav-pills .nav-item {
display: block;
margin-bottom: 25px;
}
.ui_kit_tab .nav.nav-pills .nav-item:last-child {
margin-right: 0;
}
.ui_kit_tab .nav.nav-pills .nav-link.active {
background-color: #443297;
color: #ffffff;
border-radius: 6px;
}
.ui_kit_tab .nav.nav-tabs {
border: none;
}
.ui_kit_tab .nav.nav-tabs .nav-link {
color: #626974;
display: block;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
padding: 0;
margin-right: 10px;
/* background: #f5f5f5; */
padding: 0px 12px;
/* border-radius: 20px; */
/* border: 1px solid #e3e3e3; */
font-size: 16px;
}
.ui_kit_tab .nav.nav-tabs .nav-link:hover,
.ui_kit_tab .nav.nav-tabs .nav-link:active,
.ui_kit_tab .nav.nav-tabs .nav-link:focus {
border-color: transparent;
}
.ui_kit_tab .nav.nav-tabs .nav-link.active {
background-color: transparent;
border-color: transparent;
border-style: solid;
border-bottom: 2px solid #0390f3;
color: #0390f3;
border-radius: 0px;
}
.ui_kit_tab .tab-content .tab-pane {
color: #041e42;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.shop_single3_style.ui_kit_tab .nav.nav-tabs {
border-bottom: 1px solid #eaeaea;
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
overflow-x: auto;
}
.shop_single3_style.ui_kit_tab .nav.nav-tabs .nav-link {
font-size: 16px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0em;
padding: 6px 15px;
}
.ui_kit_table .table {
background-color: #ffffff;
border-radius: 3px;
border: none;
}
.ui_kit_table .table thead {
border-radius: 8px;
}
.ui_kit_table .table th {
background-color: #f3f5f6;
border-bottom: transparent;
color: #041e42;
font-size: 16px;
font-weight: 500;
letter-spacing: 0em;
line-height: 50px;
padding-left: 30px;
}
.ui_kit_table .table td {
border: none;
font-size: 15px;
font-weight: 400;
letter-spacing: 0em;
height: 50px;
line-height: 50px;
padding-left: 30px;
}
.ui_kit_message_box .alert {
border-radius: 4px;
font-style: normal;
font-weight: 500;
font-size: 15px;
height: 75px;
line-height: 45px;
padding-left: 30px;
}
.ui_kit_message_box .alert .btn-close {
background: transparent;
font-size: 10px;
opacity: 1;
right: 10px;
top: -5px;
}
.ui_kit_message_box .alert .btn-close:focus {
box-shadow: none;
}
.alert.alart_style_one {
background-color: #cde9f6;
color: #4780aa;
}
.alert.alart_style_one .btn-close {
color: #4780aa;
}
.alert.alart_style_two {
background-color: #f7f3d7;
color: #927238;
}
.alert.alart_style_two .btn-close {
color: #927238;
}
.alert.alart_style_three {
background-color: #ecc8c5;
color: #ab3331;
}
.alert.alart_style_three .btn-close {
color: #ab3331;
}
.alert.alart_style_four {
background-color: #def2d7;
color: #5b7052;
}
.alert.alart_style_four .btn-close {
color: #5b7052;
}
.ui_kit_button .btn {
border-radius: 6px;
font-size: 15px;
font-style: normal;
font-weight: 500;
height: 50px;
line-height: 22px;
letter-spacing: 0em;
width: 170px;
}
/*== Form Input Widget UI Page ==*/
.ui_kit_input .form-control {
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 6px;
font-size: 15px;
font-weight: 400;
height: 55px;
letter-spacing: 0em;
padding-left: 20px;
}
.ui_kit_input .form-control:hover,
.ui_kit_input .form-control:active,
.ui_kit_input .form-control:focus {
border: 1px solid #041e42;
-webkit-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-o-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
outline: none;
}
.ui_kit_input .form-control::placeholder {
color: #626974;
}
.ui_kit_input .form-control:focus::placeholder {
color: #041e42;
}
/*== Form Textarea Widget UI Page ==*/
.ui_kit_textarea h5 {
margin-bottom: 18px;
}
.ui_kit_textarea .form-control:focus {
box-shadow: none;
}
.ui_kit_textarea textarea.form-control {
border: 1px solid #eaeaea;
border-radius: 6px;
color: #041e42;
font-size: 15px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
height: auto;
padding: 30px 20px;
}
.ui_kit_textarea textarea.form-control:focus {
border: 1px solid #041e42;
}
.contact_form.profile textarea.form-control {
font-size: 14px;
}
/*== Form Tooltip Widget UI Page ==*/
.ui_kit_tooltip .btn {
background-color: #f3f5f6;
border-radius: 6px;
color: #041e42;
font-size: 16px;
font-weight: 400;
letter-spacing: 0em;
height: 50px;
margin-right: 5px;
width: 100px;
}
.ui_kit_tooltip .btn:hover,
.ui_kit_tooltip .btn:active,
.ui_kit_tooltip .btn:focus {
box-shadow: none;
border-color: #f3f5f6;
}
/*== Radiobox, Checkbox, Switch Widget UI Page ==*/
.ui_kit_radiobox .radio input[type="radio"] {
position: absolute;
opacity: 0;
}
.ui_kit_radiobox input[type="radio"] {
box-shadow: none;
cursor: pointer;
width: 16px;
height: 16px;
}
.ui_kit_radiobox .radio label {
color: #041e42;
cursor: pointer;
font-size: 15px;
font-weight: 400;
line-height: 39px;
letter-spacing: 0em;
padding-left: 30px;
position: relative;
}
.ui_kit_radiobox label,
legend {
display: block;
font-size: 16px;
}
.ui_kit_radiobox .radio input[type="radio"]:checked~label .radio-label::before {
background-color: #ffffff;
box-shadow: inset 0 0 0 4px #041e42;
transition: all 0.3s ease 0s;
}
.ui_kit_radiobox .radio input[type="radio"] label .radio-label {
content: "";
background-color: #fff;
border-radius: 100%;
border: 1px solid #041e42;
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
vertical-align: top;
cursor: pointer;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
box-shadow: inset 0 0 0 8px #fff;
z-index: 100;
position: absolute;
top: 10px;
left: 0;
}
.ui_kit_radiobox label span,
legend span {
font-weight: 400;
font-size: 14px;
color: #444;
}
.ui_kit_radiobox .radio-label:before {
content: "";
position: absolute;
top: 10px;
left: 0;
height: 16px;
transition: all 0.3s ease 0s;
width: 16px;
border-radius: 50%;
background-color: white;
border: 1px solid;
display: block;
}
/*== CheckBox Widget UI Page ==*/
.ui_kit_checkbox.style2 .custom-control-label::before {
border-radius: 8.5px;
}
.custom-control-label:focus,
.custom-control:focus {
outline: none;
}
.ui_kit_checkbox .custom-control-input:checked~.custom-control-label::before {
background-color: #86bc42;
border-color: #86bc42;
top: 10px;
}
.ui_kit_checkbox .custom-control-input:focus~.custom-control-label::before {
box-shadow: none;
}
.sidebar_tag .custom-control-label {
color: #626974;
font-size: 15px;
font-weight: 400;
justify-content: left;
line-height: 40px;
margin: 0;
outline: none;
padding-left: 10px;
padding-right: 15px;
width: 100%;
}
.sidebar_tag .custom-control-label::before {
background-color: #ffffff;
border: 1px solid #f3f5f6;
border-radius: 6px;
height: 18px;
top: 10px;
width: 18px;
}
.sidebar_tag .custom-control-label::after {
left: -1.4rem;
top: 10px;
}
.sidebar_tag .wrapper {
border-radius: 3px;
height: 340px;
overflow: hidden scroll;
}
.sidebar_tag .wrapper::-webkit-scrollbar {
border-radius: 6px;
margin-top: 15px;
margin-right: 10px;
width: 8px;
z-index: 3;
}
.sidebar_tag .wrapper::-webkit-scrollbar * {
background: transparent;
border-radius: 6px;
}
.sidebar_tag .wrapper::-webkit-scrollbar-track {
background-color: #f4f4f4;
border-radius: 6px;
}
.sidebar_tag .wrapper::-webkit-scrollbar-thumb {
background-color: #dedede !important;
border-radius: 6px;
}
/*== Custom Check Boxes Start ==*/
.custom_checkbox {
display: block;
cursor: pointer;
font-size: 15px;
font-weight: 400;
line-height: 39px;
letter-spacing: 0em;
position: relative;
padding-left: 28px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.custom_checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.custom_checkbox .checkmark {
border: 1px solid #041e42;
border-radius: 4px;
position: absolute;
top: 10px;
left: 0;
height: 16px;
width: 16px;
}
.sidebar_widget_checkbox.color_style .custom_checkbox .checkmark {
background-color: #041e42;
border: 1px solid transparent;
border-radius: 50%;
color: #fff;
height: 26px;
width: 26px;
}
.sidebar_widget_checkbox.color_style .custom_checkbox .checkmark:after {
height: 10px;
left: 10px;
top: 6px;
width: 5px;
}
.sidebar_widget_checkbox.color_style .custom_checkbox .checkmark.style2 {
background-color: #443297;
}
.sidebar_widget_checkbox.color_style .custom_checkbox .checkmark.style3 {
background-color: #4a70b1;
}
.sidebar_widget_checkbox.color_style .custom_checkbox .checkmark.style4 {
background: linear-gradient(135deg, #007acc, #00c6ff);
}
.sidebar_widget_checkbox.color_style .custom_checkbox .checkmark.style5 {
background-color: #626974;
}
.sidebar_widget_checkbox.color_style .custom_checkbox .checkmark.style6 {
background-color: #eaeaea;
}
.enable_disable_btns {
position: relative;
}
.enable_disable_btns a.btn {
border-radius: 60px;
font-size: 15px;
font-weight: 500;
height: 52px;
line-height: 40px;
letter-spacing: 0em;
}
.enable_disable_btns a.btn1 {
-webkit-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-moz-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-o-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
}
.enable_disable_btns a.btn2 {
color: #626974;
font-size: 15px;
font-weight: 500;
height: auto;
line-height: 22px;
letter-spacing: 0em;
}
.custom_checkbox input:checked~.checkmark {
background-color: #041e42;
}
.custom_checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
}
.custom_checkbox input:checked~.checkmark:after {
display: block;
}
.custom_checkbox .checkmark:after {
left: 5px;
top: 2px;
width: 5px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/*== SwithcBox Widget UI Page ==*/
.ui_kit_whitchbox input.form-check-input {
background-color: #f3f5f6;
background-image: url("data:image/svg xml,");
border: 1px solid #bdbdbd;
border-radius: 30px;
height: 30px;
width: 60px;
}
.ui_kit_whitchbox input.form-check-input:focus {
background-image: url("data:image/svg xml,");
box-shadow: none;
outline: none;
}
.ui_kit_whitchbox label.form-check-label {
color: #626974;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 0em;
line-height: 33px;
margin-left: 20px;
}
.ui_kit_whitchbox .form-check-input:checked {
background-color: #041e42;
box-shadow: none;
}
.ui_kit_whitchbox .custom-control-input:checked~.custom-control-label::before {
background-color: #041e42;
}
.ui_kit_whitchbox .custom-switch .custom-control-label::before {
border-radius: 30px;
height: 30px;
border: 1px solid #f3f5f6;
width: 60px;
-webkit-box-shadow: 0px 8px 15px rgba(13, 38, 59, 0.1);
-moz-box-shadow: 0px 8px 15px rgba(13, 38, 59, 0.1);
-o-box-shadow: 0px 8px 15px rgba(13, 38, 59, 0.1);
box-shadow: 0px 8px 15px rgba(13, 38, 59, 0.1);
}
.ui_kit_whitchbox .custom-control-input:focus~.custom-control-label::before {
box-shadow: none;
}
.ui_kit_whitchbox .custom-switch .custom-control-input:checked~.custom-control-label::after {
-webkit-transform: translateX(2rem);
-moz-transform: translateX(2rem);
-o-transform: translateX(2rem);
transform: translateX(2rem);
}
.ui_kit_whitchbox .custom-switch .custom-control-label::after {
background-color: #626974;
border-radius: 25px;
height: 20px;
left: calc(-2.25rem 5px);
top: 9px;
width: 20px;
}
/*== Select Box Widget UI Page ==*/
.bootstrap-select .dropdown-menu li {
margin: 0 20px;
padding-left: 0;
}
.bootstrap-select>.dropdown-toggle {
background-color: transparent;
border: none;
}
.bootstrap-select>.dropdown-toggle:hover,
.bootstrap-select>.dropdown-toggle:active,
.bootstrap-select>.dropdown-toggle:focus {
outline: none !important;
}
.bootstrap-select .dropdown-menu li a {
color: #041e42;
font-size: 15px;
font-weight: normal;
line-height: 35px;
padding: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bootstrap-select .dropdown-menu li:hover a {
color: #443297;
}
.bootstrap-select .dropdown-menu li a,
.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:active,
.bootstrap-select .dropdown-menu li a:focus {
background-color: transparent;
}
.dropdown-toggle::after {
vertical-align: 0.1em;
}
.ui_kit_progress_bar .skills li span {
color: #262626;
}
.ui_kit_multi_select_box .bootstrap-select .dropdown-menu {
border-radius: 6px;
-webkit-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-o-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
}
.ui_kit_multi_select_box .bootstrap-select .dropdown-menu.show {
border: 1px solid #041e42;
padding-top: 5px;
}
.ui_kit_multi_select_box .bootstrap-select .dropdown-menu.show .inner.show {
border: none;
}
.ui_kit_multi_select_box .bootstrap-select .dropdown-menu.show .inner.show li a {
border: none;
}
.ui_kit_multi_select_box .bootstrap-select .dropdown-menu li a {
color: #051036;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 39px;
}
.ui_kit_multi_select_box .bootstrap-select .dropdown-menu li:hover a,
.ui_kit_multi_select_box .bootstrap-select .dropdown-menu li a:active,
.ui_kit_multi_select_box .bootstrap-select .dropdown-menu li a:focus {
color: #443297;
}
/*== BlockQueto UI Page ==*/
.ui_page_heading {
position: relative;
}
.ui_page_heading .main_title {
font-size: 20px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0em;
}
.ui_page_heading .short_code_title {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
.ui_page_heading p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
width: 94%;
}
.ui_page_heading .blockquote {
border-left: 5px solid #0390f3;
margin-bottom: 50px;
padding: 30px 0 35px 80px;
position: relative;
width: 80%;
}
.ui_page_heading .blockquote span.icon {
color: #f5f5f5;
font-size: 60px;
font-family: "Font Awesome 6 Pro";
left: 20px;
line-height: normal;
position: absolute;
top: 0;
z-index: -1;
}
.ui_page_heading .blockquote .title {
font-weight: 500;
line-height: 35px;
letter-spacing: 0em;
}
.ui_page_heading .blockquote .blockquote-footer:before {
display: none;
}
.order_list {
margin-bottom: 0;
}
.order_list li {
padding-left: 30px;
position: relative;
line-height: 28px;
}
.order_list li a span {
background-color: #041e42;
color: #041e42;
left: 0;
position: absolute;
}
.order_list li a {
color: #041e42;
font-size: 16px;
font-weight: 400;
letter-spacing: 0em;
}
.list-style-type-bullet li {
color: #041e42;
list-style-type: disc;
margin-bottom: 15px;
margin-left: 15px;
padding-left: 0;
position: relative;
}
.list-style-type-bullet li:last-child {
margin-bottom: 0;
}
.list-style-type-check-circle li {
margin-bottom: 15px;
position: relative;
}
.list-style-type-check-circle li:before {
border-radius: 50%;
border: 1px solid #dddddd;
color: #6a7a99;
content: "\f00c";
font-family: "Font Awesome 6 Pro";
font-size: 6px;
height: 20px;
left: 0;
line-height: 20px;
position: absolute;
text-align: center;
top: 3px;
width: 20px;
}
/*== MultiSelect CheckBox Widget UI Page ==*/
.ui_kit_multi_select_box .dropdown.bootstrap-select.show-tick.show .dropdown-menu {
border-radius: 3px;
margin: 0;
}
.ui_kit_select_search .dropdown.bootstrap-select {
border: 1px solid #eaeaea;
border-radius: 6px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.ui_kit_select_search .dropdown.bootstrap-select:hover,
.ui_kit_select_search .dropdown.bootstrap-select:active,
.ui_kit_select_search .dropdown.bootstrap-select:focus,
.ui_kit_select_search .dropdown.bootstrap-select:visited,
.ui_kit_select_search .dropdown-menu.show {
border: 1px solid #041e42;
color: #041e42;
-webkit-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-o-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
}
.ui_kit_select_search .dropdown-menu.show,
.ui_kit_multi_select_box .bootstrap-select .dropdown-menu {
margin-top: 25px !important;
}
.ui_kit_select_search button.btn.dropdown-toggle.bs-placeholder.btn-light.show {
border: 1px solid #041e42;
color: #041e42;
-webkit-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-o-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
}
.ui_kit_select_search .dropdown-menu.show .inner.show,
.ui_kit_multi_select_box .bootstrap-select .dropdown-menu.show .inner.show {
border: none;
margin-top: 0 !important;
}
.ui_kit_select_search .bootstrap-select .dropdown-menu li a span.text {
font-size: 14px;
color: #041e42;
line-height: 2.5;
}
.ui_kit_select_search .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.ui_kit_multi_select_box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%;
}
.ui_kit_select_search .bootstrap-select>.dropdown-toggle,
.ui_kit_multi_select_box .bootstrap-select>.dropdown-toggle {
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 6px;
color: #626974;
font-style: normal;
font-weight: 400;
font-size: 15px;
height: 55px;
line-height: 45px;
padding-left: 15px;
}
.ui_kit_multi_select_box .bootstrap-select .btn.dropdown-toggle:hover,
.ui_kit_multi_select_box .bootstrap-select .btn.dropdown-toggle:active,
.ui_kit_multi_select_box .bootstrap-select .btn.dropdown-toggle:focus,
.ui_kit_multi_select_box .bootstrap-select .btn.dropdown-toggle:focus-visible {
border: 1px solid #041e42;
color: #041e42;
-webkit-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-o-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
}
.ui_kit_select_search .filter-option-inner-inner:focus,
.ui_kit_multi_select_box .filter-option-inner-inner:focus {
outline: none;
}
.ui_kit_select_search .bootstrap-select .dropdown-menu li a {
font-size: 15px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0em;
padding-left: 15px;
}
.ui_kit_select_search .bootstrap-select .dropdown-menu li:hover {
background-color: #f3f5f6;
border-radius: 6px;
}
.ui_kit_select_search .bootstrap-select .dropdown-menu li:hover {
color: #443297;
}
/*== Select Search Box Widget UI Page ==*/
.ui_kit_select_search button.btn {
background-color: #ffffff !important;
border: none;
border-bottom: 2px solid #f3f5f6;
border-radius: 0;
color: #696969 !important;
height: 50px;
line-height: 40px;
padding-left: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.ui_kit_select_search.add_new_property button.btn {
font-size: 14px;
height: auto;
line-height: 30px;
}
.ui_kit_select_search.add_new_property button.btn:focus,
.ui_kit_select_search button.btn:focus {
box-shadow: none !important;
outline: none !important;
}
.ui_kit_select_search .bs-searchbox {
padding: 24px 20px 5px;
}
.ui_kit_select_search .bs-searchbox .form-control {
background-color: #f3f5f6;
border-radius: 6px;
color: #041e42;
font-size: 15px;
line-height: 22px;
height: 50px;
}
.ui_kit_select_search .bs-searchbox .form-control:focus {
border: transparent;
box-shadow: none;
outline: none;
}
.ui_kit_select_search .search_select_box .bs-searchbox:before {
color: #051036;
content: "\f002";
font-family: "Font Awesome 6 Pro";
font-size: 14px;
line-height: 55px;
position: absolute;
right: 40px;
z-index: 999;
}
.ui_kit_select_search .bs-searchbox:before {
color: #d0d1d3;
content: "\f002";
font-family: "Font Awesome 6 Pro";
font-size: 20px;
line-height: 45px;
position: absolute;
right: 25px;
z-index: 999;
}
.ui_kit_select_search .dropdown-item {
color: #041e42;
}
.ui_kit_select_search .dropdown-item:hover {
background-color: transparent;
color: #221f1f;
font-weight: 600;
}
.ui_kit_select_search .dropdown-item.active,
.ui_kit_select_search .dropdown-item:active {
background-color: transparent;
color: #626974;
}
/*== Blog Post Main Page ==*/
.mbp_pagination {
display: inline-block;
position: relative;
width: 100%;
}
.mbp_pagination ul.page_navigation {
margin-bottom: 0;
text-align: center;
width: 100%;
}
.mbp_pagination ul.page_navigation li.page-item {
display: inline-block;
margin-right: 6px;
}
.mbp_pagination ul.page_navigation li .page-link {
background-color: transparent;
border: 1px solid transparent;
border-radius: 50%;
color: #051036;
font-style: normal;
font-weight: 500;
font-size: 14px;
height: 42px;
line-height: 42px;
overflow: hidden;
padding: 0;
text-align: center;
width: 42px;
}
.mbp_pagination ul.page_navigation li .page-link:focus {
box-shadow: none;
}
.mbp_pagination ul.page_navigation li:first-child .page-link {
border: 1px solid #eaeaea;
}
.mbp_pagination ul.page_navigation li:last-child .page-link {
border: 1px solid #112137;
}
.mbp_pagination ul.page_navigation li .page-link:hover {
background-color: #f3f5f6;
}
.pagination_page_count {
color: #041e42;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
margin-bottom: 0;
}
.mbp_pagination ul.page_navigation li.active .page-link {
background: linear-gradient(135deg, #007acc, #00c6ff);
border: 1px solid #0390f3;
color: #fff;
}
.mbp_pagination .new_line_pagination {
position: relative;
}
.mbp_pagination .new_line_pagination p {
color: #626974;
font-size: 15px;
line-height: 22px;
}
.mbp_pagination .new_line_pagination .pagination_line {
background-color: #f3f5f6;
border-radius: 10px;
height: 6px;
margin: 0 auto 15px;
max-width: 300px;
position: relative;
width: 100%;
}
.mbp_pagination .new_line_pagination .pagination_line:before {
background-color: #86bc42;
border-radius: 10px;
content: "";
left: 0;
height: 6px;
max-width: 119px;
position: absolute;
width: 100%;
}
.mbp_pagination .new_line_pagination .pagi_btn {
position: relative;
}
.mbp_pagination .new_line_pagination .pagi_btn:before {
background-color: #86bc42;
bottom: -3px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 60px;
}
.mbp_thumb_post .thumb {
border-radius: 6px;
overflow: hidden;
position: relative;
}
.mbp_thumb_post p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.sale_product_item {
border: 2px solid #041e42;
border-radius: 6px;
padding: 20px;
padding-bottom: 10px;
}
.sale_product_item.home10_style {
border: none;
}
/*== Blog Grid Post ==*/
/*== Search Widget Blog Page ==*/
.sidebar_feature_listing .title {
color: #041e42;
font-size: 18px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0em;
margin-bottom: 20px;
}
.sidebar_feature_listing .flex-shrink-0 {
margin-bottom: 20px;
}
.sidebar_feature_listing .flex-shrink-0 img {
border-radius: 6px;
height: 100px;
width: 100px;
}
.sidebar_feature_listing .post_title {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
}
.sidebar_feature_listing .flex-grow-1 a {
color: #626974;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.sidebar_feature_listing .flex-grow-1 ul li {
font-size: 14px;
color: #041e42;
line-height: 1.2;
margin-right: 0;
}
.blog_search_widget button.btn {
height: 48px;
}
.blog_search_widget input.form-control,
.header_search_widget input.form-control {
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 6px;
flex: 1;
height: 45px;
margin-bottom: 0;
padding-left: 20px;
width: 100%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.dashboard_page.header_search_widget input.form-control,
.dashboard_page.header_search_widget button.btn {
height: 55px;
}
.blog_search_widget input.form-control:focus,
.dashboard_page.header_search_widget input.form-control:focus,
.dashboard_page.header_search_widget button.btn:focus {
box-shadow: none;
}
.blog_search_widget input.form-control:focus {
border-right: none;
}
.blog_search_widget button.btn,
.header_search_widget button.btn {
background-color: #fff;
border: 1px solid #eaeaea;
border-left: none;
border-radius: 0 6px 6px 0;
color: #041e42;
height: 45px;
z-index: 0;
}
.blog_search_widget button.btn:focus,
.header_search_widget button.btn:focus {
box-shadow: none;
}
.header_right_widgets {
position: relative;
}
.header_right_widgets ul li a {
border-radius: 16px;
color: #041e42;
display: block;
font-size: 20px;
height: 50px;
line-height: 55px;
width: 50px;
}
.header_right_widgets ul li:last-child a {
height: auto;
line-height: initial;
margin: 0;
padding: 0 0 0 5px;
width: auto;
}
.header_right_widgets ul li:last-child a:hover {
background-color: transparent;
}
.header_right_widgets ul li a:hover {
background-color: #f3f5f6;
}
span.active_status {
background-color: #e95050;
border: 1px solid #ffffff;
border-radius: 10px;
height: 12px;
position: absolute;
right: 0;
top: 0;
width: 12px;
}
span.active_status.active {
background-color: #50cd89;
}
.bpost_simage li {
margin-bottom: 10px;
max-width: 305px;
}
.bpost_simage li img {
border-radius: 6px;
}
.custom_bsp_grid {
position: relative;
}
.custom_bsp_grid li {
margin-bottom: 0;
}
.custom_bsp_grid li a {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0em;
}
.bsp_tags {
position: relative;
}
.blog_post_share li:first-child {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
}
.blog_post_share li {
border-radius: 3px;
margin-bottom: 10px;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.blog_post_share li:last-child a span {
margin-right: 0;
}
.blog_post_share li:hover {
cursor: pointer;
}
.blog_post_share li a {
border-radius: 50%;
color: #041e42;
display: block;
font-size: 14px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.blog_post_share li a:hover {
background-color: #f3f5f6;
}
.mbp_pagination_tab .pag_prev,
.mbp_pagination_tab .pag_next {
position: relative;
}
.mbp_pagination_tab .pag_prev .icon,
.mbp_pagination_tab .pag_next .icon {
color: #041e42;
font-size: 14px;
}
.mbp_pagination_tab .pag_prev .detls .ptitle,
.mbp_pagination_tab .pag_next .detls .ptitle {
line-height: 28px;
letter-spacing: 0em;
}
.mbp_pagination_tab .pag_prev .detls .ptitle:hover,
.mbp_pagination_tab .pag_next .detls .ptitle:hover {
color: #443297;
}
.mbp_pagination_tab .pag_prev .detls p,
.mbp_pagination_tab .pag_next .detls p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.mbp_pagination_tab {
position: relative;
}
.mbp_pagination_tab .pag_prev .detls {
display: inline-block;
font-size: 16px;
line-height: 1.75;
margin-bottom: 0;
}
.mbp_pagination_tab .pag_prev a:hover,
.mbp_pagination_tab .pag_next a:hover {
color: #86bc42;
}
.mbp_pagination_comments {
position: relative;
}
.mbp_pagination_comments .total_review {
padding: 30px 0 0;
position: relative;
}
.mbp_pagination_comments .total_review h4 {
color: #041e42;
line-height: 26px;
margin-bottom: 0;
}
.mbp_pagination_comments .title {
font-size: 20px;
margin-bottom: 30px;
}
.mbp_pagination_comments .mbp_first.media {
padding: 30px 0 0;
}
.mbp_pagination_comments .mbp_first.media img {
width: 70px;
}
.mbp_pagination_comments .mbp_first.media .media-body p {
font-size: 14px;
line-height: 1.714;
}
.mbp_pagination_comments .mbp_first .media-body .sub_title {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 23px;
margin-bottom: 0;
}
.mbp_pagination_comments .mbp_first .media-body .sspd_postdate {
color: #626974;
font-size: 14px;
line-height: 20px;
}
.mbp_pagination_comments .mbp_first .media-body .sspd_postdate .sspd_review ul li a,
.sspd_review ul li a,
.shop_item .details .review ul li a {
color: #0390f3;
font-family: "Font Awesome 6 Pro";
font-size: 10px;
line-height: 11px;
text-align: right;
}
.vendor_single .sspd_review ul li a {
font-size: 14px;
}
.review_average {
position: relative;
}
.review_average .title {
font-size: 60px;
font-weight: 500;
line-height: 70px;
letter-spacing: 0em;
}
.single_line_review {
position: relative;
}
.single_line_review .progress-bar {
background-color: transparent;
height: 6px;
overflow: hidden;
position: relative;
}
.single_line_review .progress-bar__bg {
background-color: #f3f5f6;
border-radius: 6px;
height: 6px;
width: 300px;
}
.single_line_review .progress-bar__bar {
background: linear-gradient(135deg, #007acc, #00c6ff);
border-radius: 6px;
height: 6px;
position: absolute;
top: 0;
width: 70%;
z-index: 1;
}
.mbp_pagination_comments .mbp_first .media-body .sspd_postdate .sspd_review ul li:last-child a {
color: #bdbdbd;
}
.mbp_pagination_comments .mbp_first .media-body .sspd_postdate .sspd_review ul li,
.sspd_review ul li,
.shop_item .details .review ul li {
margin-right: 2px !important;
}
.sspd_review ul li:last-child {
color: #bdbdbd;
font-size: 12px;
}
.review_post_meta {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
position: relative;
}
.review_content_para {
position: relative;
}
.review_content_para p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.review_cansel_btns {
position: relative;
}
.review_cansel_btns a {
border: 2px solid transparent;
border-radius: 6px;
color: #626974;
font-size: 15px;
font-weight: 500;
height: 42px;
line-height: 27px;
letter-spacing: 0em;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 99px;
}
.review_cansel_btns a:hover {
color: #041e42;
border: 2px solid #eaeaea;
}
.all_review_btn {
position: relative;
}
.all_review_btn .btn {
height: 52px;
line-height: 30px;
width: auto;
}
.more_btn .btn {
height: 52px;
padding: 12px 45px;
width: auto;
}
.account_user_deails {
position: relative;
}
.users_account_details .ed_menu_list ul li {
line-height: 45px;
}
.users_account_details .ed_menu_list ul li a {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 15px;
}
.users_account_details .ed_menu_list ul li a:before {
display: none;
}
.users_account_details .ed_menu_list ul li a.active {
color: #041e42;
}
.users_account_details .ed_menu_list ul li a span {
font-size: 20px;
padding-right: 10px;
vertical-align: middle;
}
.account_details_user {
position: relative;
}
.account_details_user img {
height: 40px;
margin-top: 5px;
width: 40px;
}
.account_details_user .content_details .title {
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
margin: 0;
}
.account_details_user .content_details .stitle {
color: #041e42;
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.account_details_page {
position: relative;
}
.account_details_page .second_step_setup .title {
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
margin-bottom: 0;
}
.account_details_page .second_step_setup p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.ed_menu_list::-webkit-scrollbar {
margin-top: 15px;
margin-right: 10px;
width: 6px;
z-index: 3;
}
.ed_menu_list::-webkit-scrollbar * {
background: transparent;
}
.ed_menu_list::-webkit-scrollbar-track {
display: none;
}
.ed_menu_list::-webkit-scrollbar-thumb {
background-color: #E6E9EC !important;
border-radius: 6px;
}
.ed_menu_list ul {
margin-bottom: 0;
}
.ed_menu_list ul li a {
color: #041e42;
display: block;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 47px;
letter-spacing: 0em;
position: relative;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.ed_menu_list ul li a.active {
color: #86bc42;
}
.ed_menu_list ul li a.active:before {
background-color: #86bc42;
bottom: 5px;
content: "";
height: 2px;
position: absolute;
width: 40px;
}
.our-dashbord {
position: relative;
}
.our-dashbord.dashbord .container-fluid {
padding-left: 3%;
padding-right: 60px;
}
.password_change_form form input {
border-style: solid;
border-width: 1px;
border-color: rgb(221, 221, 221);
border-radius: 5px;
background-color: rgba(196, 14, 117, 0);
height: 48px;
margin-bottom: 30px;
padding-left: 20px;
-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
-o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}
.password_change_form form input:focus {
-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
-o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
outline: none;
}
.password_change_form form button {
border-radius: 6px;
height: 55px;
padding: 0 35px;
}
.password_change_form form button:focus {
box-shadow: none;
outline: none;
}
.statistics_funfact {
background-color: #fff;
border-radius: 10px;
margin-bottom: 20px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0px 1px 4px rgba(20, 3, 66, 0.07);
-moz-box-shadow: 0px 1px 4px rgba(20, 3, 66, 0.07);
-o-box-shadow: 0px 1px 4px rgba(20, 3, 66, 0.07);
box-shadow: 0px 1px 4px rgba(20, 3, 66, 0.07);
}
.statistics_funfact .title {
color: #041e42;
font-size: 24px;
font-weight: 500;
line-height: 34px;
letter-spacing: 0em;
margin: 10px 0;
}
.statistics_funfact .title .badge {
border-radius: 6px;
color: #ffffff;
font-size: 14px;
font-weight: 400;
height: 25px;
line-height: 25px;
letter-spacing: 0em;
margin-left: 7px;
margin-top: 5px;
width: 60px;
padding: 0;
}
.statistics_funfact .title .badge.style1 {
background-color: #50cd89;
}
.statistics_funfact .title .badge.style2 {
background-color: #e95050;
}
.statistics_funfact .subtitle1 {
color: #041e42;
font-size: 15px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
}
.statistics_funfact .subtitle2 {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
}
.statistics_funfact .subtitle2 span {
color: #443297;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 22px;
}
.statistics_funfact .icon {
background-color: #f3f5f6;
border-radius: 16px;
color: #041e42;
font-size: 30px;
height: 60px;
line-height: 65px;
position: relative;
width: 60px;
}
.application_statics,
.dashboard_product_list,
.dashboard_setting_box {
background-color: #fff;
border-radius: 5px;
margin-bottom: 15px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0px 1px 4px rgba(20, 3, 66, 0.07);
-moz-box-shadow: 0px 1px 4px rgba(20, 3, 66, 0.07);
-o-box-shadow: 0px 1px 4px rgba(20, 3, 66, 0.07);
box-shadow: 0px 1px 1px rgba(20, 3, 66, 0.07);
}
.dashboard_product_list,
.dashboard_setting_box {
padding: 15px;
}
.dashboard_product_list .order_table .table td {
padding: 20px 10px;
}
.circle_chart_box,
.recent_activity_widget {
background-color: #fff;
border-radius: 16px;
margin-bottom: 30px;
padding: 30px;
position: relative;
-webkit-box-shadow: 0px 1px 4px rgba(20, 3, 66, 0.07);
-moz-box-shadow: 0px 1px 4px rgba(20, 3, 66, 0.07);
-o-box-shadow: 0px 1px 4px rgba(20, 3, 66, 0.07);
box-shadow: 0px 1px 4px rgba(20, 3, 66, 0.07);
}
.report_widget ul li.report_export a {
background-color: #f3f5f6;
border-radius: 8px;
color: #041e42;
display: block;
font-size: 14px;
font-weight: 400;
letter-spacing: 0em;
height: 40px;
line-height: 40px;
text-align: center;
width: 111px;
}
/*== Header User Setting ID ==*/
.user_setting {
position: relative;
}
.user_setting .btn {
border: 1px solid transparent;
color: #ffffff;
}
.user_setting a.btn.dropdown-toggle:after {
display: none;
}
.user_setting .btn:focus {
border: 1px solid transparent;
box-shadow: none;
}
.user_setting .dropdown-menu.show {
border: none;
border-radius: 6px;
margin-top: 0;
margin-left: -195px !important;
padding: 20px 30px;
-webkit-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-o-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
width: 250px;
transform: translate(0px, 66px) !important;
}
.user_setting .dropdown-menu.show:before {
content: "";
position: absolute;
right: 40px;
top: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent transparent transparent;
}
.user_setting .dropdown-menu.show .user_set_header {
padding: 10px 0;
}
.user_setting .dropdown-menu.show .user_set_header img {
margin-left: -10px;
margin-right: 15px;
margin-top: -15px;
}
.user_setting .dropdown-menu .user_set_header p {
font-size: 16px;
color: #041e42;
line-height: 1.2;
}
.user_setting .dropdown-menu .user_set_header p span {
font-size: 14px;
color: rgb(126, 126, 126);
line-height: 1.2;
}
.user_setting .dropdown-menu .user_setting_content {
padding: 0;
}
.user_setting .dropdown-menu .user_setting_content a {
color: #041e42;
font-size: 16px;
line-height: 2.125 !important;
padding-left: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.user_setting .dropdown-menu .user_setting_content a:hover {
padding-left: 5px;
color: #663259;
}
.user_setting .dropdown-menu .user_setting_content a.active,
.user_setting .dropdown-menu .user_setting_content a.active span,
.user_setting .dropdown-menu .user_setting_content a:hover,
.user_setting .dropdown-menu .user_setting_content a:hover span {
background-color: transparent;
color: #443297;
font-weight: 500;
}
.user_setting .dropdown-menu .user_setting_content a span {
margin-right: 10px;
}
.message_container {
background-color: #ffffff;
border: 1px solid #f3f5f6;
border-radius: 6px;
height: 100%;
overflow: hidden;
position: relative;
-webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
-moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
-o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
}
.inbox_user_list {
display: inline-block;
padding: 30px 30px 27px;
width: 100%;
}
.inbox_user_list ul {
height: 620px;
overflow-y: scroll;
}
.inbox_user_list ul::-webkit-scrollbar {
background: transparent;
border-radius: 3px;
padding-right: 10px;
width: 4px;
}
.inbox_user_list ul::-webkit-scrollbar-thumb {
background-color: #e1e1e1;
border-radius: 3px;
height: 250px;
}
.inbox_user_list .wrap {
position: relative;
}
.inbox_user_list .wrap img {
border-radius: 50%;
float: left;
margin-right: 15px;
}
.inbox_user_list .wrap .meta h5.name {
font-size: 14px;
color: #041e42;
font-weight: 500;
line-height: 18px;
margin-bottom: 5px;
}
.inbox_user_list .wrap .meta p.preview {
font-size: 14px;
color: #626974;
line-height: 18px;
margin-bottom: 0;
}
.iul_notific small {
display: block;
font-size: 14px;
position: absolute;
right: 10px;
top: 10px;
}
.inbox_user_list .wrap .m_notif {
border: 1px solid #ffffff;
border-radius: 50%;
background-color: #86bc42;
color: #ffffff;
font-size: 8px;
font-weight: 500;
height: 20px;
line-height: 18px;
position: absolute;
right: 10px;
text-align: center;
top: 33px;
width: 20px;
}
.inbox_user_list .wrap .m_notif.online {
background-color: #34a853;
}
.inbox_user_list .wrap .m_notif.away {
background-color: #f9ab00;
}
.inbox_user_list .wrap .m_notif.busy {
background-color: #e74c3c;
}
.inbox_user_list ul li {
padding: 15px 0;
}
.inbox_user_list .iu_heading {
padding-bottom: 25px;
}
.inbox_user_list ul li.contact .wrap .meta {
display: inline-block;
margin-top: 10px;
}
.inbox_user_list ul li.contact .wrap span {
background-color: #95a5a6;
border: 1px solid #ffffff;
border-radius: 50%;
height: 13px;
left: 50px;
margin: 0px 0 0 1px;
position: absolute;
width: 13px;
}
.inbox_user_list ul li.contact .wrap span.online {
background-color: #2ecc71;
}
.inbox_user_list ul li.contact .wrap span.away {
background-color: #f1c40f;
}
.inbox_user_list ul li.contact .wrap span.busy {
background-color: #e74c3c;
}
.inbox_user_list ul li.contact .wrap img {
border-radius: 50%;
float: left;
margin-right: 10px;
width: 50px;
}
.message_container .inbox_chatting_box {
position: relative;
max-height: 575px !important;
height: auto;
margin-right: 10px;
overflow-y: scroll;
overflow-x: hidden;
}
.message_container .inbox_chatting_box::-webkit-scrollbar {
background: transparent;
border-radius: 3px;
padding-right: 10px;
width: 4px;
}
.message_container .inbox_chatting_box::-webkit-scrollbar-thumb {
background-color: #ededed;
border-radius: 3px;
}
.message_container .user_heading {
background-color: #ffffff;
border-bottom: 1px solid rgb(235, 235, 235);
border-radius: 8px 8px 0 0;
padding: 30px;
position: relative;
}
.inbox_chatting_box .chatting_content {
display: inline-block;
padding: 15px 30px 0 30px;
position: relative;
width: 100%;
}
.message_container .user_heading .wrap img {
float: left;
margin-right: 10px;
border-radius: 50%;
}
.message_container .user_heading .wrap h5.name {
font-size: 14px;
font-weight: 500;
color: #041e42;
line-height: 18px;
margin-bottom: 0;
}
.message_container .user_heading .wrap p.preview {
font-size: 15px;
color: #626974;
line-height: 1.867;
margin-bottom: 0;
}
.inbox_chatting_box .chatting_content li {
padding: 25px 0;
margin-bottom: 0;
}
.inbox_chatting_box .chatting_content li.sent {
float: left;
clear: both;
}
.inbox_chatting_box .chatting_content li img {
border-radius: 50px;
margin-bottom: 10px;
}
.inbox_chatting_box .chatting_content li {
display: block;
}
.inbox_chatting_box .chatting_content li .title {
color: #041e42;
font-size: 15px;
font-weight: 500;
line-height: 18px;
margin-top: 15px;
}
.inbox_chatting_box .chatting_content li .date_time {
font-size: 14px;
margin-bottom: 5px;
}
.inbox_chatting_box .chatting_content li p {
background-color: #f3f5f6;
border-radius: 6px;
color: #041e42;
font-size: 15px;
padding: 15px 20px;
max-width: 456px;
}
.inbox_chatting_box .chatting_content li.reply {
float: right;
clear: both;
}
.inbox_chatting_box .chatting_content li.reply.first {
margin: -15px 0;
}
.inbox_chatting_box .chatting_content li.reply p {
background-color: #f3f5f6;
border-radius: 6px;
color: #041e42;
max-width: 450px;
padding: 15px 30px;
text-align: right;
}
.message_container .message_input {
background-color: #f9fafc;
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-align: center;
}
.message_container .message_input form input.form-control {
color: #626974;
border-bottom: none;
border-left: none;
border-right: none;
border-top: 1px solid #f3f5f6;
height: 100px;
padding: 20px 30px;
width: 100%;
}
.message_container .message_input form input::placeholder {
font-size: 14px;
font-weight: normal;
color: #041e42;
line-height: 18px;
}
.message_container .message_input form input.form-control:focus {
box-shadow: none;
outline: none;
}
.message_container .message_input form input.form-control:focus::placeholder {
color: #041e42;
}
.message_container .message_input form button.btn {
background: linear-gradient(135deg, #007acc, #00c6ff);
border: 1px solid #0390f3;
border-radius: 6px;
color: #041e42;
font-size: 15px;
flex: 1;
height: 50px;
position: absolute;
right: 20px;
top: 20px;
width: 150px;
}
.message_container .message_input form button.btn:focus {
box-shadow: none;
outline: none;
}
.message_container .message_input form button.btn span {
font-size: 20px;
padding-left: 10px;
}
.dashboard_content_wrapper{
position: relative;
padding: 15px;
}
.dashboard_header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: white;
z-index: 100;
}
.dashboard_header {
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.dashboard_header_logo {
position: relative;
}
.dashboard_header_logo .logo {
color: #041e42;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 36px;
}
.dashboard {
display: flex;
}
.dashboard_sidebar {
background-color: white;
flex-shrink: 0;
height: auto;
left: 0;
padding: 30px;
position: absolute;
width: 300px;
}
.dashboard_main {
padding-left: 300px;
width: 100%;
}
.dashboard .dashboard_main {
will-change: padding-left;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.dashboard.dsh_board_sidebar_hidden .dashboard_main {
padding-left: 0;
}
.dashboard .dashboard_sidebar {
will-change: transform;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 9;
}
.dashboard_content {
border-radius: 10px;
padding: 24px;
width: 100%;
min-height: 80vh;
}
.dashboard_sidebar_list .sidebar_list_item {
margin-bottom: 5px;
}
.dashboard_sidebar_list .sidebar_list_item a {
align-items: center;
border-radius: 10px;
color: #444444;
display: flex;
font-style: normal;
font-weight: 500;
font-size: 16px;
height: 55px;
line-height: 55px;
padding: 0 20px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.dashboard_sidebar_list .sidebar_list_item a i {
font-size: 20px;
vertical-align: middle;
}
.dashboard_sidebar_list .sidebar_list_item a:hover,
.dashboard_sidebar_list .sidebar_list_item a:active,
.dashboard_sidebar_list .sidebar_list_item a:focus,
.dashboard_sidebar_list .sidebar_list_item a.-is-active {
background: linear-gradient(135deg, #007acc, #00c6ff);
color: #fff;
}
.dashboard_sidebar_list .sidebar_list_item a:hover img,
.dashboard_sidebar_list .sidebar_list_item a:active img,
.dashboard_sidebar_list .sidebar_list_item a:focus img,
.dashboard_sidebar_list .sidebar_list_item a.-is-active img {
filter: brightness(0) invert(1);
transform: scale(1.10);
}
.dashboard.dsh_board_sidebar_hidden .dashboard_sidebar {
transform: translateX(-100%);
}
.dashboard_sidebar::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.dashboard_sidebar::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 12px;
}
.dashboard_title_area {
position: relative;
}
.dashboard_title_area h2{
font-size: 1.5rem;
}
.dashboard_title_area .para {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.dashboard-timeline-label {
position: relative;
}
.dashboard-timeline-label .timeline-item {
display: flex;
align-items: flex-start;
position: relative;
}
.dashboard-timeline-label .child-timeline-label {
font-size: 14px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
width: 55px;
flex-shrink: 0;
position: relative;
color: #041e42;
}
.dashboard-timeline-label:before {
background-color: #e5eaee;
bottom: 0;
content: "";
left: 52px;
position: absolute;
top: 20px;
width: 3px;
}
.dashboard-timeline-label .timeline-badge {
align-items: center;
color: #663259;
border-radius: 100%;
display: flex;
flex-shrink: 0;
font-size: 16px;
justify-content: center;
margin-left: -7px;
margin-top: 3px;
position: relative;
z-index: 1;
}
.dashboard-timeline-label .timeline-badge.color2 {
color: #1bc5bd;
}
.dashboard-timeline-label .timeline-badge.color3 {
color: #f64e60;
}
.dashboard-timeline-label .timeline-badge.color4 {
color: #3699ff;
}
.dashboard-timeline-label .timeline-badge.color5 {
color: #ef6327;
}
.dashboard-timeline-label .timeline-badge.color6 {
color: #8950fc;
}
.dashboard-timeline-label .timeline-item .ra_pcontent .title {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 22px;
}
.dashboard-timeline-label .timeline-item .ra_pcontent .subtitle {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
}
.dashboard-timeline-label .timeline-item .ra_pcontent .ra-img li {
border: 1px solid #eaeaea;
border-radius: 6px;
height: 60px;
line-height: 60px;
text-align: center;
width: 60px;
}
/*== DashBoard Pages Timeline End ==*/
/*== Pricing SLider ==*/
input.amount,
input.amount2,
input.amount3,
input.amount4 {
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 6px;
box-shadow: none;
color: #041e42;
font-size: 14px;
font-weight: 400;
height: 45px;
line-height: 22px;
letter-spacing: 0em;
margin-top: 45px;
padding: 10px 20px;
text-align: center;
width: 95px;
}
input.amount:hover,
input.amount:active,
input.amount:focus,
input.amount2:hover,
input.amount2:active,
input.amount2:focus {
outline: none;
}
input.amount2 {
float: right;
}
input.amount::placeholder,
input.amount2::placeholder,
input.amount3::placeholder,
input.amount4::placeholder {
color: #041e42;
}
.slider-range.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
background-color: #f3f5f6;
border: 1px solid transparent;
border-radius: 6px;
height: 2px;
}
.ui-slider-range.ui-corner-all.ui-widget-header {
background-color: #041e42;
height: 2px;
}
span.ui-slider-handle.ui-corner-all.ui-state-default,
span.ui-slider-handle.ui-corner-all.ui-state-default:active,
span.ui-slider-handle.ui-corner-all.ui-state-default:focus,
span.ui-slider-handle.ui-corner-all.ui-state-default:hover,
span.ui-slider-handle.ui-corner-all.ui-state-default:focus-visible {
background-color: #fff;
border: 2px solid #041e42;
border-radius: 50%;
height: 14px;
outline: none;
top: -6px;
width: 14px;
}
/* New Pricing Range Smooth Slider */
#slider-range-value1,
#slider-range-value2,
#slider-range-value3,
#slider-range-value4 {
background-color: #f3f5f6;
border-radius: 6px;
color: #041e42;
font-size: 14px;
font-weight: 400;
letter-spacing: 0em;
margin-top: -55px;
padding: 10px 20px;
text-align: center;
width: 95px;
}
#slider-range-value1,
#slider-range-value3 {
float: left;
}
#slider-range-value2 {
float: right;
}
.slider-labels {
margin-top: 15px;
}
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-stacking .noUi-handle {
z-index: 10;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-base,
.noUi-handle {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.noUi-horizontal .noUi-handle {
background-color: #f3f5f6;
border: 2px solid #041e42;
border-radius: 50%;
height: 14px;
left: -7px;
top: -8px;
width: 14px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(19, 19, 28, 0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(19, 19, 28, 0.2);
-o-box-shadow: 0px 0px 5px 0px rgba(19, 19, 28, 0.2);
box-shadow: 0px 0px 5px 0px rgba(19, 19, 28, 0.2);
}
.noUi-background {
background-color: #f3f5f6;
border-radius: 6px;
height: 2px;
}
.noUi-connect {
background-color: #041e42;
border-radius: 30px;
-webkit-transition: background 450ms;
transition: background 450ms;
}
.noUi-draggable {
cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
cursor: n-resize;
}
.noUi-handle {
cursor: default;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.noUi-handle:active {
background-clip: padding-box;
-webkit-background-clip: padding-box;
}
[disabled].noUi-connect,
[disabled] .noUi-connect {
background: #b8b8b8;
}
[disabled].noUi-origin,
[disabled] .noUi-handle {
cursor: not-allowed;
}
.filter_components #slider-range-value1,
.filter_components #slider-range-value3 {
margin: 0;
margin-left: 0;
margin-right: 10px;
}
.filter_components #slider-range-value1,
.filter_components #slider-range-value2,
.filter_components #slider-range-value3,
.filter_components #slider-range-value4 {
background-color: transparent;
border: 1px solid #eaeaea;
height: 45px;
width: 95px;
}
.testimonial_content {
background-color: #ffffff;
border-radius: 6px;
height: 300px;
margin: 70px 100px;
position: relative;
padding: 60px 100px;
text-align: center;
-webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05);
}
.testimonial_content .thumb {
display: inline-block;
margin-bottom: 40px;
margin-top: -120px;
position: relative;
}
.testimonial_content .thumb h4 {
margin-bottom: 0;
}
.testimonial_content .thumb p {
color: #86bc42;
margin-bottom: 0;
}
.testimonial_content .thumb img {
border-radius: 50%;
margin-bottom: 20px;
}
.testimonial_content .details p {
font-size: 15px;
line-height: 28px;
margin: 0 auto;
max-width: 510px;
}
.form_grid {
position: relative;
}
.form_grid .contact_form label.form-label {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
}
.search_field input {
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 6px;
color: #626974;
font-style: normal;
font-weight: 400;
font-size: 15px;
height: 55px;
}
.form_grid .contact_form textarea.form-control {
color: #041e42;
font-size: 15px;
line-height: 28px;
padding: 20px 0 0 15px;
}
.search_field.property input.form-control {
height: auto;
width: 270px;
}
.search_field input {
margin-bottom: 30px;
}
.search_field input.form-control {
height: 45px;
}
.form_grid .contact_form .col-sm-12 button {
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 1.5;
height: 45px;
min-width: 120px;
}
.contact_form.profile {
background-color: #fff;
border-radius: 3px;
padding: 30px;
-webkit-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
-moz-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
-o-box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
box-shadow: 0px 10px 30px rgba(13, 38, 59, 0.05);
}
/*== CSS Animation Code End ==*/
section {
padding: 60px 0;
position: relative;
}
.main-title {
position: relative;
margin-bottom: 25px;
}
.main-title h2 {
font-size: 24px;
font-weight: 500;
line-height: 40px;
}
.main-title h3 {
display: inline-block;
margin-bottom: 10px;
margin-top: 0;
}
.main-title p {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.main-title p a {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
}
.title_more_btn {
color: #041e42;
font-size: 15px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
position: relative;
}
.title_more_btn:before {
background-color: #041e42;
bottom: -8px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 32%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.title_more_btn:hover:before {
width: 100%;
}
.preloader {
background-color: #eaeaea;
/* background-image: url("../images/pre-loader.png"); */
background-position: center center;
background-repeat: no-repeat;
height: 100%;
left: 0px;
position: fixed;
top: 0px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
z-index: 99999;
}
.preloader img {
width: 100px; /* Adjust as needed */
height: 100px; /* Adjust as needed */
/* border-radius: 50%; */
animation: spin 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
transform-style: preserve-3d; /* Enable 3D transform */
backface-visibility: hidden; /* Hide the backside when flipping */
}
.waves {
position: absolute;
width: 100px; /* Match the container size */
height: 100px;
border: 2px solid #3498db; /* Color of the waves */
border-radius: 50%;
opacity: 0;
animation: wave-spread 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}
.waves:nth-child(1) {
animation-delay: 0s;
}
.waves:nth-child(2) {
animation-delay: 1s; /* Stagger the second wave */
}
@keyframes spin {
0% {
transform: perspective(800px) rotateY(0deg);
}
50% {
transform: perspective(800px) rotateY(180deg);
}
100% {
transform: perspective(800px) rotateY(360deg);
}
}
@keyframes wave-spread {
0% {
transform: scale(0.5);
opacity: 0.6;
}
100% {
transform: scale(2.5); /* Adjust the scale for the wave size */
opacity: 0;
}
}
.scrollToHome {
background: linear-gradient(135deg, #007acc, #00c6ff);
border-radius: 6px;
bottom: -45px;
color: #ffffff;
display: block;
height: 45px;
line-height: 45px;
opacity: 0;
position: fixed;
right: 45px;
text-align: center;
text-decoration: none;
width: 50px;
z-index: 9;
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
-o-transform: scale(0.3);
transform: scale(0.3);
-webkit-box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3);
-moz-box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3);
-o-box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3);
box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.scrollToHome:hover {
color: #ffffff;
}
.scrollToHome.show {
bottom: 72px;
right: 20px;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.parallax {
background-position: 50% 0px;
z-index: 1;
position: relative;
}
.form_control {
border: 1px solid #bdbdbd;
padding-left: 20px;
}
.form_control:active,
.form_control:focus {
border: 1px solid #041e42;
box-shadow: none;
outline: none;
}
.form_control::placeholder {
color: #626974;
font-size: 14px;
}
.form_control:active::placeholder,
.form_control:focus::placeholder,
.contact_form.profile textarea.form-control:active::placeholder,
.contact_form.profile textarea.form-control:focus::placeholder {
color: #041e42;
}
/*== Chart Js Css ==*/
canvas {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Shop Order Page Style */
.order_complete_message {
position: relative;
}
.order_complete_message .icon {
border-radius: 50%;
font-size: 30px;
height: 80px;
line-height: 80px;
margin: 0 auto 10px;
width: 80px;
}
.order_complete_message .title {
font-size: 28px;
line-height: 40px;
letter-spacing: 0em;
}
.order_complete_message .para {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.shop_order_box {
position: relative;
}
.shop_order_box .order_list_raw {
background-color: #fff;
border: 1px dashed #626974;
border-radius: 6px;
margin-bottom: 30px;
padding: 30px;
}
.shop_order_box .order_list_raw ul {
margin-bottom: 0;
display: flex;
gap: 10px;
justify-content: space-between;
}
.shop_order_box .order_list_raw ul li {
text-align: left;
}
.shop_order_box .order_list_raw ul li:last-child {
margin-right: 0px;
}
.shop_order_box .order_list_raw ul li h5 {
font-style: normal;
line-height: 28px;
margin-bottom: 0;
}
.shop_order_box .order_list_raw ul li p {
color: #041e42;
font-style: normal;
font-size: 16px;
line-height: 28px;
margin-bottom: 5px;
}
.shop_order_box .order_details {
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 6px;
padding: 40px 50px 20px;
}
.shop_order_box .order_details .title {
font-size: 20px;
line-height: 29px;
letter-spacing: 0em;
}
.shop_order_box .order_details .od_content .product_name_qnt,
.order_sidebar_widget .product_name_qnt {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
}
.order_sidebar_widget .product_name_qnt {
margin-bottom: 15px;
}
.shop_order_box .order_details .od_content .product_name_qnt span,
.order_sidebar_widget .product_name_qnt span {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
}
.shop_order_box .order_details .od_content .subtitle p {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 35px;
}
.shop_order_box .order_details .od_content .subtitle span {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 35px;
}
.shop_order_box .order_details .od_content .subtitle .free_shipping {
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.shop_order_box .order_details .od_content .subtitle .fwn_bd_color {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 35px;
}
.list_last_content .para {
color: #000000;
font-size: 15px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
}
.checkout_form {
border: 1px solid #eaeaea;
border-radius: 6px;
padding: 15px;
position: relative;
margin-bottom: 15px;
}
.checkout_form.style2 {
position: relative;
}
.checkout_form .title {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 29px;
}
.checkout_form .checkout_coupon .form1 {
display: block;
margin-bottom: 60px;
padding-top: 10px;
text-align: center;
}
.checkout_form .checkout_coupon form .form-control:placeholder {
color: #626974;
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.checkout_form .checkout_coupon form input.form_control:active,
.checkout_form .checkout_coupon form input.form_control:focus,
.checkout_form .checkout_coupon form textarea:active,
.checkout_form .checkout_coupon form textarea:focus,
.checkout_form .checkout_coupon form input.coupon_input:focus {
color: #041e42;
}
.checkout_form .checkout_coupon form input.form_control:active::placeholder,
.checkout_form .checkout_coupon form input.form_control:focus::placeholder {
color: #041e42;
}
.checkout_form .checkout_coupon form.form_one {
max-width: 350px;
width: 100%;
}
.checkout_form .checkout_coupon form input.coupon_input {
border: 1px dashed #626974;
border-radius: 6px;
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
height: 55px;
padding-left: 20px;
width: 100%;
}
.checkout_form .checkout_coupon form .apply_count_btn {
position: absolute;
right: 30px;
top: 10px;
text-decoration: underline;
}
.checkout_form .checkout_coupon form button {
border-radius: 6px;
font-size: 15px;
font-weight: 500;
height: 52px;
line-height: 22px;
letter-spacing: 0em;
margin-bottom: 0;
padding: 12px 35px;
}
.checkout_form .checkout_coupon .form_two {
position: absolute;
right: 0;
}
.checkout_form .checkout_coupon .form-group {
margin-bottom: 20px;
}
.checkout_form .checkout_coupon label {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
}
.checkout_form .checkout_coupon .ai_title {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
margin-bottom: 5px;
}
.checkout_form .checkout_coupon p {
font-size: 16px;
color: #041e42;
font-weight: bold;
line-height: 1.75;
}
.checkout_form.style2 .checkout_country_form {
position: relative;
}
.checkout_form.style2 .checkout_country_form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%;
}
.checkout_form.style2 .checkout_country_form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) button.btn.dropdown-toggle {
border: 1px solid #eaeaea;
margin: 0;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.checkout_form.style2 .custom_checkbox .checkmark {
top: 3px;
}
.checkout_form.style2 label.custom_checkbox {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 22px;
margin-bottom: 20px;
}
.order_sidebar_widget {
border: 1px solid #eaeaea;
border-radius: 6px;
padding: 15px;
position: relative;
}
.order_sidebar_widget.style2 {
background-color: #fff;
padding: 15px;
}
.order_sidebar_widget .title {
color: #041e42;
font-size: 20px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0em;
margin-bottom: 15px;
}
.order_sidebar_widget .subtitle p,
.order_sidebar_widget .subtitle.style2 span {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 35px;
letter-spacing: 0em;
margin-bottom: 0;
}
.order_sidebar_widget .subtitle.totals p {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 35px;
letter-spacing: 0em;
}
.order_sidebar_widget.checkout_page {
padding: 30px 30px 10px;
}
.order_sidebar_widget.checkout_page .title {
margin-bottom: 20px;
}
.order_sidebar_widget.checkout_page,
.order_sidebar_widget.checkout_page ul li {
position: relative;
}
.order_sidebar_widget.checkout_page ul li:first-child {
border-bottom: none;
padding-bottom: 0;
}
.order_sidebar_widget.checkout_page ul li {
border-bottom: 1px solid #eaeaea;
padding-bottom: 10px;
margin-bottom: 10px;
}
.order_sidebar_widget.checkout_page ul li:last-child {
border-bottom: none;
}
.order_sidebar_widget.checkout_page .product_name_qnt {
position: relative;
width: 70%;
}
.order_sidebar_widget.checkout_page .price,
.order_sidebar_widget.checkout_page .price {
color: #041e42;
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
position: absolute;
right: 0;
top: 0;
}
.order_sidebar_widget.checkout_page li.subtitle p {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 35px;
letter-spacing: 0em;
}
.order_sidebar_widget.checkout_page .payment_method .pm_content {
padding-bottom: 10px;
margin-bottom: 10px;
}
.order_sidebar_widget.checkout_page .payment_method .pmtitle {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 35px;
}
.order_sidebar_widget.checkout_page .payment_method .pm_details p {
color: #626974;
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.ui_kit_checkbox.checkout_pm .custom_checkbox {
color: #041e42;
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
margin-bottom: 20px;
}
.ui_kit_checkbox.checkout_pm .custom_checkbox .checkmark {
top: 5px;
}
.payment_widget_btn .btn-block {
color: #fff;
font-size: 15px;
font-weight: 500;
line-height: 36px;
width: 100%;
}
.ui_kit_radiobox .radio label img {
width: 86px;
}
.ui_kit_radiobox.checkout .radio input[type="radio"] label .radio-label {
height: 13px;
top: 12px;
width: 13px;
}
.ui_kit_radiobox.checkout .radio input[type="radio"]:checked label .radio-label {
box-shadow: inset 0 0 0 2px #86bc42;
}
.shopping_cart_table tbody.table_body td .cart_count {
border: 1px solid #bdbdbd;
border-radius: 3px;
color: #041e42;
font-size: 14px;
font-weight: 700;
height: 55px;
line-height: 1.2;
width: 130px;
}
.shopping_cart_table .table thead tr,
.shopping_cart_table .table tbody.table_body tr {
border: 1px solid #eaeaea;
}
.shopping_cart_table .table thead tr th:first-child {
text-align: left;
}
.shopping_cart_table .table thead tr th:nth-child(2),
.shopping_cart_table .table thead tr th:nth-child(3),
.shopping_cart_table .table thead tr th:nth-child(4) {
text-align: center;
}
.shopping_cart_table .table tbody.table_body tr th {
text-align: left;
}
.shopping_cart_table .table tbody.table_body tr td {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
text-align: center;
}
.shopping_cart_table .table tbody.table_body tr td:last-child {
color: #041e42;
cursor: pointer;
font-size: 14px;
}
.shopping_cart_table .table tbody.table_body tr th,
.shopping_cart_table .table tbody.table_body tr td {
padding: 30px 0;
}
.shopping_cart_table .table tbody.table_body tr td .quantity-block {
border: 1px solid #eaeaea;
border-radius: 60px;
height: 42px;
vertical-align: middle;
width: 110px;
}
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-arrow-minus.inner_page,
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-arrow-minus2.inner_page,
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-arrow-minus3.inner_page,
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-arrow-plus.inner_page,
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-arrow-plus2.inner_page,
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-arrow-plus3.inner_page {
background-color: #f3f5f6;
font-size: 10px;
height: 30px;
right: 5px;
top: 5px;
width: 30px;
transform: rotate(0deg);
}
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-arrow-minus.inner_page,
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-arrow-minus2.inner_page,
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-arrow-minus3.inner_page {
background-color: transparent;
left: 5px;
right: auto;
}
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-arrow-minus.inner_page:hover,
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-arrow-minus2.inner_page:hover,
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-arrow-minus3.inner_page:hover {
background-color: #f3f5f6;
}
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-num,
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-num2,
.shopping_cart_table .table tbody.table_body tr td .quantity-block .quantity-num3 {
color: #041e42;
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.shopping_cart_table .table thead tr th {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
}
.shopping_cart_table tbody.table_body th .cart_list .cart_title {
color: #041e42;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.table_body td {
vertical-align: middle;
}
/* Shop Single Page Style */
.shop_single_natabmenu {
position: relative;
}
.shop_single_natabmenu .nav-link {
border: 1px solid #eaeaea;
margin-bottom: 10px;
padding: 1px;
border-radius: 0px;
}
.shop_single_natabmenu .nav-link div{
border: 1px solid #eaeaea;
background-color: transparent;
height: auto;
width: 70px;
padding: 5px;
border-radius: 0px;
}
.shop_single_natabmenu .nav-link.active {
border: 1px solid #0d6efd;
background-color: transparent;
}
.shop_single_natabmenu .nav-link.active div {
border: 1px solid #0d6efd;
background-color: transparent;
}
.shop_single_natabmenu .nav-link img {
width: 60px;
}
.shop_single_natabmenu .product_popup {
font-size: 24px;
position: absolute;
right: 0;
top: 0;
}
.cart_btn_widget {
position: relative;
}
.cart_btn_widget.shop_single2_style .btn {
border-radius: 10px;
padding: 14px 35px;
}
.cart_btn_widget.shop_single3_style .btn {
border-radius: 10px;
height: 52px;
line-height: 40px;
width: 222px;
}
.cart_btn_widget.shop_single3_sbt_style .btn {
border-radius: 10px;
padding: 14px 45px;
}
.cloth_size_list_sscs_page {
position: relative;
margin-bottom: 5px;
}
.color_chose_list_sscs_page h6.title,
.cloth_size_list_sscs_page h6.title {
font-size: 14px;
line-height: 22px;
}
.cloth_size_list_sscs_page li a,
.cloth_size_list_sscs_page .nav.nav-pills .nav-link {
border: 1px solid #dbdbdb;
border-radius: 30px;
color: #6c6c6c;
background: #f7f7f7;
font-size: 14px;
margin-bottom: 2px;
font-weight: 500;
letter-spacing: 0em;
padding: 1px 10px;
min-width: 36px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.cloth_size_list_sscs_page li a.active, .cloth_size_list_sscs_page .nav.nav-pills .nav-link.active, .cloth_size_list_sscs_page li a:hover {
background: #ecf4ff;
color: #0d6efd;
border: 1px solid #8abbff;
border-radius: 30px;
}
.attr_size_set{
border:none;
}
.shop_single_natabmenu.color_switch .nav-link {
border: none;
height: auto;
width: auto;
}
.home3_cart_item {
padding: 80px 40px;
position: relative;
}
.home3_cart_item .home3_cart_item_btns .btn {
border-radius: 60px;
width: 210px;
}
.home3_cart_item .single_content .details {
position: relative;
}
.home3_cart_item .single_content .details:last-child {
width: 81%;
}
.home3_cart_item .single_content .title {
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
margin: 0;
}
.home3_cart_item .single_content .details .progressbar {
position: relative;
}
.home3_cart_item .single_content .details .progressbar .progress-levels .progress-box .bar {
height: 6px;
}
.home3_cart_item .single_content .details .progressbar .progress-levels .progress-box .bar .bar-innner {
background-color: #ffffff;
}
.home3_cart_item .single_content .details .progressbar .progress-levels .progress-box .bar .bar-fill {
background-color: #041e42;
}
.home3_cart_item .shop_single_product_details .quantity-arrow-minus2.shop_single_page_sidebar,
.home3_cart_item .shop_single_product_details .quantity-arrow-plus2.shop_single_page_sidebar {
border: 1px solid #eaeaea;
}
.home3_cart_item .shop_single_product_details .quantity-arrow-minus2.shop_single_page_sidebar:hover,
.home3_cart_item .shop_single_product_details .quantity-arrow-plus2.shop_single_page_sidebar:hover {
background-color: transparent;
border: 1px solid #041e42;
}
.single_product_grid {
margin: 0;
position: relative;
text-align: center;
}
.single_product_grid .sps_content {
border: 1px solid #bdbdbd;
border-radius: 6px;
padding: 30px;
}
.single_product_grid .sps_content .content {
text-align: left;
}
.shop_single_product_details {
padding: 0 30px;
position: relative;
}
.shop_single_product_details.sidebar {
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 6px;
-webkit-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-o-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
padding: 30px;
}
.shop_single_product_details.sidebar.ss3_style {
background-color: #f3f5f6;
}
.shop_single_product_details .shop_item_stock .stock {
background-color: #cf3e3b;
border-radius: 60px;
color: #fff;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 14px;
letter-spacing: 0em;
padding: 5px 17px 5px 17px;
text-align: center;
}
.shop_single_product_details .shop_item_stock .sis_pagination .page-link,
.shop_single_product_details .shop_item_stock .sis_pagination .page-link span {
color: #041e42;
border: none;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 14px;
letter-spacing: 0em;
padding: 0 7px;
}
.shop_single_product_details .shop_item_stock .sis_pagination .page-link span {
font-size: 16px;
}
.shop_single_product_details .shop_item_stock .sis_pagination .page-link:hover,
.shop_single_product_details .shop_item_stock .sis_pagination .page-link:hover span {
background-color: transparent;
color: #86bc42;
}
.shop_single_product_details .shop_item_stock .sis_pagination .page-link:hover,
.shop_single_product_details .shop_item_stock .sis_pagination .page-link:active,
.shop_single_product_details .shop_item_stock .sis_pagination .page-link:focus {
box-shadow: none;
outline: none;
}
.shop_single_product_details .title {
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 32px;
}
.shop_single_product_details p {
color: #626974;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.shop_single_product_details h4 {
color: #041e42;
font-size: 24px;
font-weight: 500;
line-height: 1.182;
margin-bottom: 15px;
}
.shop_single_product_details .quantity-num2.shop_single_page_sidebar,
.shop_single_product_details .quantity-num3.shop_single_page_sidebar {
border: 1px solid #eaeaea;
border-radius: 60px;
height: 52px;
width: 132px;
}
.shop_single_product_details.shop_single3_style .quantity-block.home_page_sidebar {
width: 100%;
}
.shop_single_product_details.shop_single3_style .quantity-num2.shop_single_page_sidebar {
max-width: inherit;
width: 100%;
}
.shop_single_product_details .quantity-arrow-minus2.shop_single_page_sidebar,
.shop_single_product_details .quantity-arrow-minus3.shop_single_page_sidebar {
border-radius: 50%;
left: 10px;
top: 13px;
}
.shop_single_product_details .quantity-arrow-plus2.shop_single_page_sidebar,
.shop_single_product_details .quantity-arrow-plus3.shop_single_page_sidebar {
border-radius: 50%;
right: 10px;
top: 13px;
}
.shop_single_product_details .quantity-arrow-minus2.shop_single_page_sidebar:hover,
.shop_single_product_details .quantity-arrow-plus2.shop_single_page_sidebar:hover,
.shop_single_product_details .quantity-arrow-minus3.shop_single_page_sidebar:hover,
.shop_single_product_details .quantity-arrow-plus3.shop_single_page_sidebar:hover {
background-color: #f3f5f6;
}
.shop_single_wishlist_area li {
border-right: 1px solid #eaeaea;
}
.shop_single_wishlist_area li:last-child {
border-right: none;
}
.shop_single_wishlist_area li a {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.shop_single_wishlist_area li a span {
vertical-align: middle;
}
.shop_single_product_details .sspd_price {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 38px;
}
.shop_single_product_details .sspd_price small {
color: #626974;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.shop_single_table {
position: relative;
}
.shop_single_table thead tr th,
.shop_single_table tbody tr th {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 60px;
letter-spacing: 0em;
padding-left: 30px;
}
.shop_single_table tbody tr td {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 60px;
letter-spacing: 0em;
}
.shop_single_table.style3 thead tr th,
.shop_single_table.style3 tbody tr th,
.shop_single_table.style3 tbody tr td {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 30px;
padding: 0;
}
.ss_cart_btn {
border-radius: 60px;
height: 52px;
line-height: 35px;
}
.shop_item_pack {
position: relative;
}
.shop_item_pack ul li:first-child a {
border: transparent;
color: #041e42;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 30px;
letter-spacing: 0em;
padding-left: 0;
text-align: left;
}
.shop_item_pack ul li:first-child a:hover {
border: transparent;
color: #041e42;
}
.shop_item_pack ul li {
text-align: center;
}
.shop_item_pack ul li a {
border: 1px solid #bdbdbd;
border-radius: 60px;
color: #626974;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 14px;
letter-spacing: 0em;
padding: 8px 17px;
text-align: center;
}
.shop_item_pack ul li a:hover {
border: 1px solid #86bc42;
color: #86bc42;
}
.shop_item_pack ul li:last-child a {
border: none;
color: #86bc42;
padding-left: 10px;
}
.shop_single_product_details .cart_btns input:focus {
outline: none;
}
.shop_single_product_details .cart_btns button.btn {
border-radius: 60px;
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 15px;
height: 52px;
margin: 0;
padding: 10px 35px;
width: 230px;
}
.shop_single_product_details .sspd_sku li a {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0em;
}
.shop_single_siderbar_mini_content h4 {
font-size: 16px;
line-height: 28px;
}
.shop_single_siderbar_mini_content p,
.shop_single_siderbar_mini_content a {
color: #041e42;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.shop_single4_sidebar_list li a {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.shop_single_product_details .sspd_sku li .social_icons li:hover {
background-color: transparent;
}
.shop_single_product_details .sspd_sku li .social_icons li:hover a {
color: #86bc42;
}
.shop_single_product_details .sspd_sku li .social_icons a {
color: #041e42;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 14px;
letter-spacing: 0em;
}
.product_single_content .mbp_pagination_comments .mbp_first.media .media-body p {
font-size: 14px;
color: #626974;
line-height: 1.857;
}
.product_single_content .mbp_pagination_comments .mbp_first.media h4.sub_title ul li a {
color: #626974;
font-family: "Font Awesome 6 Pro";
font-size: 10px;
line-height: 11px;
text-align: right;
}
.product_single_content .mbp_pagination_comments .mbp_first.media h4.sub_title .sspd_review ul li {
margin-right: 2px;
}
.mbp_pagination_comments .mbp_first img {
width: 70px;
}
.bsp_reveiw_wrt {
margin-bottom: 30px;
}
.bsp_reveiw_wrt h4 {
color: #041e42;
font-size: 20px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0em;
margin-bottom: 35px;
}
.review_star li p {
font-size: 14px;
color: #041e42;
line-height: 1.714;
padding-left: 10px;
}
.review_star li,
.review_star li .sspd_review ul li {
margin-right: 0;
}
.review_star li ul li a {
font-size: 14px;
font-family: "Font Awesome 6 Pro";
color: #bcc52a;
line-height: 2.143;
}
.review_star li ul li:last-child a {
color: #e1e1e1;
}
.bsp_reveiw_wrt .comments_form {
background-color: transparent;
padding: 0;
}
.bsp_reveiw_wrt .form-check {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-box;
display: -o-inline-box;
display: inline-box;
margin-bottom: 25px;
}
.bsp_reveiw_wrt .form-check-input {
border: 1px solid #041e42;
border-radius: 4px;
box-shadow: none;
height: 16px;
margin-right: 10px;
outline: none;
width: 16px;
}
.bsp_reveiw_wrt .form-check-input:checked {
background-color: #041e42;
}
.bsp_reveiw_wrt label.form-check-label {
color: #000000;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.review_star ul li {
margin-right: 3px !important;
}
.review_star ul li a {
font-size: 10px;
color: #626974;
}
.bsp_reveiw_wrt .comments_form .form-group input {
border: 1px solid #eaeaea;
border-radius: 6px;
color: #626974;
font-style: normal;
font-weight: 400;
font-size: 15px;
height: 55px;
line-height: 40px;
margin-bottom: 20px;
padding-left: 20px;
}
.bsp_reveiw_wrt .comments_form .form-group input:focus,
.bsp_reveiw_wrt .comments_form .form-group input:active,
.bsp_reveiw_wrt .comments_form .form-group textarea:active,
.bsp_reveiw_wrt .comments_form .form-group textarea:visited,
.bsp_reveiw_wrt .comments_form .form-group textarea:focus {
color: #041e42;
border: 1px solid #041e42;
-webkit-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
-o-box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
box-shadow: 0px 10px 20px rgba(4, 30, 66, 0.05);
}
.bsp_reveiw_wrt .comments_form .form-group textarea {
border: 1px solid #eaeaea;
border-radius: 6px;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 28px;
margin-bottom: 20px;
padding: 20px;
}
.bsp_reveiw_wrt .comments_form button.btn {
border-radius: 6px;
color: #fff;
font-size: 15px;
font-weight: 500;
letter-spacing: 0em;
height: 52px;
line-height: 40px;
width: 116px;
}
.bsp_reveiw_wrt .comments_form label {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
}
/*== Invoice Page ==*/
.invoice_down_print {
border-radius: 6px;
color: #fff;
display: inline-block;
font-style: normal;
font-weight: 500;
font-size: 15px;
height: 52px;
line-height: 52px;
text-align: center;
width: 101px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-moz-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-o-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
}
.invoice_table {
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 6px;
position: relative;
-webkit-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-o-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
}
.invoice_table.order {
box-shadow: none;
}
.invoice_table .wrapper {
padding: 30px;
}
.invoice_table .table {
border: 1px solid transparent;
border-radius: 6px;
margin-bottom: 0;
overflow: hidden;
}
.invoice_table .table tr.tblh_row {
background-color: #f3f5f6;
border-radius: 8px;
}
.invoice_table .table tr.tblh_row th {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
letter-spacing: 0em;
}
.invoice_table .table tr th.tbl_title,
.invoice_table .table tr td.tbl_title {
color: #041e42;
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.invoice_table .table tr td.tblpr_title {
color: #041e42;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.invoice_table .table tr th.tblp_title,
.invoice_table .table tr td.tblp_title {
color: #041e42;
font-size: 18px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0em;
}
.order_table {
border: 1px solid #bdbdbd;
}
.shopping_cart_table thead,
.order_table thead {
background-color: #f3f5f6;
}
.order_table .table> :not(:last-child)> :last-child>* {
border-bottom-color: transparent;
}
.account_user_deails .order_table thead {
border-radius: 6px;
overflow: hidden;
}
.account_user_deails .order_table {
border: none;
}
.shopping_cart_table .table th,
.account_user_deails .order_table .table th {
padding: 20px 25px;
}
.account_user_deails .order_table .table th,
.account_user_deails .order_table .table td {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
vertical-align: middle;
}
.account_user_deails .order_table .table th {
font-weight: 500;
}
.account_user_deails.dashboard_page .order_table .table th {
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
}
.account_user_deails .order_table .table th,
.account_user_deails.dashboard_page .order_table .table td {
padding: 15px 0 15px 10px;
}
.dashboard_product_list .order_table .table th {
padding: 25px 0 25px 30px;
}
.dashboard_product_list .order_table .table td {
padding: 18px 0 18px 30px;
}
.account_user_deails .order_table .table td.status {
font-size: 14px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
}
.account_user_deails .order_table .table td.status .style1 {
background-color: #f1faff;
border-radius: 6px;
color: #00a3ff;
padding: 6px 11px;
}
.account_user_deails .order_table .table td.status .style2 {
background-color: #fff5f8;
border-radius: 6px;
color: #f1416c;
padding: 6px 11px;
}
.account_user_deails .order_table .table td.status .style3 {
background-color: #fff4de;
border-radius: 6px;
color: #ffa800;
padding: 6px 11px;
}
.account_user_deails .order_table .table td.status .style4 {
background-color: #e8fff3;
border-radius: 6px;
color: #50cd89;
padding: 10px;
}
.account_user_deails .order_table .table td.action .details {
background-color: #f3f5f6;
border-radius: 6px;
font-size: 10px;
padding: 5px 6px;
}
.account_user_deails .dboard_address .title {
font-size: 18px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0em;
}
.account_user_deails .dboard_address .title span {
color: #443297;
cursor: pointer;
position: relative;
}
.account_user_deails .dboard_address p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 23px;
letter-spacing: 0em;
}
.order_table .table th {
color: #041e42;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 17px;
letter-spacing: 0em;
}
.order_table .table td {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.order_table .table thead th {
color: #041e42;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px;
letter-spacing: 0em;
}
.order_table .table th,
.order_table .table td,
.invoice_table .table th,
.invoice_table .table td {
padding: 20px 25px;
}
.order_table .table th,
.order_table .table td,
.dashboard_product_list .order_table {
border-bottom: 1px solid #bdbdbd;
}
.order_table .table {
border: 1px solid #bdbdbd;
border-radius: 6px;
margin-bottom: 0;
overflow: hidden;
}
.invoice_table .invoice_date .title {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
margin-bottom: 5px;
}
.invoice_table .invoice_date h5 {
color: #140342;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
}
.invoice_table .invoice_deails h3 {
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 38px;
}
.invoice_table .invoice_address h3 {
color: #041e42;
font-size: 18px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0em;
}
.invoice_table .invoice_address h5 {
color: #140342;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
}
.invoice_table .invoice_address p {
color: #041e42;
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.invoice_table .invoice_deails span {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.invoice_table .table> :not(caption)>*>* {
border-bottom-width: 0;
}
.invoice_table.property .table td {
vertical-align: middle;
}
.invoice_table.property .table td.pending_color {
color: #cc5040;
}
.invoice_table.property .table th {
padding-right: 0;
}
.invoice_footer {
background-color: #fff;
border-radius: 0 0 6px 6px;
border-top: 1px solid #eaeaea;
padding: 15px;
}
.invoice_footer_content ul li {
margin-right: 40px !important;
}
.invoice_footer_content ul li:last-child {
margin-right: 0;
}
.invoice_footer_content ul li a {
color: #041e42;
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.invoice_footer_content ul li:hover a {
color: #0390f3;
}
.progress-levels {
position: relative;
}
.progress-levels .progress-box {
position: relative;
margin-bottom: 35px;
overflow: hidden;
}
.progress-levels .progress-box .bar {
position: relative;
height: 4px;
}
.progress-levels .progress-box .bar .bar-innner {
background-color: #f3f5f6;
border-radius: 4px;
height: 4px;
position: relative;
left: 0px;
top: 0px;
width: 100%;
}
.progress-levels .progress-box .bar .bar-fill {
background: linear-gradient(135deg, #007acc, #00c6ff);
border-radius: 4px;
left: -100%;
height: 4px;
position: absolute;
top: 0px;
width: 0px;
-webkit-transition: all 2000ms ease 300ms;
-o-transition: all 2000ms ease 300ms;
transition: all 2000ms ease 300ms;
}
.progress-levels .progress-box.animated .bar .bar-fill {
left: 0px;
}
.progress-levels .progress-box.animated .percent {
opacity: 1;
}
.progress-levels .progress-box .percent {
color: #222222 !important;
font-size: 14px;
line-height: 24px;
opacity: 0;
position: absolute;
right: 0px;
text-align: center;
top: -25px;
-webkit-transition: all 2000ms ease 700ms;
-o-transition: all 2000ms ease 700ms;
transition: all 2000ms ease 700ms;
}
.progress-levels:last-child {
margin-bottom: 0px;
}
/* PROGRESS BAR END*/
/* Addui Slider for Pricing Range Slider Start*/
.addui-slider {
display: block;
box-sizing: border-box;
}
.addui-slider * {
box-sizing: border-box;
}
.addui-slider:not(.addui-slider-isrange) {
cursor: pointer;
}
.addui-slider .addui-slider-track {
display: block;
position: relative;
background: #f3f5f6;
border-radius: 10px;
}
.addui-slider .addui-slider-track .addui-slider-range {
display: block;
background: #3f51b5;
border-radius: 6px;
position: absolute;
}
.addui-slider .addui-slider-track .addui-slider-handle {
display: block;
width: 50px;
height: 50px;
position: absolute;
border-radius: 50px;
cursor: pointer;
z-index: 0;
}
.addui-slider .addui-slider-track .addui-slider-handle .addui-slider-value {
display: block;
float: right;
width: 60px;
height: 40px;
border-radius: 50%;
margin-top: 0px;
color: white;
opacity: 0;
pointer-events: none;
transition: opacity 1s, background 1s, transform 1s, margin 1s, border-radius 1s;
transform: scale(1, 0) rotate(0deg);
transform-style: preserve-3d;
position: absolute;
z-index: 1;
}
.addui-slider .addui-slider-track .addui-slider-handle .addui-slider-value span {
color: #041e42;
display: block;
line-height: 40px;
position: absolute;
text-align: center;
width: 100%;
z-index: 1;
}
.addui-slider .addui-slider-track .addui-slider-handle:hover .addui-slider-value {
background: #dfdfdf;
opacity: 1;
transform: scale(1, 1) rotate(0deg);
margin-top: -35px;
border-radius: 6px;
}
.addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active .addui-slider-value {
opacity: 1;
transform: scale(1, 1) rotate(0deg);
margin-top: -35px;
border-radius: 6px;
}
.addui-slider .addui-slider-track .addui-slider-handle:after {
background: #ffffff;
border: 2px solid #86bc42;
border-radius: 50%;
content: " ";
display: block;
height: 30px;
left: 13px;
position: relative;
top: 13px;
width: 30px;
}
.addui-slider.addui-slider-vertical {
height: calc(100% - 50px);
width: 50px;
margin: 25px 16px;
}
.addui-slider.addui-slider-vertical .addui-slider-track {
height: 100%;
width: 4px;
top: 0;
left: 23px;
}
.addui-slider.addui-slider-vertical .addui-slider-track .addui-slider-range {
width: 4px;
height: auto;
}
.addui-slider.addui-slider-vertical .addui-slider-track .addui-slider-handle {
left: -24px;
top: auto;
transform: translateY(50%);
}
.addui-slider.addui-slider-vertical .addui-slider-track .addui-slider-handle.addui-slider-handle-l {
z-index: 2;
}
.addui-slider.addui-slider-horizontal {
height: 50px;
width: 100%;
}
.addui-slider.addui-slider-horizontal .addui-slider-track {
height: 6px;
width: 100%;
top: 23px;
left: 0;
}
.addui-slider.addui-slider-horizontal .addui-slider-track .addui-slider-range {
width: auto;
height: 6px;
}
.addui-slider.addui-slider-horizontal .addui-slider-track .addui-slider-handle {
left: auto;
top: -24px;
transform: translateX(-50%);
}
.zmart_custom_range_slider {
position: relative;
}
.zmart_custom_range_slider.sidebar_prc_slider .addui-slider-handle.addui-slider-handle-l .addui-slider-value {}
.zmart_custom_range_slider .addui-slider .addui-slider-track .addui-slider-handle .addui-slider-value {
border: 1px solid #eaeaea;
border-radius: 6px;
background-color: #ffffff;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
float: right;
height: 45px;
margin-top: -37px;
opacity: 1;
pointer-events: none;
width: 85px;
transition: opacity 1s, background 1s, transform 1s, margin 1s, border-radius 1s;
transform: scale(1, 1) rotate(0deg);
transform-style: preserve-3d;
position: absolute;
z-index: 1;
}
.zmart_custom_range_slider .addui-slider .addui-slider-track .addui-slider-handle .addui-slider-value span {
padding-left: 10px;
text-align: left;
}
.zmart_custom_range_slider .addui-slider.addui-slider-horizontal .addui-slider-track {
background-color: #f3f5f6;
}
.zmart_custom_range_slider .addui-slider-handle.addui-slider-handle-l .addui-slider-value {
margin-left: 20px;
}
.zmart_custom_range_slider .addui-slider .addui-slider-track .addui-slider-handle:after {
background-color: #ffffff;
border: 2px solid #041e42;
height: 14px;
left: 20px;
top: 19px;
width: 14px;
}
.zmart_custom_range_slider .addui-slider .addui-slider-track .addui-slider-range {
background-color: #041e42;
}
.editing_list ul {
margin-bottom: 0;
}
.editing_list ul li {
background-color: #f3f5f6;
border-radius: 6px;
height: 40px;
line-height: 45px;
text-align: center;
width: 40px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.editing_list ul li a {
color: #626974;
font-size: 16px;
}
.uilayout_range {
max-width: 330px;
position: relative;
width: 100%;
}
.uilayout_range .asRange .asRange-pointer {
background-color: #fff;
border-radius: 50%;
height: 30px;
left: 30%;
margin-left: -4px;
position: absolute;
top: -13px;
width: 30px;
z-index: 2;
}
.uilayout_range .asRange .asRange-pointer .asRange-tip {
background-color: #f3f5f6;
border: 1px solid #f3f5f6;
border-radius: 3px;
color: #041e42;
font-size: 14px;
height: 40px;
left: 0;
line-height: 40px;
margin-left: -14px;
position: absolute;
text-align: center;
top: -50px;
width: 60px;
-webkit-transition: opacity 0.3s ease-in-out 0s;
transition: opacity 0.3s ease-in-out 0s;
}
.uilayout_range.home1_style {
margin: 0 30px;
}
.uilayout_range.home1_style .asRange .asRange-pointer .asRange-tip {
display: none;
}
/* == Gallery == */
.gallery_item {
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
.gallery_item img {
border-radius: 6px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.gallery_item:before {
background-color: rgba(18, 18, 18, 0.5);
border-radius: 5px;
content: "";
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.gallery_item:hover:before {
opacity: 1;
}
.gallery_item .gallery_overlay {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 40%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 1;
}
.gallery_item:hover img,
.gallery_item:hover .gallery_overlay,
.gallery_item:hover .gallery_overlay .icon {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.gallery_item .gallery_overlay .icon {
color: #fff;
font-family: "Font Awesome 6 Pro";
font-size: 25px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
/* Divider Forms CSS */
.contact_page_content .mtitle {
font-size: 28px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
}
.contact_page_content p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.contact_page_content .contact_icon_box {
position: relative;
}
.switch {
position: relative;
}
.switch input {
position: absolute;
height: 1px;
width: 1px;
background: none;
border: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
overflow: hidden;
padding: 0;
}
.switch input label {
position: relative;
min-width: calc(calc(2.375rem * 0.8) * 2);
border-radius: calc(2.375rem * 0.8);
height: calc(2.375rem * 0.8);
line-height: calc(2.375rem * 0.8);
display: inline-block;
cursor: pointer;
outline: none;
user-select: none;
vertical-align: middle;
text-indent: calc(calc(calc(2.375rem * 0.8) * 2) 0.5rem);
}
.switch input:checked label::before {
background-color: #041e42;
}
.switch input label::before {
right: 0;
background-color: #dee2e6;
border-radius: calc(2.375rem * 0.8);
transition: 0.2s all;
}
.switch input label::before,
.switch input label::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: calc(calc(2.375rem * 0.8) * 2);
bottom: 0;
display: block;
}
.switch input:checked label::after {
margin-left: calc(2.375rem * 0.8);
}
.switch input label::after {
top: 2px;
left: 2px;
width: calc(calc(2.375rem * 0.8) - calc(2px * 2));
height: calc(calc(2.375rem * 0.8) - calc(2px * 2));
border-radius: 50%;
background-color: white;
transition: 0.2s all;
}
/* Map Switcher Css Code End */
.single_line .para {
color: #626974;
font-size: 14px;
float: left;
line-height: 40px;
margin-bottom: 0;
}
.single_line .review {
float: right;
margin-bottom: 0;
}
.single_line .review li {
margin-right: 3px;
}
.single_line .review li:nth-child(5) {
margin-right: 25px;
}
.single_line .review span.total_rive_count {
font-size: 14px;
color: #626974;
line-height: 40px;
}
.single_line .review li a {
font-size: 14px;
color: #cab877;
line-height: 40px;
}
canvas#myChart {
height: auto;
max-width: 600px;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Menu Mega Code Start */
#mega-menu {
cursor: pointer;
max-width: 200px;
width: 100%;
}
#mega-menu,
.mega_button_dropdown_menu {
height: 50px;
position: absolute;
top: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mega_button_dropdown_menu {
top: -10px;
}
.home7_style #mega-menu {
height: 60px;
max-width: initial;
top: -1px;
width: 270px;
}
.home9_style #mega-menu {
height: 60px;
max-width: initial;
top: -20px;
width: 290px !important;
}
.mega_button_dropdown_menu.home4_style {
border-radius: 0;
top: 0;
width: 300px;
}
.mega_button_dropdown_menu.active ul.menu {
box-shadow: none;
}
.btn-mega,
#mega-menu .btn-mega,
.mega_button_dropdown_menu .btn-mega {
line-height: 40px;
position: relative;
z-index: 98;
}
#mega-menu .btn-mega:after {
background-color: rgba(255, 255, 255, 0.1);
content: "";
height: 30px;
position: absolute;
right: -20px;
top: -3px;
width: 1px;
}
.home4_style #mega-menu .btn-mega,
.home4_style .mega_button_dropdown_menu .btn-mega {
color: #041e42;
}
.home3_style #mega-menu .btn-mega .pre_line,
.home3_style #mega-menu .btn-mega .pre_line:before,
.home3_style #mega-menu .btn-mega .pre_line:after,
.home4_style #mega-menu .btn-mega .pre_line,
.home4_style #mega-menu .btn-mega .pre_line:before,
.home4_style #mega-menu .btn-mega .pre_line:after {
background-color: #041e42;
}
.btn-mega.home7_style:after,
.home5_style_megamenu_btn .btn-mega:after {
display: none;
}
.home5_style_megamenu_btn #mega-menu {
max-width: 30px;
}
.home5_style_megamenu_btn #mega-menu ul.menu:before {
left: 10px;
}
header.header-nav.menu_style_home_one.home5_styles .ace-responsive-menu li ul.sub-menu.dropdown-megamenu li.mega_menu_list {
width: auto;
}
#mega-menu .btn-mega .ctr_title,
.mega_button_dropdown_menu .btn-mega .ctr_title {
margin-left: 30px;
}
#mega-menu .btn-mega.home2.mega_button_dropdown_menu .btn-mega.home2 {
background-color: transparent;
}
.mega_button_dropdown_menu .btn-mega.home2 .icon {
display: none;
}
#mega-menu .btn-mega.home3,
.mega_button_dropdown_menu .btn-mega.home3 {
background-color: #dd6764;
}
#mega-menu .btn-mega.home4,
.mega_button_dropdown_menu .btn-mega.home4 {
background-color: #fff;
border-radius: 0;
}
#mega-menu .btn-mega.home4 .pre_line,
#mega-menu .btn-mega.home4 .ctr_title,
#mega-menu .btn-mega.home4 .icon,
.mega_button_dropdown_menu .btn-mega.home4 .pre_line,
.mega_button_dropdown_menu .btn-mega.home4 .ctr_title,
.mega_button_dropdown_menu .btn-mega.home4 .icon {
color: #041e42;
}
#mega-menu .btn-mega.home4 .icon,
#mega-menu .btn-mega.home7_style .icon,
.mega_button_dropdown_menu .btn-mega.home4 .icon {
font-size: 16px;
position: absolute;
right: 25px;
top: 15px;
}
#mega-menu .btn-mega.home4 .pre_line,
#mega-menu .btn-mega.home4 .pre_line:after,
#mega-menu .btn-mega.home4 .pre_line:before,
.mega_button_dropdown_menu .btn-mega.home4 .pre_line,
.mega_button_dropdown_menu .btn-mega.home4 .pre_line:after,
.mega_button_dropdown_menu .btn-mega.home4 .pre_line:before {
background-color: #041e42;
}
#mega-menu ul.menu.home4_style,
.mega_button_dropdown_menu ul.menu.home4_style {
border-radius: 0;
}
#mega-menu ul.menu.home4_style li .drop-menu,
.mega_button_dropdown_menu ul.menu.home4_style li .drop-menu {
left: 270px;
}
#mega-menu:hover ul.menu,
.mega_button_dropdown_menu:hover ul.menu,
.mega_button_dropdown_menu.active ul.menu {
opacity: 1;
top: 10px;
visibility: visible;
width: 270px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mega-menu ul.menu:before {
background-color: #ffffff;
content: "";
height: 10px;
left: 35px;
position: absolute;
top: -5px;
width: 10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.1s ease 0s;
-moz-transition: all 0.1s ease 0s;
-o-transition: all 0.1s ease 0s;
transition: all 0.1s ease 0s;
}
#mega-menu ul.menu.home9_style:before {
left: auto;
right: 25px;
}
#mega-menu .btn-mega .pre_line,
.mega_button_dropdown_menu .btn-mega .pre_line {
background-color: #fff;
display: inline-block;
height: 2px;
left: 0;
position: absolute;
top: 22px;
width: 20px;
}
.mega_button_dropdown_menu .btn-mega .pre_line:before {
background-color: #fff;
content: "";
height: 1px;
left: 0;
position: absolute;
top: -7px;
width: 25px;
}
#mega-menu .btn-mega .pre_line:before,
#mega-menu .btn-mega .pre_line:after {
background-color: #fff;
content: "";
height: 2px;
left: 0;
position: absolute;
top: 7px;
width: 15px;
}
.home5_style_megamenu_btn #mega-menu .btn-mega .pre_line,
.home5_style_megamenu_btn #mega-menu .btn-mega .pre_line:before,
.home5_style_megamenu_btn #mega-menu .btn-mega .pre_line:after {
background-color: #041e42;
}
.index-cat img{
border: 2px solid #ececec;
}
.index-cat .details h5{
color:#0053f6;
border-bottom: 1px solid #0053f6;
}
.filter_box{
font-size: 14px;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
.filter_box .nav-pills {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
white-space: nowrap;
}
.grandChildContainer{
display: flex;
justify-content: center;
cursor: pointer;
align-items: center;
}
.filter_box .nav-link {
color: #222;
border: 1px solid #e3e3e3;
border-radius: 20px;
font-size: 14px;
padding: 5px 15px;
margin: 2px;
background: #f5f5f5;
}
.filter_box .form-check-inline{
white-space: nowrap;
}
.filter_box .nav-link.active{
background: #e6f0ff;
color: #0d6efd;
border: 1px solid #8abbff;
}
#mega-menu .btn-mega .pre_line:before {
left: 5px;
top: -8px;
width: 15px;
}
#mega-menu ul.menu {
border-radius: 0 0 0 6px;
}
#mega-menu ul.menu,
.mega_button_dropdown_menu ul.menu {
margin: 0px;
width: 270px;
background-color: #fff;
border: 1px solid #eaeaea;
opacity: 0;
position: relative;
top: 20px;
z-index: 90;
visibility: hidden;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mega-menu ul.menu li a,
.mega_button_dropdown_menu ul.menu li a {
border-left: 2px solid transparent;
font-size: 16px;
line-height: 50px;
padding: 0 20px;
/* border-bottom: 1px solid #eaeaea; */
display: block;
position: relative;
}
#mega-menu ul.menu li {
background-color: #ffffff;
border-left: 2px solid transparent;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#mega-menu ul.menu li:hover {
background-color: #f3f5f6;
border-left: 2px solid #443297;
}
.home7_style #mega-menu ul.menu li.list:hover,
.mega_button_dropdown_menu.home7_style ul.menu li.list:hover {
border-left: 2px solid #60c260;
}
.home7_style #mega-menu ul.menu li.list:hover a.dropdown,
.home7_style #mega-menu ul.menu li.list:hover a .menu-icn,
.home7_style #mega-menu ul.menu li.list:hover a .menu-title,
.home7_style #mega-menu ul.menu li.list:hover a.dropdown:after,
.mega_button_dropdown_menu.home7_style ul.menu li.list:hover a.dropdown,
.mega_button_dropdown_menu.home7_style ul.menu li.list:hover a .menu-icn,
.mega_button_dropdown_menu.home7_style ul.menu li.list:hover a .menu-title,
.mega_button_dropdown_menu.home7_style ul.menu li.list:hover a.dropdown:after {
color: #60c260;
}
#mega-menu ul.menu li:hover a {
color: #443297;
}
#mega-menu ul.menu li:last-child a,
.mega_button_dropdown_menu ul.menu li:last-child a {
/* border-bottom: none; */
}
#mega-menu ul.menu li:hover a span,
#mega-menu ul.menu li:hover a.dropdown:after,
.mega_button_dropdown_menu ul.menu li:hover a span,
.mega_button_dropdown_menu ul.menu li:hover a.dropdown:after {
color: #443297;
}
#mega-menu ul.menu li a.dropdown:after,
.mega_button_dropdown_menu ul.menu li a.dropdown:after {
content: "\f105";
position: absolute;
font-family: "Font Awesome 6 Pro";
right: 29px;
font-size: 14px;
color: #041e42;
}
#mega-menu ul.menu li a .menu-icn,
.mega_button_dropdown_menu ul.menu li a .menu-icn {
color: #041e42;
font-size: 20px;
margin-right: 8px;
min-width: 30px;
display: inline-block;
text-align: center;
vertical-align: middle;
}
#mega-menu ul.menu li a .menu-title,
.mega_button_dropdown_menu ul.menu li a .menu-title {
color: #041e42;
font-size: 14px;
line-height: 50px;
}
#mega-menu.style1 ul.menu,
.mega_button_dropdown_menu.style1 ul.menu {
transform: translateY(0%);
opacity: 1;
top: -1px;
visibility: visible;
border-width: 1px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#mega-menu ul.menu li:hover .drop-menu,
.mega_button_dropdown_menu ul.menu li:hover .drop-menu {
background-color: #f3f5f6;
border-radius: 0 0 6px 0;
opacity: 1;
visibility: visible;
transform: translateX(1.8%);
}
#mega-menu ul.menu li .drop-menu,
.mega_button_dropdown_menu ul.menu li .drop-menu {
transform: translateX(-1%);
opacity: 0;
visibility: hidden;
padding: 27px 7px 27px 0;
position: absolute;
top: -1px;
left: 248px;
width: 1140px;
border-radius: 10px;
z-index: -1;
height: 523px;
background-color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mega-menu ul.menu li .drop-menu .one-third:first-child {
padding-left: 40px;
}
#mega-menu ul.menu li .drop-menu .one-third,
.mega_button_dropdown_menu ul.menu li .drop-menu .one-third {
float: left;
padding-left: 40px;
width: 25%;
}
#mega-menu ul.menu li .drop-menu .one-third .cat-title,
.mega_button_dropdown_menu ul.menu li .drop-menu .one-third .cat-title {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 26px;
margin-bottom: 10px;
}
#mega-menu ul.menu li .drop-menu .one-third ul li,
.mega_button_dropdown_menu ul.menu li .drop-menu .one-third ul li {
background-color: transparent;
border-bottom: none;
}
#mega-menu ul.menu li .drop-menu .one-third ul li a,
.mega_button_dropdown_menu ul.menu li .drop-menu .one-third ul li a {
border-bottom: none;
color: #041e42;
font-size: 16px;
font-weight: 400;
height: auto;
line-height: 35px;
letter-spacing: 0em;
padding: 0;
}
#mega-menu ul.menu li .drop-menu .one-third ul li:hover {
border-color: transparent;
}
#mega-menu ul.menu li .drop-menu .one-third ul li:hover a,
.mega_button_dropdown_menu ul.menu li .drop-menu .one-third ul li:hover a {
background-color: transparent;
}
#mega-menu ul.menu li .drop-menu .one-third ul li a:hover {
color: #443297;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
/* Menu Mega Code End */
/* Top Search Code Start */
.top-search {
position: relative;
}
.top-search form.form-search {
position: relative;
}
/* .top-search form.form-search .box-search.pre_line:before {
background-color: #bdbdbd;
content: "";
height: 22px;
left: 0;
position: absolute;
top: 15px;
width: 1px;
} */
.top-search form.form-search .box-search input {
height: 50px;
width: 525px;
padding-left: 20px;
border-radius: 10px 0px 0px 10px;
}
.top-search form.form-search .box-search .search-suggestions {
border-radius: 0 0 6px 6px;
left: 0;
opacity: 0;
position: absolute;
top: 50px;
visibility: hidden;
width: 100%;
z-index: 99;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.top-search.home7_style form.form-search .box-search.pre_line:before {
background-color: #60c260;
}
.top-search form.form-search .box-search .search-suggestions.show {
opacity: 1;
visibility: visible;
}
.top-search.home4_style form.form-search .box-search input {
width: 416px;
}
.top-search.home4_style form.form-search .box-search .search-suggestions {
width: 416px;
}
.top-search.home6_style form.form-search .box-search input {
background-color: #f3f5f6;
width: 325px;
}
.top-search.home7_style form.form-search .box-search input {
width: 380px;
}
.advscrh_frm_btn.home6_style .search-btn {
background-color: #0053f6;
color: #ffffff;
}
/* Search Sugguestions Code Start */
.search-suggestions .box-suggestions {
background-color: #fff;
border: 1px solid #bdbdbd;
padding: 20px 0 0;
width: 100%;
}
.search-suggestions .box-suggestions ul li {
margin-bottom: 20px;
overflow: hidden;
padding: 0 20px 15px;
}
.search-suggestions .box-suggestions ul li {
border-bottom: 1px solid #bdbdbd;
}
.search-suggestions .box-suggestions ul li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.search-suggestions .box-suggestions ul li .thumb {
border-radius: 6px;
float: left;
height: 52px;
margin-right: 25px;
text-align: center;
width: 52px;
object-fit: contain;
}
.search-suggestions .box-suggestions ul li .info-product {
overflow: hidden;
margin-top: 8px;
}
.search-suggestions .box-suggestions ul li .info-product .item_title {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
}
.search-suggestions .box-suggestions ul li .info-product .price .sale {
color: #443297;
font-size: 14px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
}
/* Search Sugguestions Code End */
.checkout_country_form .select,
.actegory .select {
cursor: pointer;
display: inline-block;
position: relative;
text-align: left;
}
.actegory .select {
height: 50px;
width: 156px;
}
.actegory .options {
background-color: #fff;
border: 1px solid #bdbdbd;
border-radius: 6px;
display: none;
margin: 0 0;
padding: 0 0;
list-style: none;
left: 0;
position: absolute;
right: 0;
top: 30px;
width: 100px;
z-index: 999;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
.actegory .options {
padding: 10px 0;
top: 62px;
width: 156px;
}
.shop_default_listing .options {
width: 130px;
}
.checkout_country_form .options li,
.actegory .options li {
color: #041e42;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 35px;
letter-spacing: 0em;
margin: 0;
padding: 0 15px;
text-align: left;
}
.actegory .options li,
.checkout_country_form .options li {
padding: 0 20px;
}
.checkout_country_form .options li:hover,
.actegory .options li:hover {
background-color: transparent;
color: #86bc42;
}
.checkout_country_form .select {
width: 100%;
}
.checkout_country_form .options {
width: 100%;
}
/* home1 first banner coding start */
.banner_one.megamenu_style .details.style2 {
position: absolute;
}
.banner_one_large {
overflow: hidden;
border-radius: 10px;
position: relative;
}
.banner_one_large img{
width: 100%;
}
.banner_one.title_wa .details .title {
width: auto;
}
.banner_one.home1_style {
background-color: #ffffff;
}
.banner_one.home1_style .thumb .off_banner {
position: relative;
}
.banner_one.home1_style.athome10 .thumb {
position: relative;
}
.banner_one.home1_style.athome10 .details {
left: 40px;
top: 40px;
}
.banner_one.home1_style .thumb .off_banner img {
position: absolute;
right: 30%;
top: 150px;
width: 70px;
}
.banner_one:hover .thumb .off_banner img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.banner_one:hover .shop_btn:before {
width: 100%;
}
.banner_one.home1_style {
border-radius: 30px;
overflow: hidden;
position: relative;
padding: 15px;
display: flex;
justify-content: space-between;
gap: 5px;
z-index: 0;
margin-bottom: 15px;
height: calc(100% - 15px);
}
.banner_one.home1_style img{
height: auto;
border-radius: 10px;
width: 160px;
}
/* .banner_one.home1_style .details {
position: absolute;
left: 40px;
top: 25%;
z-index: 9;
} */
.banner_one.home5_style.athome7 .details,
.banner_one.home1_style.athome7 .details {
left: 30px;
top: 13%;
}
.banner_one.home1_style .thumb,
.banner_one.home1_style .thumb img {
position: relative;
width: auto;
height: 180px;
object-fit: cover;
}
.banner_one.home1_style .thumb img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 9;
}
.banner_one.home1_style.at_home6_home_area .thumb img {
height: 240px;
}
.banner_one.home1_style.at_home6_home_area .details {
top: 20%;
}
.banner_one.home1_style.color1 {
background-color: #f2f2f2;
}
.banner_one.home1_style.color2 {
background-color: #f6f5f2;
}
.banner_one.home1_style.color3 {
background-color: #f4f5f7;
}
.banner_one.home1_style.color4 {
background-color: #f4fbf4;
}
.banner_one.home1_style.color5 {
background-color: #e0f0e6;
}
.banner_one.home1_style.color6 {
background-color: #f3f5f6;
}
.banner_one.home1_style.color7 {
background-color: rgba(75, 135, 244, 0.07);
}
.banner_one.home2_home_style img {
width: auto;
}
.banner_one.home2_home_style .details {
left: 0;
margin: 0 auto;
padding-top: 70px;
position: relative;
right: 0;
text-align: center;
}
.banner_one.home2_home_style .details .title {
margin: 10px auto;
width: 50%;
}
.banner_one.home2_home_style .thumb {
margin-top: 30px;
}
.banner_one.home2_home_style .thumb img {
margin: 0 auto;
}
.banner_one.home1_style.home3_large_banner {
height: 350px;
background-image: url(../images/banner/banner1-home3.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.banner_one.home1_style.home3_large_banner .details {
left: 90px;
}
.banner_one.home1_style.home3_large_banner.athome7 {
background-image: url(../images/banner/large_banner_home7.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 400px;
}
.banner_one.home1_style.home3_large_banner.athome7 .details {
left: 60px;
top: 20%;
}
.banner_one.home1_style.home3_large_banner .details .title {
font-size: 30px;
}
.banner_one.home4_style .details {
left: 40px;
top: 40px;
}
.banner_one.home4_main_banner {
height: 570px;
}
.banner_one.home4_main_banner .thumb {
bottom: 0;
position: absolute;
right: 0;
}
.banner_one.home4_main_banner a.btn {
height: 52px;
line-height: 35px;
width: 140px;
}
.banner_one.home4_main_banner .details .title {
font-style: normal;
font-weight: 500;
font-size: 50px;
line-height: 72px;
margin-bottom: 0;
}
.banner_one.home4_main_banner .details .subtitle {
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 58px;
}
.banner_one.home3_style.h900 {
height: 900px;
}
.banner_one.home4_style.h450 {
height: 450px;
}
.banner_one.home4_style.h400 {
height: 400px;
}
.banner_one.home3_style .details {
left: 50px;
top: 10%;
}
.banner_one.home3_style .thumb,
.banner_one.home4_style .thumb {
bottom: 0;
position: absolute;
right: 0;
}
.banner_one.home1_style.home4_style.twoimg .thumb {
left: 0;
}
.banner_one.home1_style.home4_style.twoimg .thumb img {
width: 100%;
}
.banner_one.home3_style .thumb.t0,
.banner_one.home4_style .thumb.t0 {
top: 0;
}
.banner_one.home1_style:before {
background-color: #ffffff;
border-radius: 50%;
bottom: -17px;
content: "";
height: 0;
position: absolute;
right: -17px;
width: 0;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
z-index: 1;
}
.banner_one.home1_style.athome7:before {
background-color: rgba(255, 255, 255, 0.5);
}
.banner_one:hover:before {
border-radius: 100% 0 0 0;
bottom: 0px;
height: 75%;
right: 0px;
width: 45%;
}
.banner_one.athome7:hover:before {
height: 60%;
width: 45%;
}
.banner_one.home1_style.before_none:before {
display: none;
}
.banner_one.home2_style .thumb img {
height: 250px;
}
.banner_one.home9_style .details.style2 {
z-index: 1;
}
.banner_one.home9_style .thumb:before {
z-index: 1;
}
.banner_one.home2_style .details,
.banner_one.home6_style .details {
top: 50px;
}
.banner_one.home5_style,
.banner_one.home5_style .thumb,
.banner_one.home5_style .thumb img {
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.banner_one.home5_style .thumb {
border-radius: 6px;
}
.banner_one.home5_style .details {
left: 30px;
position: absolute;
top: 25%;
}
.banner_one.home5_style .details.style2 {
left: 20px;
top: 20%;
}
.banner_one.home5_style2 .details {
top: 10%;
}
.banner_one.home5_style2 .details .icon {
font-size: 50px;
line-height: normal;
margin-bottom: 10px;
}
.banner_one.home5_style2 .details .title {
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 30px;
letter-spacing: 0em;
width: auto;
}
.banner_one.home5_style2 .details p {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.banner_one.home5_style2.style2_home8 .thumb img {
height: 300px;
}
.banner_one .details.style2 {
left: 30px;
}
.banner_one .details .para {
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
}
.banner_one .details .title {
color: #041e42;
font-size: 24px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0em;
width: 70%;
}
.banner_one.home5_style .thumb img {
height: 270px;
}
.banner_one.home5_style .details .title {
width: auto;
}
.banner_one.home6_style.large_style .details {
bottom: 40px;
top: auto;
}
.banner_one.home6_style.large_style .details .title {
font-size: 26px;
font-weight: 500;
line-height: 38px;
}
.banner_one.home6_style .details .title {
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
width: auto;
}
.banner_one.large.home4_style .details .title {
font-size: 24px;
}
.banner_one.home6_style.style2 .details .title {
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 35px;
letter-spacing: 0em;
margin-bottom: 15px;
text-transform: capitalize;
width: auto;
}
.banner_one.home6_style.style2 .details .para {
margin-bottom: 17px;
}
.banner_home6_style {
background-color: #f3f5f6;
border-radius: 6px;
overflow: hidden;
position: relative;
}
.banner_home6_style .thumb {
position: relative;
}
.banner_home6_style .thumb img {}
.banner_home6_style {
height: 170px;
}
.banner_home6_style.large_style {
height: 368px;
}
.banner_home6_style.large_style .details {
bottom: 40px;
left: 40px;
position: absolute;
top: auto;
}
.banner_home6_style .details {
left: 30px;
position: absolute;
top: 35px;
}
.banner_home6_style.large_style .details .title {
font-size: 26px;
font-weight: 500;
line-height: 38px;
}
.banner_home6_style .details .title {
margin: 0;
}
.banner_home6_style .details p {
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.deal_large_widget {
background-color: #fff;
border: 2px solid #4b87f4;
border-radius: 6px;
padding-top: 30px;
position: relative;
}
.home8_deal_of_the_day .shop_item_5grid_slider.owl-theme.owl-loaded .owl-prev,
.home8_deal_of_the_day .shop_item_5grid_slider.owl-theme.owl-loaded .owl-next {
border: 2px solid #4b87f4;
color: #4b87f4;
}
.banner_one.large {
margin-left: 30px;
}
.banner_one.large .details {
top: 60px;
}
.banner_one.large .details .para {
color: #041e42;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 14px;
letter-spacing: 0.1em;
}
.banner_one.large .details .title {
margin-bottom: 20px;
width: 75%;
}
.banner_one.large .shop_btn.style2 {
color: #041e42;
}
.banner_one.large .shop_btn.style2:before {
background-color: #041e42;
}
.banner_one.large .shop_btn.style2.white:before {
background-color: #ffffff;
}
.banner_one.home7_style .thumb img {
height: 730px;
}
.banner_one.home7_style .details.style2 {
top: 60px;
}
.banner_one.home9_style {
border-radius: 6px;
height: 100%;
max-height: 365px;
overflow: hidden;
}
.banner_one.home9_style .thumb:before {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.apple_widget_home1 {
position: relative;
}
.apple_widget_home1 .title {
font-size: 50px;
font-weight: 500;
line-height: 72px;
letter-spacing: 0em;
}
.apple_widget_home1 .para {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 23px;
letter-spacing: 0em;
}
.apple_widget_home1 a.btn {
color: #fff;
font-size: 15px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
padding: 10px 35px;
}
.home2_text_widgets {
position: relative;
}
.home2_text_widgets .title {
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 40px;
}
.home2_text_widgets .para {
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.home2_text_widgets a.btn {
border-radius: 60px;
height: 52px;
line-height: 40px;
padding: 5px 35px;
}
.shop_btn,
a.shop_btn {
color: #041e42;
font-size: 15px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
position: relative !important;
text-align: left;
}
.shop_btn:before,
a.shop_btn:before {
background-color: #041e42;
bottom: -7px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 32px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shop_btn.white_style:before {
background-color: #ffffff;
}
.shop_btn.thm3:before {
background-color: #cf3e3b;
}
.shop_btn.thm4:before {
background-color: #f2b23e;
}
.banner_one.dark .details .title,
.banner_one.dark .details .para {
color: #041e42;
}
.banner_one.dark .details .shop_btn:before {
background-color: #41544a;
}
.shop_btn.style2 {
color: #41544a;
}
.shop_btn.style2:before {
background-color: #41544a;
}
.custom_shop_category_nav_list_menu {
overflow-x: auto;
position: relative;
}
.custom_shop_category_nav_list_menu ul {
width: 1100px;
}
.custom_shop_category_nav_list_menu.home6_style ul {
width: auto;
}
.custom_shop_category_nav_list_menu ul li {
padding: 0 20px 0 0;
}
.custom_shop_category_nav_list_menu ul li:last-child {
margin-right: 0;
}
.custom_shop_category_nav_list_menu ul li a {
color: #041e42;
display: block;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 42px;
position: relative;
}
.custom_shop_category_nav_list_menu ul li a.active {
font-weight: 500;
}
.custom_shop_category_nav_list_menu ul li a:before {
background-color: #041e42;
bottom: 0;
content: "";
height: 2px;
left: 50%;
position: absolute;
width: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.custom_shop_category_nav_list_menu ul li a:hover:before,
.custom_shop_category_nav_list_menu ul li a:active:before,
.custom_shop_category_nav_list_menu ul li a:focus:before,
.custom_shop_category_nav_list_menu ul li a.active:before {
left: 0;
right: 0;
width: 100%;
}
.custom_shop_category_nav_list_menu.home6_style ul li a.active,
.custom_shop_category_nav_list_menu.home6_style ul li a:hover {
color: #0053f6;
}
.custom_shop_category_nav_list_menu.home6_style ul li a:before {
background-color: #0053f6;
}
.custom_shop_category_nav_list_menu.home6_style ul li a {
font-weight: 500;
}
.shop_item {
background-color: #ffffff;
padding: 10px;
border-radius: 5px;
position: relative;
height: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shop_item .thumb {
position: relative;
text-align: center;
}
.shop_item .thumb img {
width: 100%;
height: 200px;
object-fit: contain;
}
.shop_item .details {
position: relative;
min-height: 105px;
}
.shop_item .shop_item_cart_btn {
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shop_item .shop_item_cart_btn a.btn {
height: 52px;
line-height: 40px;
-webkit-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-moz-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
-o-box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
}
.shop_item.home5_style .shop_item_cart_btn a.btn {
border-radius: 0;
-webkit-box-shadow: 0px 5px 20px rgba(41, 41, 41, 0.1);
-moz-box-shadow: 0px 5px 20px rgba(41, 41, 41, 0.1);
-o-box-shadow: 0px 5px 20px rgba(41, 41, 41, 0.1);
box-shadow: 0px 5px 20px rgba(41, 41, 41, 0.1);
}
.shop_item.home6_style .shop_item_cart_btn a.btn {
-webkit-box-shadow: 0px 5px 20px rgba(0, 83, 246, 0.1);
-moz-box-shadow: 0px 5px 20px rgba(0, 83, 246, 0.1);
-o-box-shadow: 0px 5px 20px rgba(0, 83, 246, 0.1);
box-shadow: 0px 5px 20px rgba(0, 83, 246, 0.1);
}
.shop_item.home7_style .shop_item_cart_btn a.btn {
-webkit-box-shadow: 0px 5px 20px rgba(0, 83, 246, 0.1);
-moz-box-shadow: 0px 5px 20px rgba(0, 83, 246, 0.1);
-o-box-shadow: 0px 5px 20px rgba(0, 83, 246, 0.1);
box-shadow: 0px 5px 20px rgba(0, 83, 246, 0.1);
}
.shop_item.home8_style .shop_item_cart_btn a.btn {
-webkit-box-shadow: 0px 5px 20px rgba(75, 135, 244, 0.15);
-moz-box-shadow: 0px 5px 20px rgba(75, 135, 244, 0.15);
-o-box-shadow: 0px 5px 20px rgba(75, 135, 244, 0.15);
box-shadow: 0px 5px 20px rgba(75, 135, 244, 0.15);
}
.shop_item.home9_style .shop_item_cart_btn a.btn {
-webkit-box-shadow: 0px 5px 20px rgba(68, 50, 151, 0.15);
-moz-box-shadow: 0px 5px 20px rgba(68, 50, 151, 0.15);
-o-box-shadow: 0px 5px 20px rgba(68, 50, 151, 0.15);
box-shadow: 0px 5px 20px rgba(68, 50, 151, 0.15);
}
.shop_item.home8_style .shop_item_cart_btn a.btn {
-webkit-box-shadow: 0px 5px 20px rgba(102, 104, 178, 0.15);
-moz-box-shadow: 0px 5px 20px rgba(102, 104, 178, 0.15);
-o-box-shadow: 0px 5px 20px rgba(102, 104, 178, 0.15);
box-shadow: 0px 5px 20px rgba(102, 104, 178, 0.15);
}
.shop_item .thumb_info {
opacity: 1;
position: absolute;
right: -2%;
top: 1%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shop_item .thumb_info ul li {
background-color: #ffffff;
border-radius: 50%;
height: 34px;
/* border: 1px solid #f1f1f1; */
line-height: 36px;
margin-bottom: 5px;
text-align: center;
width: 34px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shop_item .thumb_info ul li:last-child {
margin-bottom: 0;
}
.shop_item .thumb_info ul li:hover {
background-color: rgb(220 53 69);
/* border: 1px solid #0390f3; */
}
.shop_item .thumb_info ul li:hover a{
color: #fff;
}
.shop_item .thumb_info.home5_dark_style ul li:hover {
background-color: #292929;
}
.shop_item .thumb_info.home6_style ul li:hover {
background-color: #0053f6;
}
.shop_item .thumb_info.home6_style.gray_style ul li:hover {
background-color: #f3f5f6;
}
.shop_item .thumb_info.home6_style.gray_style ul li:hover a {
color: #041e42;
}
.shop_item .thumb_info.home5_dark_style ul li:hover a,
.shop_item .thumb_info.home6_style ul li:hover a {
color: #ffffff;
}
.shop_item .thumb_info ul li a {
color: #393939; /* #041e42 */
font-size: 16px;
}
.shop_item .details .sub_title {
font-style: normal;
font-weight: 400;
font-size: 12px;
margin-bottom: 0px;
text-transform: uppercase;
}
.shop_item .details .title a {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
display: block;
margin-bottom: 0px;
max-width: 100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
}
.shop_item .details .title a:hover {
text-decoration: underline;
color:#0390f3;
}
.shop_item.line_clip_less .details .title a {
-webkit-line-clamp: 0;
line-clamp: 0;
max-width: initial;
}
.shop_item.small_font .thumb img {
max-width: 190px;
}
.shop_item.small_font .details .title,
.shop_item.small_font .details .title a {
font-size: 15px;
}
.shop_item.large_font .details .title,
.shop_item.large_font .details .title a {
font-size: 20px;
}
.shop_item .details .title:hover a {
color: #443297;
text-decoration: underline;
}
.shop_item.small_style .details .title,
.shop_item.small_style .details .title a {
color: #041e42;
font-size: 15px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
}
.shop_item.small_style .details .review_count {
font-size: 14px;
}
.shop_item .details .si_footer {
margin-top: 10px;
position: relative;
}
.shop_item.list_style .details .title,
.shop_item.list_style .details .title a {
max-width: 90%;
}
.shop_item .details .si_footer .price,
.shop_item.list_style .si_footer .price {
color: #041e42;
font-size: 18px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0em;
}
.shop_item .details .si_footer .price small,
.shop_item .details .si_footer .price small .off_tag,
.shop_item.list_style .si_footer .price small {
color: #626974;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.shop_item.list_style .shop_item_cart_btn,
.shop_item.list_style .product_action_info {
opacity: 1;
}
.shop_item.list_style:hover .shop_item_cart_btn,
.shop_item.list_style:hover .product_action_info,
.shop_item.list_style:hover .thumb_info,
.shop_item.list_style:hover .details .si_footer ul li a {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.shop_item:hover .shop_item_cart_btn,
.shop_item:hover .product_action_info {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
.shop_item:hover .thumb_info,
.shop_item:hover .product_action_info {
opacity: 1;
}
/* .shop_item:hover,
.shop_item:hover .details .si_footer ul li a {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
} */
.shop_item.home7_banr_slider:hover .thumb_info,
.shop_item.home7_banr_slider:hover .details .si_footer ul li a {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
.shop_item .details .si_footer .line {
background-color: #f3f5f6;
border-radius: 6px;
height: 6px;
position: relative;
width: 100%;
}
.shop_item .details .si_footer .sell_stock {
color: #041e42;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.shop_item .details .si_footer .line:before {
background: linear-gradient(135deg, #007acc, #00c6ff);
border-radius: 6px;
content: "";
height: 6px;
left: 0;
position: absolute;
width: 70%;
}
.shop_item.home2_style .shop_item_cart_btn {
border-radius: 60px;
overflow: hidden;
}
.home3_style.shop_item .details .si_footer .line:before {
background-color: #cf3e3b;
}
.shop_item.style2:hover {
-webkit-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-o-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
}
.shop_item.style5:hover .thumb_info {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px);
}
.shop_item.style3 {
border: 1px solid transparent;
}
.shop_item.style3:hover {
border: 1px solid #eaeaea;
}
.shop_item.style4 .thumb_info,
.shop_item.style5 .thumb_info {
bottom: 0;
left: 0;
margin: 0 auto;
right: 0;
top: auto;
}
.shop_item.style4 .thumb_info ul li {
border-radius: 0;
margin: 0 -3px;
height: auto;
overflow: hidden;
width: auto;
}
.shop_item.style4 .thumb_info ul li:first-child {
border-radius: 6px 0 0 6px;
}
.shop_item.style4 .thumb_info ul li:last-child {
border-radius: 0 6px 6px 0;
}
.shop_item.style4 .thumb_info ul li a {
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 0;
display: block;
height: 52px;
line-height: 52px;
margin: 0;
width: 58px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.shop_item.style4 .thumb_info ul li a:hover,
.shop_item.style5 .thumb_info ul li a:hover {
background: linear-gradient(135deg, #007acc, #00c6ff);
border: 1px solid #0390f3;
}
.shop_item.style5 .thumb_info ul li:last-child {
margin-right: 0;
}
.shop_item.style5 .thumb_info ul li {
background-color: transparent;
height: 52px;
line-height: 52px;
margin-bottom: 0;
margin-right: 5px;
width: auto;
}
.shop_item.style5 .thumb_info ul li a {
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 50%;
display: block;
height: 52px;
overflow: hidden;
width: 52px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
-o-box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
box-shadow: 3px 3px 0px rgba(4, 30, 66, 0.05);
}
.shop_item.style4 .thumb_info ul li a img,
.shop_item.style5 .thumb_info ul li a img {
vertical-align: sub;
}
.shop_item.style4 .thumb_info ul li a span,
.shop_item.style5 .thumb_info ul li a span {
color: #041e42;
font-size: 18px;
line-height: 3;
}
.shop_item.style6 .product_action_info ul li {
margin-right: 10px;
padding-right: 10px;
}
.shop_item.style6 .product_action_info ul li:first-child {
border-right: 1px solid #eaeaea;
}
.shop_item.style6 .product_action_info ul li a {
color: #041e42;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.shop_item.style6 .product_action_info ul li a span {
color: #041e42;
margin-right: 5px;
vertical-align: middle;
}
.shop_item.style6 .product_action_info,
.shop_item.style6 .shop_item_cart_btn {
bottom: 0;
left: 0;
opacity: 0;
position: relative;
right: 0;
width: 100%;
visibility: hidden;
}
.shop_item.style6:hover .product_action_info,
.shop_item.style6:hover .shop_item_cart_btn {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.shop_item.style6:hover {
padding-bottom: 0;
}
.shop_item.style6 .details .sifoter_bottom {
display: none;
height: 0;
position: relative;
}
.shop_item.style6:hover .details .sifoter_bottom {
display: block;
position: relative;
visibility: visible;
height: 100%;
}
.shop_item.style6 .details,
.shop_item.style6 .si_footer {
margin-bottom: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shop_item.style6:hover .si_footer {
margin-bottom: 40px;
}
.shop_item .details .title,
.shop_item .details .title a {
max-width: initial;
}
.shop_item.wishlist_style .close_list {
background-color: #f3f5f6;
border-radius: 6px;
cursor: pointer;
height: 30px;
color: #041e42;
line-height: 30px;
position: absolute;
left: 10px;
top: 10px;
text-align: center;
width: 30px;
z-index: 11;
}
.shop_item.wishlist_style .close_list span {
font-size: 10px;
}
.shop_item.list_style {
display: flex;
padding: 15px 20px;
}
.shop_item.list_style .si_footer {
margin-bottom: 20px;
}
.shop_item.list_style .product_action_info ul li:last-child {
border-left: 1px solid #eaeaea;
}
.shop_item.list_style .product_action_info ul li a {
color: #041e42;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.shop_item.list_style .product_action_info ul li a span {
color: #041e42;
margin-right: 5px;
vertical-align: middle;
}
.shop_item.list_style .details {
position: relative;
}
.shop_item.list_style .details:before {
background-color: #eaeaea;
content: "";
height: 100%;
right: 20px;
position: absolute;
width: 1px;
}
.shop_item.list_style .shop_item_cart_btn {
opacity: 1;
position: relative;
visibility: visible;
}
.shop_item_list_features {
position: relative;
}
.shop_item_list_features ul li {
margin-bottom: 0;
}
.shop_item_list_features ul li a {
color: #041e42;
font-size: 14px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
}
.shop_item_list_features.shop_single_style ul li a {
font-size: 16px;
line-height: 40px;
}
.shop_item.tiny_style {
padding: 10px 5px 10px;
}
.shop_item.tiny_style img {
max-width: 82px;
width: 82px;
height: 82px;
object-fit: contain;
}
.shop_item.tiny_style .title,
.shop_item.tiny_style a {
color: #041e42;
font-size: 1rem;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
}
.shop_item.tiny_style .para {
font-size: 14px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
}
.offbanenr_3 {
position: absolute;
z-index: 1;
}
.banner_home8_slider {
position: relative;
}
.banner_home8_slider:after {
background-color: rgba(255, 255, 255, 1);
border-radius: 50%;
bottom: -17px;
content: "";
height: 0;
position: absolute;
right: -17px;
width: 0;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
z-index: 0;
}
.banner_home8_slider:hover:after {
border-radius: 100% 0 0 0;
bottom: 0px;
height: 75%;
right: 0px;
width: 45%;
}
/* Onlnie Delivery Css */
.online_delivery {
background-color: rgba(245, 195, 75, 0.1);
border-radius: 6px;
padding: 30px;
position: relative;
}
.online_delivery .title {
font-style: normal;
line-height: 28px;
}
.online_delivery.home6_style {
background-color: rgba(0, 83, 246, 0.02);
background-image: url(../images/background/tiny-divider-bg-home6.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.online_delivery.home6_style .title {
color: #0053f6;
font-size: 18px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0em;
}
/* Delivery Coutner/countdown */
.deal_counter {
border-radius: 30px;
margin-bottom: 0;
margin-left: 20px;
margin-top: -5px;
padding: 9px 0;
}
.deal_counter .title {
color: #041e42;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
}
.deal_counter .days,
.deal_counter .hours,
.deal_counter .minutes,
.deal_counter .seconds {
color: #e7b641;
font-size: 28px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
}
.deal_counter .days,
.deal_counter .hours,
.deal_counter .minutes {
margin-right: 4px;
}
.deal_counter .seperator {
color: #fff;
}
.deal_counter .days span,
.deal_counter .hours span,
.deal_counter .minutes span,
.deal_counter .seconds span {
display: none;
}
.deal_counter.home7_style {
border-radius: 6px;
padding: 8px 15px;
}
.deal_counter.home7_style .days,
.deal_counter.home7_style .hours,
.deal_counter.home7_style .minutes,
.deal_counter.home7_style .seconds {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
}
/* Onlnie Delivery Css */
/* Partner Css */
.partner_item {
position: relative;
text-align: center;
}
.partner_item img {
padding: 5px;
max-width: 100px;
object-fit: contain;
height: 60px;
margin:auto;
}
.insta_post {
position: relative;
}
/* Store locator page css */
.location_lists {
margin-bottom: 50px;
}
.location_lists .title {
color: #041e42;
line-height: 26px;
letter-spacing: 0em;
margin-bottom: 10px;
}
.location_lists ul {
margin-bottom: 10px;
}
.location_lists ul li a {
color: #041e42;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.locate_map_btn {
color: #041e42;
font-size: 15px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
position: relative;
}
.locate_map_btn:before {
background-color: #041e42;
bottom: -10px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 32px;
}
/* Vendor IconBox Css Start */
.vendor_iconbox {
margin-bottom: 15px;
position: relative;
}
.vendor_iconbox .icon img {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.vendor_iconbox .details .title {
color: #041e42;
font-size: 26px;
font-weight: 500;
line-height: 38px;
letter-spacing: 0em;
margin-top: 10px;
}
.vendor_iconbox.style2 .details .title {
margin-top: 0;
}
.vendor_iconbox .details p {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.funfact_content {
background: linear-gradient(135deg, #007acc, #00c6ff);
border-radius: 6px;
padding: 50px 0 40px;
position: relative;
}
/* Vendor IconBox Css End */
/*Shop Slider Contact Css*/
.sps_content .thumb img {
margin: 0 auto;
max-width: 418px;
width: 100%;
}
.single_product {
position: relative;
}
.single_product .product_popup {
border-radius: 50%;
background-color: #ffffff;
border: 1px solid #bdbdbd;
bottom: 0;
height: 40px;
line-height: 40px;
position: absolute;
right: 0;
text-align: center;
width: 40px;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
.single_product .product_popup span {
color: #041e42;
font-size: 16px;
}
.cart_list_home5_style {
position: relative;
}
.cart_list_home5_style .thumb2 {
position: relative;
}
.cart_list_home5_style .point {
background-color: #041e42;
border-radius: 50%;
height: 30px;
line-height: 30px;
position: absolute;
text-align: center;
width: 30px;
}
.cart_list_home5_style .point.style1 {
bottom: 22%;
left: 10%;
}
.cart_list_home5_style .point.style2 {
bottom: auto;
left: 20%;
top: 32.5%;
}
.cart_list_home5_style .point.style3 {
bottom: 32%;
left: auto;
right: 20%;
}
.cart_list_home5_style .point:hover {
cursor: pointer;
}
.cart_list_home5_style .point:hover .hover_details_content {
display: block;
opacity: 1;
}
.cart_list_home5_style .point .hover_details_content {
position: absolute;
display: none;
opacity: 0;
top: 35px;
z-index: 1;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.cart_list_home5_style .point:before {
background-color: rgba(4, 30, 66, 0.2);
border-radius: 50%;
bottom: -5px;
content: "";
height: 40px;
left: -5px;
position: absolute;
width: 40px;
animation: pulse-blue 2s infinite;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@keyframes pulse-blue {
0% {
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
}
100% {
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.cart_list_home5_style .point .count {
color: #ffffff;
font-size: 10px;
font-weight: 700;
letter-spacing: 0em;
}
.cart_list_home5_style .thumb {
border: 1px solid #eaeaea;
height: 120px;
line-height: 120px;
position: relative;
text-align: center;
width: 120px;
}
.cart_list_home5_style .thumb .badge {
background-color: #041e42;
border: 2px solid #ffffff;
border-radius: 50%;
color: #ffffff;
font-style: normal;
font-weight: 700;
font-size: 10px;
height: 30px;
line-height: 20px;
position: absolute;
right: -15px;
text-align: center;
top: -15px;
width: 30px;
}
.cart_list_home5_style .title {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
}
.cart_list_home5_style del {
color: #626974;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.cart_list_home5_style .price {
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
}
.home5_cart_btn {
background-color: #112137;
border-radius: 0;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 50px;
height: 64px;
position: relative;
}
.shop_single_sidebar {
position: relative;
}
.icon_boxes {
border-radius: 6px;
margin-bottom: 20px;
padding: 5px 0 0;
position: relative;
}
.icon_boxes .icon {
font-size: 35px;
line-height: initial;
margin-right: 12px;
}
.icon_boxes .icon span {
color: #041e42;
}
.icon_boxes .details .title {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px;
margin: 0;
}
.icon_boxes .details .para {
color: #626974;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin: 0;
}
.icon_boxes.about_style .details .title {
font-size: 18px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0em;
}
.icon_boxes.about_style .details .para {
font-size: 15px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
.about_page_shop_btn {
background-color: #ffffff;
border: 2px solid #0390f3;
border-radius: 6px;
color: #041e42;
font-style: normal;
font-weight: 500;
font-size: 15px;
height: 52px;
line-height: 35px;
width: 140px;
box-shadow: 0px 5px 20px rgba(245, 195, 75, 0.15);
}
.about_page_shop_btn:hover {
border-color: #e8b336;
}
.icon_boxes.home_style.athome7 .icon span {
color: #60c260;
}
.bestseller_sidebar_slider,
.shop_item_1grid_slider,
.shop_item_2grid_slider,
.shop_item_3grid_slider,
.shop_item_4grid_slider,
.shop_item_7grid_slider,
.shop_item_8grid_slider {
position: relative;
}
.shop_item_1grid_slider.nav_none.owl-theme .owl-nav,
.shop_item_2grid_slider.nav_none.owl-theme .owl-nav,
.shop_item_3grid_slider.nav_none.owl-theme .owl-nav,
.shop_item_4grid_slider.nav_none.owl-theme .owl-nav,
.shop_item_4grid_slider2.nav_none.owl-theme .owl-nav,
.shop_item_5grid_slider.nav_none.owl-theme .owl-nav,
.shop_item_6grid_slider.nav_none.owl-theme .owl-nav,
.shop_item_7grid_slider.nav_none.owl-theme .owl-nav,
.shop_item_8grid_slider.nav_none.owl-theme .owl-nav,
.shop_item_9grid_slider.nav_none.owl-theme .owl-nav,
.shop_item_10grid_slider.nav_none.owl-theme .owl-nav,
.bestseller_sidebar_slider.nav_none.owl-theme .owl-nav,
.single_product_slider.nav_none.owl-theme .owl-nav {
display: none !important;
}
.banner-style-one.dots_none.owl-theme .owl-dots,
.shop_item_1grid_slider.dots_none.owl-theme .owl-dots,
.shop_item_2grid_slider.dots_none.owl-theme .owl-dots,
.shop_item_3grid_slider.dots_none.owl-theme .owl-dots,
.shop_item_4grid_slider.dots_none.owl-theme .owl-dots,
.shop_item_4grid_slider2.dots_none.owl-theme .owl-dots,
.shop_item_5grid_slider.dots_none.owl-theme .owl-dots,
.shop_item_6grid_slider.dots_none.owl-theme .owl-dots,
.shop_item_7grid_slider.dots_none.owl-theme .owl-dots,
.shop_item_8grid_slider.dots_none.owl-theme .owl-dots,
.shop_item_9grid_slider.dots_none.owl-theme .owl-dots,
.shop_item_10grid_slider.dots_none.owl-theme .owl-dots,
.bestseller_sidebar_slider.dots_none.owl-theme .owl-dots {
display: none !important;
}
.bestseller_sidebar_slider.owl-theme .owl-nav .owl-prev,
.bestseller_sidebar_slider.owl-theme .owl-nav .owl-next,
.shop_item_1grid_slider.owl-theme .owl-nav .owl-prev,
.shop_item_1grid_slider.owl-theme .owl-nav .owl-next,
.shop_item_4grid_slider.home10_style.owl-theme .owl-nav .owl-prev,
.shop_item_4grid_slider.home10_style.owl-theme .owl-nav .owl-next,
.shop_item_4grid_slider2.home10_style.owl-theme .owl-nav .owl-prev,
.shop_item_4grid_slider2.home10_style.owl-theme .owl-nav .owl-next,
.shop_item_6grid_slider.owl-theme .owl-nav .owl-prev,
.shop_item_6grid_slider.owl-theme .owl-nav .owl-next {
background-color: #ffffff;
color: #041e42;
position: absolute;
}
.bestseller_sidebar_slider.owl-theme .owl-nav .owl-prev,
.bestseller_sidebar_slider.owl-theme .owl-nav .owl-next {
background-color: transparent;
}
.bestseller_sidebar_slider.home8_style.owl-theme .owl-nav .owl-prev {
left: 0;
}
.bestseller_sidebar_slider.home8_style.owl-theme .owl-nav .owl-next {
right: 0;
}
.bestseller_sidebar_slider.home8_style.owl-theme .owl-nav .owl-prev,
.bestseller_sidebar_slider.home8_style.owl-theme .owl-nav .owl-next {
top: 45%;
}
.shop_item_4grid_slider.home10_style.owl-theme .owl-nav .owl-prev,
.shop_item_4grid_slider2.home10_style.owl-theme .owl-nav .owl-prev {
left: 0;
}
.shop_item_4grid_slider.home10_style.owl-theme .owl-nav .owl-prev,
.shop_item_4grid_slider.home10_style.owl-theme .owl-nav .owl-next,
.shop_item_4grid_slider2.home10_style.owl-theme .owl-nav .owl-prev,
.shop_item_4grid_slider2.home10_style.owl-theme .owl-nav .owl-next {
background-color: transparent;
border: none;
box-shadow: none;
}
.bestseller_sidebar_slider.owl-theme .owl-nav .owl-next,
.shop_item_1grid_slider.owl-theme .owl-nav .owl-next,
.shop_item_6grid_slider.owl-theme .owl-nav .owl-next,
.shop_item_4grid_slider.home10_style.owl-theme .owl-nav .owl-next,
.shop_item_4grid_slider2.home10_style.owl-theme .owl-nav .owl-next {
right: 0;
}
.bestseller_sidebar_slider.owl-theme .owl-nav .owl-prev:hover,
.bestseller_sidebar_slider.owl-theme .owl-nav .owl-next:hover,
.shop_item_6grid_slider.owl-theme .owl-nav .owl-prev:hover,
.shop_item_6grid_slider.owl-theme .owl-nav .owl-next:hover,
.shop_item_4grid_slider.home10_style.owl-theme .owl-nav .owl-prev:hover,
.shop_item_4grid_slider.home10_style.owl-theme .owl-nav .owl-next:hover,
.shop_item_4grid_slider2.home10_style.owl-theme .owl-nav .owl-prev:hover,
.shop_item_4grid_slider2.home10_style.owl-theme .owl-nav .owl-next:hover {
color: #443297;
}
.category_list_box {
border: 1px solid #eaeaea;
border-radius: 6px;
margin-bottom: 30px;
padding: 30px 40px 40px;
position: relative;
}
.category_list_box .title {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 26px;
margin-bottom: 15px;
}
.category_list_box.home4_style .title {
font-size: 20px;
font-style: normal;
font-weight: 1;
line-height: 30px;
letter-spacing: 0em;
position: relative;
z-index: 1;
}
.category_list_box ul {
position: relative;
}
.category_list_box ul li:hover,
.category_list_box ul li:hover a {
color: #041e42;
}
.category_list_box ul li a {
color: #626974;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 35px;
}
.category_list_box .thumb {
position: relative;
}
.category_list_box .thumb img {
bottom: 0;
position: absolute;
right: -20px;
width: 150px;
}
/* Zmart Owl Carousel Nav Dots CSS Start */
.navi_pagi_top_right.owl-theme.owl-carousel .owl-controls {
margin: 0 auto;
position: absolute;
right: 0;
top: -65px;
width: 175px;
}
.navi_pagi_bottom_left.main-banner-wrapper .carousel-btn-block,
.navi_pagi_bottom_center.main-banner-wrapper .carousel-btn-block {
bottom: 15%;
left: 80px;
position: absolute;
top: auto;
width: 175px;
}
.navi_pagi_bottom_center.main-banner-wrapper .carousel-btn-block .carousel-btn.left-btn,
.navi_pagi_bottom_center.main-banner-wrapper .carousel-btn-block .carousel-btn.right-btn,
.navi_pagi_bottom_left.main-banner-wrapper .carousel-btn-block .carousel-btn.left-btn,
.navi_pagi_bottom_left.main-banner-wrapper .carousel-btn-block .carousel-btn.right-btn {
background-color: transparent;
box-shadow: none;
}
.navi_pagi_bottom_left.main-banner-wrapper .carousel-btn-block .carousel-btn.left-btn,
.navi_pagi_bottom_center.main-banner-wrapper .carousel-btn-block .carousel-btn.left-btn {
left: -20px;
top: -18px;
}
.navi_pagi_bottom_center.main-banner-wrapper .carousel-btn-block .carousel-btn.left-btn {
left: -10px;
}
.navi_pagi_bottom_left.main-banner-wrapper .carousel-btn-block .carousel-btn.right-btn,
.navi_pagi_bottom_center.main-banner-wrapper .carousel-btn-block .carousel-btn.right-btn {
top: -18px;
}
.navi_pagi_bottom_center.main-banner-wrapper .carousel-btn-block .carousel-btn.right-btn {
right: -10px;
}
.navi_pagi_bottom_center.main-banner-wrapper .carousel-btn-block {
bottom: 50px;
left: 0;
margin: 0 auto;
right: 0;
}
.navi_pagi_bottom_left.main-banner-wrapper.carousel-btn-block.carousel-btn.left-btn {
left: auto;
}
.navi_pagi_top_right.owl-theme.owl-carousel .owl-controls .owl-dots,
.navi_pagi_bottom_left.owl-theme.owl-carousel .owl-controls .owl-dots,
.navi_pagi_bottom_center.owl-theme.owl-carousel .owl-controls .owl-dots {
margin: 0 auto;
}
.navi_pagi_bottom_left .owl-dots,
.navi_pagi_bottom_left .banner-style-one .owl-dots {
bottom: 10%;
left: 150px;
max-width: 150px;
}
.navi_pagi_bottom_left.athome8 .owl-dots,
.navi_pagi_bottom_left.athome8 .banner-style-one .owl-dots {
left: 80px;
}
.navi_pagi_top_right.owl-theme.owl-carousel .owl-nav,
.navi_pagi_bottom_left.owl-theme.owl-carousel .owl-nav,
.navi_pagi_bottom_center.owl-theme.owl-carousel .owl-nav,
.navi_pagi_bottom_left .banner-style-one.owl-theme.owl-carousel .owl-nav {
width: 175px;
}
.navi_pagi_top_right.owl-theme .owl-nav .owl-prev,
.navi_pagi_top_right.owl-theme .owl-nav .owl-next,
.navi_pagi_bottom_center.owl-theme .owl-nav .owl-prev,
.navi_pagi_bottom_center.owl-theme .owl-nav .owl-next,
.navi_pagi_bottom_left.main-banner-wrapper.carousel-btn-block.carousel-btn.left-btn,
.navi_pagi_bottom_left.main-banner-wrapper.carousel-btn-block.carousel-btn.right-btn,
.navi_pagi_bottom_center.main-banner-wrapper.carousel-btn-block.carousel-btn.left-btn,
.navi_pagi_bottom_center.main-banner-wrapper.carousel-btn-block.carousel-btn.right-btn {
color: #041e42;
font-size: 16px;
line-height: 20px;
padding: 0;
width: auto;
}
.navi_pagi_top_right.owl-theme .owl-nav .owl-prev,
.navi_pagi_top_right.owl-theme .owl-nav .owl-next,
.navi_pagi_bottom_center.owl-theme .owl-nav .owl-prev,
.navi_pagi_bottom_center.owl-theme .owl-nav .owl-next {
background-color: transparent;
border: none;
height: auto;
width: auto;
}
.navi_pagi_bottom_center.owl-theme.owl-carousel .owl-controls {
bottom: 0;
margin: 30px auto 0;
position: relative;
width: 175px;
}
.navi_pagi_bottom_center.owl-theme .owl-nav .owl-prev,
.navi_pagi_bottom_center.main-banner-wrapper.carousel-btn-block.carousel-btn.left-btn {
left: 0;
right: auto;
top: 0;
}
.navi_pagi_bottom_center.owl-theme .owl-nav .owl-next,
.navi_pagi_bottom_center.main-banner-wrapper.carousel-btn-block.carousel-btn.right-btn {
left: auto;
right: 0;
top: 0;
}
.navi_pagi_bottom_left.main-banner-wrapper.carousel-btn-block.carousel-btn.left-btn,
.navi_pagi_bottom_left.main-banner-wrapper.carousel-btn-block.carousel-btn.right-btn,
.navi_pagi_bottom_center.main-banner-wrapper.carousel-btn-block.carousel-btn.left-btn,
.navi_pagi_bottom_center.main-banner-wrapper.carousel-btn-block.carousel-btn.right-btn {
background-color: transparent;
box-shadow: none;
}
.navi_pagi_top_right.owl-theme .owl-nav .owl-prev,
.navi_pagi_bottom_left .banner-style-one.owl-theme .owl-nav .owl-prev {
left: 0;
right: auto;
top: auto;
}
.navi_pagi_top_right.owl-theme.owl-loaded .owl-next {
right: 0;
top: auto;
}
.navi_pagi_top_right.owl-theme .owl-dots .owl-dot,
.navi_pagi_bottom_left.owl-theme .owl-dots .owl-dot,
.navi_pagi_bottom_center.owl-theme .owl-dots .owl-dot,
.banner-style-one.owl-theme .owl-dots .owl-dot {
background-color: transparent;
border-radius: 50%;
height: 20px;
margin-right: 3px;
padding-top: 8px;
position: relative;
width: 20px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.navi_pagi_top_right.owl-theme .owl-dots .owl-dot.active:before,
.navi_pagi_top_right.owl-theme .owl-dots .owl-dot:before,
.navi_pagi_bottom_left.owl-theme .owl-dots .owl-dot.active:before,
.navi_pagi_bottom_left.owl-theme .owl-dots .owl-dot:before,
.navi_pagi_bottom_center.owl-theme .owl-dots .owl-dot.active:before,
.navi_pagi_bottom_center.owl-theme .owl-dots .owl-dot:before,
.banner-style-one.owl-theme .owl-dots .owl-dot.active:before,
.banner-style-one.owl-theme .owl-dots .owl-dot:before,
.banner-style-one.owl-theme .owl-dots .owl-dot.active:before,
.banner-style-one.owl-theme .owl-dots .owl-dot:before,
.banner-style-one.owl-theme .owl-dots .owl-dot.active:before,
.banner-style-one.owl-theme .owl-dots .owl-dot:before {
background-color: transparent;
border: 2px solid #112137;
border-radius: 50%;
content: "";
height: 20px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.home1_style.at_home6.banner-style-one.owl-theme.owl-dots.owl-dot.active:before,
.home1_style.at_home6 .banner-style-one.owl-theme .owl-dots .owl-dot:before {
border: 2px solid #ffffff;
}
.navi_pagi_top_right.owl-theme .owl-dots .owl-dot:hover:before,
.navi_pagi_top_right.owl-theme .owl-dots .owl-dot.active:before,
.navi_pagi_top_right.owl-theme .owl-dots .owl-dot:focus:before,
.navi_pagi_top_right.owl-theme .owl-dots .owl-dot:active:before,
.navi_pagi_bottom_left.banner-style-one.owl-theme.owl-dots.owl-dot:hover:before,
.navi_pagi_bottom_left.banner-style-one.owl-theme.owl-dots.owl-dot.active:before,
.navi_pagi_bottom_left.banner-style-one.owl-theme.owl-dots.owl-dot:focus:before,
.navi_pagi_bottom_left.banner-style-one.owl-theme.owl-dots.owl-dot:active:before,
.navi_pagi_bottom_left.owl-theme .owl-dots .owl-dot:hover:before,
.navi_pagi_bottom_left.owl-theme .owl-dots .owl-dot.active:before,
.navi_pagi_bottom_left.owl-theme .owl-dots .owl-dot:focus:before,
.navi_pagi_bottom_left.owl-theme .owl-dots .owl-dot:active:before,
.home1_style .banner-style-one.owl-theme .owl-dots .owl-dot:hover:before,
.home1_style .banner-style-one.owl-theme .owl-dots .owl-dot.active:before,
.home1_style .banner-style-one.owl-theme .owl-dots .owl-dot:focus:before,
.home1_style .banner-style-one.owl-theme .owl-dots .owl-dot:active:before,
.navi_pagi_bottom_center.owl-theme .owl-dots .owl-dot:hover:before,
.navi_pagi_bottom_center.owl-theme .owl-dots .owl-dot.active:before,
.navi_pagi_bottom_center.owl-theme .owl-dots .owl-dot:focus:before,
.navi_pagi_bottom_center.owl-theme .owl-dots .owl-dot:active:before,
.banner-style-one.owl-theme .owl-dots .owl-dot:hover:before,
.banner-style-one.owl-theme .owl-dots .owl-dot.active:before,
.banner-style-one.owl-theme .owl-dots .owl-dot:focus:before,
.banner-style-one.owl-theme .owl-dots .owl-dot:active:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.feature_property_slider.owl-theme .owl-dots .owl-dot span,
.bestseller_sidebar_slider.owl-theme .owl-dots .owl-dot span,
.shop_item_1grid_slider.owl-theme .owl-dots .owl-dot span,
.shop_item_2grid_slider.owl-theme .owl-dots .owl-dot span,
.shop_item_3grid_slider.owl-theme .owl-dots .owl-dot span,
.shop_item_4grid_slider.owl-theme .owl-dots .owl-dot span,
.shop_item_4grid_slider2.owl-theme .owl-dots .owl-dot span,
.shop_item_5grid_slider.owl-theme .owl-dots .owl-dot span,
.shop_item_7grid_slider.owl-theme .owl-dots .owl-dot span,
.navi_pagi_top_right.owl-theme .owl-dots .owl-dot span,
.navi_pagi_bottom_left.owl-theme .owl-dots .owl-dot span,
.navi_pagi_bottom_center.owl-theme .owl-dots .owl-dot span,
.navi_pagi_bottom_left .banner-style-one.owl-theme .owl-dots .owl-dot span,
.home1_style .banner-style-one.owl-theme .owl-dots .owl-dot span,
.banner-style-one.owl-theme .owl-dots .owl-dot span {
background-color: #112137;
border-radius: 50%;
height: 4px;
margin: 0 auto;
width: 4px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.vendor_about {
position: relative;
}
.vendor_about .title {
font-size: 20px;
line-height: 29px;
letter-spacing: 0em;
margin-bottom: 20px;
}
.vendor_about .para {
color: #041e42;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
/* Zmart Owl Carousel Nav Dots CSS End */
/* Shop cart button number count increase and decrese Start */
.quantity-block {
border: 1px solid #eaeaea;
display: inline-block;
overflow: hidden;
position: relative;
}
.quantity-block.home_page_sidebar {
border: 1px solid transparent;
border-radius: 60px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.quantity-block.home_page_sidebar:hover {
border: 1px solid #eaeaea;
}
.quantity-arrow-minus,
.quantity-arrow-plus,
.quantity-arrow-minus2,
.quantity-arrow-plus2,
.quantity-arrow-minus3,
.quantity-arrow-plus3 {
background-color: transparent;
border: none;
border-radius: 6px;
box-sizing: border-box;
color: #041e42;
font-size: 10px;
height: 25px;
line-height: 20px;
outline: none;
position: absolute;
text-align: center;
width: 25px;
}
.quantity-arrow-minus,
.quantity-arrow-minus2,
.quantity-arrow-minus3 {
font-size: 10px;
left: 0;
top: 10px;
}
.quantity-arrow-plus,
.quantity-arrow-plus2,
.quantity-arrow-plus3 {
background-color: #f3f5f6;
font-size: 10px;
right: 10px;
top: 10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.quantity-arrow-minus.inner_page,
.quantity-arrow-minus.home_page_sidebar,
.quantity-arrow-minus2.inner_page,
.quantity-arrow-minus2.home_page_sidebar,
.quantity-arrow-minus3.inner_page,
.quantity-arrow-minus3.home_page_sidebar {
border-radius: 50%;
color: #041e42;
left: 10px;
top: 15px;
}
.quantity-num.inner_page,
.quantity-num2.inner_page {
max-width: 145px;
}
.quantity-num.home_page_sidebar,
.quantity-num2.home_page_sidebar {
max-width: 90px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
.quantity-arrow-plus.inner_page,
.quantity-arrow-plus.home_page_sidebar,
.quantity-arrow-plus2.inner_page,
.quantity-arrow-plus2.home_page_sidebar,
.quantity-arrow-plus3.inner_page,
.quantity-arrow-plus3.home_page_sidebar {
border-radius: 50%;
color: #041e42;
font-size: 8px;
top: 15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.quantity-arrow-minus.home_page_sidebar,
.quantity-arrow-plus.home_page_sidebar,
.quantity-arrow-minus2.home_page_sidebar,
.quantity-arrow-plus2.home_page_sidebar {
top: 5px;
}
.quantity-arrow-minus.home_page_sidebar,
.quantity-arrow-minus2.home_page_sidebar {
left: 5px;
}
.quantity-arrow-plus.home_page_sidebar,
.quantity-arrow-plus2.home_page_sidebar {
right: 5px;
}
.quantity-arrow-minus.inner_page:hover,
.quantity-arrow-plus.inner_page:hover,
.quantity-arrow-minus.home_page_sidebar:hover,
.quantity-arrow-plus.home_page_sidebar:hover,
.quantity-arrow-minus2.inner_page:hover,
.quantity-arrow-plus2.inner_page:hover,
.quantity-arrow-minus2.home_page_sidebar:hover,
.quantity-arrow-plus2.home_page_sidebar:hover {
background-color: #f3f5f6;
color: #041e42;
}
.quantity-num,
.quantity-num2,
.quantity-num3 {
border: none;
border-radius: 4px 0 0 4px;
font-size: 14px;
height: 40px;
max-width: 104px;
outline: none;
padding: 0;
text-align: center;
width: 100%;
}
.quantity-num.home_page_sidebar,
.quantity-num2.home_page_sidebar {
height: 35px;
}
input.quantity-num[type="number"]::-webkit-inner-spin-button,
input.quantity-num[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* Countdown Timer Home 9 Custom Style */
.zmart_testimonial_slider .swiper-horizontal>.swiper-pagination-progressbar,
.zmart_testimonial_slider .swiper-pagination-progressbar.swiper-pagination-horizontal {
display: none;
}
.zmart_testimonial_slider.home9_style .swiper-button-prev:after,
.zmart_testimonial_slider.home9_style .swiper-button-next:after {
display: none;
}
.zmart_testimonial_slider.home9_style .swiper-button-prev,
.zmart_testimonial_slider.home9_style .swiper-button-next {
background-color: transparent;
border: 1px solid #eaeaea;
color: #041e42;
}
.zmart_testimonial_slider.home9_style .swiper-button-prev:hover,
.zmart_testimonial_slider.home9_style .swiper-button-next:hover {
border: 1px solid #112137;
}
/* Custom Radio Button Start */
.radio-custom {
opacity: 0;
position: absolute
}
.radio-custom,
.radio-custom-label {
border-radius: 50%;
cursor: pointer;
vertical-align: middle
}
.radio-custom-label {
position: relative
}
.radio-custom .radio-custom-label:before {
content: '';
border: 1px solid #EAEAEA;
display: inline-block;
height: 26px;
padding: 2px;
text-align: center;
vertical-align: middle;
width: 26px
}
.radio-custom.dark_bg .radio-custom-label.dark_bg:before {
background-color: #041E42
}
.radio-custom.violet_bg .radio-custom-label.violet_bg:before {
background-color: #443297
}
.radio-custom.light_blue_bg .radio-custom-label.light_blue_bg:before {
background-color: #4A70B1
}
.radio-custom.yellow_bg .radio-custom-label.yellow_bg:before {
background-color: #F5C34B
}
.radio-custom.gray_bg .radio-custom-label.gray_bg:before {
background-color: #626974
}
.radio-custom.dark_bg:checked .radio-custom-label.dark_bg:before,
.radio-custom.violet_bg:checked .radio-custom-label.violet_bg:before,
.radio-custom.light_blue_bg:checked .radio-custom-label.light_blue_bg:before,
.radio-custom.gray_bg:checked .radio-custom-label.gray_bg:before {
color: #FFF
}
.radio-custom .radio-custom-label:before {
border-radius: 50%
}
.radio-custom.yellow_bg:checked .radio-custom-label.yellow_bg:before,
.radio-custom:checked .radio-custom-label:before {
color: #041E42
}
.radio-custom:checked .radio-custom-label:before {
content: "\f00c";
font-family: "Font Awesome 6 Pro"
}
.radio-custom:focus .radio-custom-label {
outline: none
}
.zoomContainer {
height: 0px !important
}
.zmart_testimonial_slider .slidetotal:before {
content: "/";
position: absolute;
left: 0;
}
.zmart_testimonial_slider .slidetotal {
padding-left: 13px;
position: relative;
margin-left: 5px;
}
/* vendor step form */
/*---------- step block -------------*/
.step-block{
display: flex;
flex-wrap: nowrap;
margin-bottom: 15px;
overflow-x: auto;
}
.step-block .step-btn {
margin-bottom: 5px;
padding: 10px 30px;
min-width: 190px;
width: 100%;
margin-top: 5px;
font-size: 1rem;
border-radius: 0px;
white-space: nowrap;
background: #ffffff;
position: relative;
color: #0390f3;
display: inline-block;
clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
border: none;
}
.step-block .step-btn.active, .step-block .step-btn:hover {
background: linear-gradient(135deg, #007acc, #00c6ff);
color: #fff;
}
.upload_img_card{
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
}
.upload_img_card .media_img{
flex-shrink: 0;
}
/* =============== Biz Menu ============= */
.biz_menu {
margin-bottom: 20px;
background-color: #fff;
border-radius: 10px;
padding: 15px;
overflow: hidden;
}
.biz_menu .biz_menu_row{
display: flex;
flex-wrap: wrap;
padding-bottom: 10px;
gap: 10px;
padding-top: 10px;
overflow: auto
}
.biz_menu .biz_menu_item{
border-radius: 50%;
width:110px;
height: 110px;
text-align: center;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: .3s ease-in-out;
border: 1px solid #f1f1f1;
}
.biz_menu .biz_menu_item a{
padding: 5px;
text-align: center;
display: block;
}
.biz_menu .biz_menu_item.active, .biz_menu .biz_menu_item:hover{
color: #0390f3;
background-color: aliceblue;
border: 1px solid #0390f3;
}
.biz_menu .biz_menu_item img{
width: 30px;
height: 30px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
}
.biz_menu .biz_menu_item .title{
font-size: 14px;
display: block;
font-weight: 500;
}
.dashboard_content .card{
background-color: #fff;
border-radius: 16px;
margin-bottom: 20px;
position: relative;
border: none;
overflow: hidden;
border-radius: 10px;
box-shadow: 0px 1px 4px rgba(20, 3, 66, 0.07);
}
.dashboard_content .card .card-header{
background-color: #fff;
padding: 15px;
border-bottom: 1px solid #e1e1e1;
}
.dashboard_content .card .card-body{
background-color: #fff;
padding: 15px;
border-bottom: 1px solid #e1e1e1;
}
.dashboard_content .card .card-footer{
background-color: #fff;
padding: 15px;
border-top: 1px solid #e1e1e1;
}
.categry_plan_radio .plan input[type="radio"] {
position: absolute;
opacity: 0;
}
.categry_plan_radio .plan {
cursor: pointer;
display: block;
width: 100%;
margin-bottom: 15px;
}
.categry_plan_radio .plan .plan-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
background-color: #fff;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #c7c7c7;
border-radius: 5px;
transition: .3s ease-in-out;
position: relative;
}
.categry_plan_radio .plan .plan-content img {
margin-right: 15px;
height: 64px;
border-radius: 50%;
width: 64px;
background: aliceblue;
object-fit: contain;
}
.categry_plan_radio .plan .plan-details span {
margin-bottom: 5px;
display: block;
font-size: 18px;
color: #252f42;
}
.categry_plan_radio .plan .plan-details p {
color: #646a79;
font-size: 14px;
line-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
margin-bottom: 0px;
}
.categry_plan_radio .plan .plan-content:hover {
transition: .3s ease-in-out;
box-shadow:0px 1px 3px 0px #e8e8e8;
}
.categry_plan_radio .plan input[type="radio"]:checked + .plan-content:after {
content: "";
position: absolute;
height: 8px;
width: 8px;
background: #216fe0;
right: 20px;
top: 20px;
border-radius: 100%;
border: 3px solid #fff;
-webkit-box-shadow: 0px 0px 0px 2px #0066ff;
box-shadow: 0px 0px 0px 2px #0066ff;
}
.categry_plan_radio .plan input[type="radio"]:checked + .plan-content {
border: 1px solid #216ee0;
background: #eaf1fe;
-webkit-transition: ease-in 0.3s;
-o-transition: ease-in 0.3s;
transition: ease-in 0.3s;
}
/* App menu bottom */
.bottom-app-menu {
position: sticky;
bottom: -1px;
left: 0;
width: 100%;
box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2);
background-color: #ffffff;
overflow-x: auto;
z-index: 11;
padding: 5px;
display: none;
}
.bottom-app-menu .nav__link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
flex-grow: 1;
min-width: 50px;
overflow: hidden;
white-space: nowrap;
padding: 5px;
font-size: 13px;
color: #444444;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
transition: background-color 0.1s ease-in-out;
}
.bottom-app-menu .nav__link:hover {
background-color: #eeeeee;
color: #0390f3;
}
.bottom-app-menu .nav__link--active {
color: #0390f3;
}
.bottom-app-menu .nav__link--active img, .bottom-app-menu .nav__link:hover img{
color: #0390f3;
filter: invert(39%) sepia(93%) saturate(4444%) hue-rotate(189deg) brightness(96%) contrast(97%);
}
.bottom-app-menu .nav__icon {
font-size: 18px;
}
.form-group .toggle-password {
position: absolute;
right: 16px;
font-size: 16px;
top: 54px;
cursor: pointer;
}
.error{
color:red;
}
/* data table */
.dataTable thead th{
color: #000;
}
.dataTable .form-select{
min-width:160px;
}
.brand-icon{
width: 50px;
height: 50px;
background-color: aliceblue;
line-height: 50px;
border-radius: 50%;
margin-right: 10px;
font-size: 20px;
color: #0390f3;
border: 1px solid #0390f3;
text-align: center;
}
.order-card .img-thumbnail{
height: 100%;
object-fit: cover;
}
.share_icon_btn {
background-color: #ffffff;
border-radius: 50%;
height: 32px;
border: 1px solid #e5e5e5;
/* position: absolute; */
line-height: 32px;
font-size: 14px;
/* bottom: 0px;
right: 0px; */
display: inline-block;
margin-bottom: 0;
text-align: center;
width: 32px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.active-wishlist{
background-color:#fff !important;
/* border: 1px solid rgb(220 53 69) !important; */
color: rgb(220 53 69) !important;
}
.active-wishlist a{
color: rgb(220 53 69) !important;
}
/*------------*/
.form-area {
background-color: #fff;
box-shadow: 0px 5px 10px rgba(90, 116, 148, 0.3);
padding: 40px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
}
.form-area .form-inner {
width: 100%;
}
.form-control {
display: block;
width: 100%;
height: auto;
padding: 12px 20px;
font-size: 1rem;
line-height: 1.4;
color: #475F7B;
background-color: #FFF;
border: 1px solid #DFE3E7;
border-radius: .267rem;
-webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus {
color: #475F7B;
background-color: #FFF;
border-color: #5A8DEE;
outline: 0;
box-shadow: 0 3px 8px 0 rgb(0 0 0 / 10%);
}
.intl-tel-input,
.iti{
width: 100%;
}
.profile-name-icon {
width: 30px;
height: 30px;
background-color: aliceblue;
line-height: 30px;
border-radius: 50%;
font-size: 12px;
display: inline-block;
color: #0390f3;
border: 1px solid #0390f3;
text-align: center;
}
/* HOME ONE CSS */
.banner_one.home1_style2::after{
content: "";
position: absolute;
top:0px;
left:0px;
z-index: 1;
background-color: #7a7a7a3d;
color:#fff;
width: 100%;
height: 100%;
}
.banner_one.home1_style2 .details{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
width: 100%;
}
.banner_one.home1_style2 .details .title{
position: relative;
z-index: 10;
color: #fff;
width: 100%;
}
.banner_one.home1_style2 .details .shop_btn{
position: relative;
z-index: 10;
color: #fff;
background: #ffffff40;
color: #fff;
padding: 5px 15px;
border-radius: 5px;
font-size: 14px;
transition: all 0.3s;
}
.banner_one.home1_style2 .details .shop_btn:hover{
background-color: #fff;
color: #222;
}
.banner_one.home1_style2 .details .shop_btn:before, a.shop_btn:before{
background-color: transparent;
}
.banner_one.home1_style2.home1_style:before{
background-color: transparent;
}
.clothing-product .popular_listing_sliders .banner_one.home1_style{
border-radius: 6px;
min-height: 320px;
}
.our-listing .faq_according .accordion .card .card-header::before {
right: 5px;
}
/* LOGIN WITH GOOGLE BTN */
.login-with-google-btn {
display: flex;
align-items: center;
transition: background-color 0.3s, box-shadow 0.3s;
padding: 12px 16px;
padding-left: 12px; /* Adjusted to accommodate image spacing */
border: 1px solid #d3d3d3;
border-radius: 3px;
box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
color: #757575;
font-size: 14px;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
background-color: white;
cursor: pointer;
}
.google-logo {
width: 20px;
height: 20px;
margin-right: 10px;
}
.login-with-google-btn:hover {
box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
}
.login-with-google-btn:active {
background-color: #eee;
}
.login-with-google-btn:focus {
outline: none;
box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25), 0 0 0 3px #c8dafc;
}
.login-with-google-btn:disabled {
filter: grayscale(100%);
background-color: #ebebeb;
box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
cursor: not-allowed;
}
.all-filter-btn {
border-radius: 30px;
display: block;
text-align: center;
}
.filterselect {
background: aliceblue;
position: relative;
border-radius: 30px;
appearance: none;
text-align: center;
border: none;
color: #0390f3;
font-weight: 500;
padding: .375rem 1rem .375rem 1rem;
}
.filterselect:focus, .filterselect:active {
border: none;
}
/* SELECT2 BOX STYLE (inside parent only) */
.sort-parent .select2-container--default .select2-selection--single {
background: #f0f8ff !important;
border-radius: 30px !important;
border: none !important;
padding: 6px 20px !important;
height: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #0390f3 !important;
font-weight: 500 !important;
}
.sort-parent .select2-container{
height: auto;
width: auto !important;
}
/* REMOVE DEFAULT ARROW */
.sort-parent .select2-selection__arrow {
display: none !important;
}
/* CENTER TEXT & ICON */
.sort-parent .select2-selection__rendered {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px;
color: #0390f3 !important;
min-height: 28px!important;
line-height: 28px !important;
padding: 0 12px !important;
}
/* DROPDOWN ICON COLOR */
.sort-parent .select2-results__option i {
margin-right: 8px;
color: #0390f3;
}
/* HOVER STYLE */
.sort-parent .select2-container--default
.select2-results__option--highlighted {
background: #e5f3ff !important;
color: #0390f3 !important;
}
/****************** product view table ******************/
.productviewmodal .modal-header {
background-color: #f8f9fa;
border-bottom: 1px solid #dee2e6;
padding: 10px 15px;
}
.productviewmodal .modal-footer {
background-color: #f8f9fa;
border-top: 1px solid #dee2e6;
padding: 10px 15px;
}
.productviewmodal .modal-title {
font-weight: 600;
font-size: 1.2rem;
}
.productviewmodal .table {
width: 100%;
text-wrap: wrap;
border-collapse: collapse;
}
.productviewmodal .table th,
.productviewmodal .table td {
padding: 12px;
text-align: left;
font-size: 0.9rem;
vertical-align: middle;
}
.productviewmodal .table th {
background-color: #f8f9fa;
color: #000;
text-transform: uppercase;
}
.productviewmodal .table tbody tr:hover {
background-color: #f1f1f1;
}
.productviewmodal .product-img {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 5px;
}
/* Variant Details */
.productviewmodal .product-details h5 {
font-size: 0.95rem;
font-weight: 500;
margin-bottom: 0.1rem;
}
.productviewmodal .product-details p {
font-size: 0.8rem;
color: #6c757d;
margin-bottom: 0;
}
.productviewmodal .quantity-container {
display: flex;
gap: 3px;
}
.productviewmodal .quantity-container button,
.productviewmodal .quantity-container input {
width: 35px;
height: 35px;
font-size: 16px;
text-align: center;
border-radius: 4px;
color: #000;
border: 1px solid #ccc;
outline: none;
transition: 0.3s ease;
}
.productviewmodal .quantity-container button {
background-color: #fff;
color: #000;
cursor: pointer;
}
.productviewmodal .quantity-container button:hover {
background-color: #000;
color: white;
}
.productviewmodal .quantity-container input {
background-color: #f8f9fa;
color: #333;
border-radius: 4px;
}
.productviewmodal .quantity-container input:focus {
border-color: #007bff;
outline: none;
}
@media (max-width: 768px) {
.productviewmodal .modal-header,
.productviewmodal .modal-footer {
padding: 8px 10px;
}
.productviewmodal .modal-title {
font-size: 1rem;
}
.productviewmodal .table {
display: block;
overflow-x: auto;
width: 100%;
}
.productviewmodal .table thead {
display: none;
}
.productviewmodal .table tbody tr {
display: block;
margin-bottom: 0.5rem;
border: 1px solid #ddd;
border-radius: 5px;
padding: 10px;
}
.productviewmodal .table tbody tr td {
display: flex;
justify-content: space-between;
padding: 8px 0;
font-size: 0.85rem;
border-bottom: 1px solid #ddd;
}
.productviewmodal .table tbody tr td:last-child {
border-bottom: none;
}
.productviewmodal .table tbody tr td:before {
content: attr(data-label);
font-weight: bold;
flex-basis: 50%;
text-align: left;
margin-right: 10px;
}
.productviewmodal .product-img {
width: 40px;
height: 40px;
}
.productviewmodal .quantity-container button,
.productviewmodal .quantity-container input {
width: 30px;
height: 30px;
font-size: 14px;
}
.table>:not(:first-child){
border: none;
}
}
.pwa-btn svg {
width: auto; /* smaller size */
height: 50px; /* smaller size */
cursor: pointer;
transition: 0.2s ease;
margin-bottom: 15px;
}
.pwa-btn svg:hover {
opacity: 0.8;
transform: scale(1.03);
}
/* owl carsoul dots style */
.slider-dots .owl-dots {
text-align: center;
margin-top: 10px;
display: flex;
height: 24px;
justify-content: center;
align-items: center;
gap: 8px;
}
.slider-dots .owl-dots .owl-dot {
outline: none;
position: relative;
}
.slider-dots .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 0;
background: #d6d6d6;
border-radius: 50%;
display: block;
transition: all 0.3s ease;
position: relative;
}
.slider-dots .owl-dots .owl-dot:hover span {
background: #a8a8a8;
transform: scale(1.2);
}
.slider-dots .owl-dots .owl-dot.active span {
width: 16px;
height: 16px;
border-radius: 50%;
background: #2196F3;
transform: scale(1);
animation: dotPulse 0.3s ease;
}
@keyframes dotPulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
/* Allow only horizontal swipe on carousel */
.owl-carousel,
.owl-stage-outer,
.owl-stage {
touch-action: pan-x;
-webkit-overflow-scrolling: touch;
}