/* css version 1 */ html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
body {
padding: 0;
margin: 0;
box-sizing: border-box;
}
ul, li {
list-style: none;
margin: 0;
padding: 0;
}
a {
display: block;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0px;
padding: 0px;
}
@media (max-width : 992px) {
h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, p br {
display: none;
}
}
button {
border: none;
}
/*======================================== Color Variable Start Here =========================================*/ :root {
--light: #fff;
--dark: #000;
--light-with-opacity: rgba(255, 255, 255, 0.8);
--dark-with-opacity: rgba(0, 0, 0, 0.8);
--theme-color1-with-opacity: rgba(0, 142, 251, 0.7);
--theme-color2-with-opacity: rgba(151, 201, 16, 0.7);
--gradient-color-1: linear-gradient(0deg, #002f85 0%, #00a7ff 100%);
--theme-color: #008efb;
--theme-bg-color1: #008efb;
--theme-bg-color2: #97c910;
--theme-bg-color3: #00baff;
--theme-bg-color4: #666666;
--theme-bg-color5: #666666;
--theme-bg-color6: #cdcdcd;
--theme-bg-color7: #b1b1b1;
--theme-text-color1: #008efb;
--theme-text-color2: #97c910;
--theme-text-color3: #00baff;
--theme-text-color4: #666666;
--theme-text-color5: #666666;
--theme-text-color6: #cdcdcd;
--theme-text-color7: #b1b1b1;
}
/*======================================== Color Variable End Here =========================================*/ /*======================================== border Radius Variable Start Here =========================================*/ :root {
--border-color1: #008efb;
--border-color2: #97c910;
--border-color3: #00baff;
--border-color4: #d9d9d9;
--border-color5: #f0f0f0;
--border-color6: #d0d0d0;
--border-color7: #cdcdcd;
--border-color8: #e4e4e4;
}
/*======================================== border Radius Variable End Here =========================================*/ /*======================================== Font Variable Start Here =========================================*/ :root {
--font-size-xxlg: 52px;
--font-size-xlg: 42px;
--font-size-lg: 36px;
--font-size-md-1: 30px;
--font-size-md-2: 28px;
--font-size-md-3: 26px;
--font-size-md-4: 24px;
--font-size-md-5: 20px;
--font-size-sm: 18px;
--font-size-xs-1: 16px;
--font-size-xs-2: 14px;
--font-size-xs-3: 12px;
}
/*======================================== Font Variable End Here =========================================*/ /*======================================== Line height Variable Start Here =========================================*/ :root {
--line-heights-xxlg: 66px;
--line-heights-xlg: 56px;
--line-heights-lg: 48px;
--line-heights-md-1: 40px;
--line-heights-md-2: 38px;
--line-heights-md-3: 36px;
--line-heights-md-4: 34px;
--line-heights-md-5: 30px;
--line-heights-sm: 28px;
--line-heights-xs-1: 26px;
--line-heights-xs-2: 24px;
--line-heights-xs-3: 20px;
}
/*======================================== Line height Variable End Here =========================================*/ /*======================================== Font Icon Variable Start Here =========================================*/ :root {
--font-size-icon-xxlg: 64px;
--font-size-icon-xlg: 52px;
--font-size-icon-lg-1: 44px;
--font-size-icon-lg-2: 36px;
--font-size-icon-lg-3: 30px;
--font-size-icon-md-1: 28px;
--font-size-icon-md-2: 24px;
--font-size-icon-md-3: 20px;
--font-size-icon-sm: 18px;
--font-size-icon-xs: 16px;
--font-size-icon-xxs: 14px;
}
/*======================================== Font Icon Variable End Here =========================================*/ /*======================================== Font Family Variable Start Here =========================================*/ :root {
--font-family-light: "Heebo-Light";
--font-family-black: "Heebo-Black";
--font-family-medium: "Heebo-Medium";
--font-family-regular: "Heebo-Regular";
--font-family-extralight: "Heebo-ExtraLight";
--font-family-extrabold: "Heebo-ExtraBold";
--font-family-semibold: "Heebo-SemiBold";
--font-family-bold: "Heebo-Bold";
--font-family-thin: "Heebo-Thin";
}
/*======================================== Font Family Variable End Here =========================================*/ /*======================================== border Radius Variable Start Here =========================================*/ :root {
--border-radius-full-rounded: 100%;
--border-radius-xxlg: 40px;
--border-radius-xlg: 32px;
--border-radius-lg: 24px;
--border-radius-md: 20px;
--border-radius-sm: 16px;
--border-radius-xs-1: 12px;
--border-radius-xs-2: 8px;
--border-radius-xs-3: 4px;
}
/*======================================== border Radius Variable End Here =========================================*/ /*======================================== Box Shadow Variable Start Here =========================================*/ :root {
--box-shadow1: -0.927px -0.375px 12px rgba(77, 77, 77, 0.5);
--box-shadow2: 0 0 19px rgba(182, 182, 182, 0.5);
--box-shadow3: 1.5px 2.598px 3.5px rgba(147, 151, 174, 0.35);
--box-shadow-circle-icon: 2px 2px 20px rgba(215, 215, 215, 0.9);
}
/*======================================== Box Shadow Variable End Here =========================================*/ h1 {
color: var(--dark);
font-size: var(--font-size-xxlg);
line-height: var(--line-heights-xxlg);
font-family: var(--font-family-semibold);
}
h1 span {
color: var(--dark);
font-size: var(--font-size-xxlg);
line-height: var(--line-heights-xxlg);
font-family: var(--font-family-semibold);
}
h2 {
color: var(--dark);
font-size: var(--font-size-xlg);
line-height: var(--line-height-xlg);
font-family: var(--font-family-semibold);
}
h2 span {
color: var(--dark);
font-size: var(--font-size-xlg);
line-height: var(--line-height-xlg);
font-family: var(--font-family-semibold);
}
h3 {
color: var(--dark);
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
font-family: var(--font-family-medium);
}
h4 {
color: var(--dark);
font-size: var(--font-size-md-1);
line-height: var(--line-heights-md-1);
font-family: var(--font-family-medium);
}
h5 {
color: var(--dark);
font-size: var(--font-size-md-3);
line-height: var(--line-heights-md-3);
font-family: var(--font-family-medium);
}
h6 {
color: var(--dark);
font-size: var(--font-size-md-4);
line-height: var(--line-heights-md-4);
font-family: var(--font-family-medium);
}
p, span, strong, b, ul, li, a {
color: var(--dark);
font-size: var(--font-size-sm);
line-height: var(--line-heights-sm);
font-family: var(--font-family-regular);
}
a:focus, button:focus, input:focus, textarea:focus, select:focus, area:focus, a:hover:focus {
outline: 2px solid var(--theme-bg-color1);
}
select:focus-within, select:focus-visible {
outline: 2px solid var(--theme-bg-color1);
}
.theme-btn {
padding: 10px 24px;
text-align: center;
font-size: var(--font-size-sm);
line-height: var(--line-heights-sm);
font-family: var(--font-family-regular);
background-color: var(--theme-bg-color1);
border-radius: var(--border-radius-xs-2);
border: none;
color: var(--light);
transition: .3s;
}
.theme-btn:hover {
background-color: var(--dark);
color: var(--light);
}
.theme-input, .input {
padding: 14px 24px;
text-align: right;
font-size: var(--font-size-sm);
line-height: var(--line-heights-sm);
font-family: var(--font-family-regular);
background-color: transparent;
border-radius: var(--border-radius-xs-2);
border: 1px solid var(--border-color4);
color: var(--dark);
height: 54px;
text-align: right !important;
transition: .3s;
}
.theme-input:focus, .input:focus {
border: 1px solid var(--border-color1) !important;
box-shadow: var(--box-shadow3) !important;
color: var(--dark) !important;
outline: none !important;
}
.theme-input:focus::placeholder, .input:focus::placeholder {
opacity: 0 !important;
}
.theme-input::placeholder, .input::placeholder {
color: var(--dark);
transition: .3s;
}
.input-otr {
position: relative;
flex: 1;
}
.input-otr label {
display: none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
@media (max-width: 575px) {
h1 {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
h2 {
font-size: var(--font-size-md-1);
line-height: var(--line-heights-md-1);
}
}
@media (max-width: 575px) {
.col-xs-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xs-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xs-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xs-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xs-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xs-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xs-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xs-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xs-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xs-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xs-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xs-12 {
flex: 0 0 auto;
width: 100%;
}
}
.container {
max-width: 1564px;
width: 100%;
padding: 0 12px;
}
@media (max-width : 992px) {
.container {
padding: 0 12px;
}
}
@media (max-width : 1600px) {
.container {
max-width: 1440px;
width: 100%;
}
}
/* Mobile Menu Start Here */ @media (min-width : 992px) {
.mobile-nav {
display: none;
}
}
@media (max-width : 991px) {
.mob-header {
background-color: var(--light);
border-bottom: 2px solid var(--border-color8);
height: 74px;
z-index: 9999999;
}
.mob-header .container .row {
padding: 0;
height: 74px;
align-items: center;
}
.mob-header .desk-menu .logo-site .logo-img {
height: 50px;
}
.mob-header .hamburger-menu .bar {
background-color: var(--dark);
}
.mob-header .hamburger-menu .bar::before, .mob-header .hamburger-menu .bar::after {
background-color: var(--dark);
}
.mob-header .desk-menu .menu-container {
top: 74px;
}
.desk-menu .icon-li .icon-a {
width: auto;
height: auto;
background-color: var(--theme-text-color1);
}
.desk-menu .icon-li .icon-a .social-icon {
color: var(--theme-text-color1);
font-size: var(--font-size-icon-md-2);
}
.mobile-nav {
display: block;
}
.mob-header .desk-menu .logo-site .logo-img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 120px;
}
.logo-site .logo-img {
width: 130px;
}
.desk-menu .icon-main {
position: relative;
top: -26px;
}
.desk-menu .icon-ul {
display: flex;
align-items: center;
justify-content: flex-end;
}
.bar-icon-otrr {
background-color: transparent;
}
.desk-menu .icons-li .icons-a .social-icon, .bar-icon-otrr .bar-icon-inr {
font-size: var(--font-size-icon-md-3);
color: var(--theme-text-color3);
position: relative;
transition: .3s;
}
.desk-menu .icons-li .icons-a .items-count {
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: var(--theme-bg-color1);
color: var(--light);
font-size: 12px;
line-height: 11px;
font-family: "Heebo-Light";
position: absolute;
top: -8px;
left: -8px;
}
.desk-menu .icons-li .icons-a:hover, .mob-header .hamburger-menu span:hover {
background-color: transparent;
}
.bar-icon-otr {
position: absolute !important;
right: 40px;
top: 52%;
transform: translateY(-50%);
color: #fff;
display: flex;
align-items: center;
gap: 6px;
}
.bar-icon-otrr .items-count {
position: absolute;
left: -10px;
top: -6px;
width: 18px;
height: 18px;
border-radius: 100%;
background-color: var(--theme-bg-color1);
font-family: var(--font-family-regular);
color: var(--light);
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
line-height: 11px;
transition: .3s;
}
.bar-icon-otrr {
color: #fff;
}
.mob-header .desk-menu {
height: 70px;
}
.logo-site {
position: absolute;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.desk-menu .icon-main {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.desk-menu .icon-ul {
gap: 6px;
}
.desk-menu .icon-ul .icon-li {
position: relative;
}
.mob-basket .icon-ul .icons-li {
position: relative;
}
}
/* Mobile Menu End Here */ /* Seach Nav */ header {
position: relative;
}
header .container {
max-width: 1460px;
padding: 0 12px;
}
header .TopNav {
padding: 6px 0 4px 0;
}
header .TopNav .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
header .topNav-right .topNav-menu-link {
font-size: var(--font-size-sm);
line-height: var(--line-heights-xs-1);
font-family: var(--font-family-regular);
color: var(--dark);
transition: .3s;
}
header .topNav-right .topNav-menu-link:hover {
color: var(--theme-text-color1);
}
header .topNav-right .social-icon {
font-size: var(--font-size-icon-lg-3);
transition: .3s;
}
header .topNav-right .fa-whatsapp {
color: #00a859;
}
header .topNav-right .fa-facebook-f {
color: #0037ed;
}
header .topNav-right .fa-instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
header .topNav-right .fa-phone {
color: #0a0a0a;
}
header .topNav-right .social-icon:hover {
color: var(--theme-text-color1);
-webkit-text-fill-color: var(--theme-text-color1);
}
header .topNav-left {
width: calc(100% - 64%);
}
header .topNav-left .top-menu-ul {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 40px;
}
header .topNav-left .top-menu-li {
display: flex;
align-items: center;
gap: 6px;
}
header .topNav-left .top-menu-li:nth-child(2) .feature-icon {
transform: scale(-1, 1);
}
header .topNav-left .top-menu-link {
display: flex;
align-items: center;
gap: 14px;
}
header .topNav-left .top-menu-li .feature-icon {
font-size: var(--font-size-icon-lg-3);
background: linear-gradient(130.56deg, rgba(0, 48, 133, 0.8) 31.47%, #0A8FFF 87.86%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
transition: .3s;
}
header .topNav-left .top-menu-li .feature-text {
font-size: var(--font-size-xs-1);
line-height: 18px;
text-align: center;
color: var(--dark);
}
@media (max-width : 1400px) {
header .topNav-left .top-menu-ul {
gap: 14px;
}
header .topNav-left .top-menu-li .feature-text {
font-size: var(--font-size-xs-2);
}
}
header .search-nav {
position: relative;
padding: 4px 0;
border-top: 1px solid var(--border-color8);
border-bottom: 1px solid var(--border-color8);
}
header .search-nav .side-elm .pay-ul {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 150px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
header .search-nav .pay-ul .pay-li:first-child {
padding: 5px 10px 5px 20px;
border: 1px solid var(--theme-bg-color3);
border-right: none;
border-radius: var(--border-radius-xs-1) 0 0 var(--border-radius-xs-1);
}
header .search-nav .pay-ul .pay-li:nth-child(2) {
margin-right: 8px;
}
header .search-nav .logo-otr {
position: initial !important;
left: 50%;
bottom: 8px;
transform: translateX(0);
z-index: 10;
width: 185px;
background-color: var(--light);
}
header .search-nav .logo-inr {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--light);
}
header .search-nav .img-logo {
width: 185px;
height: auto;
object-fit: contain;
position: relative;
top: 3px;
}
header .search-nav .side-elm:first-child {
width: auto;
flex: 1;
}
header .search-nav .side-elm:last-child{
width: auto;
}
header .search-nav .wrapper div:nth-child(3) {
position: relative;
top: 5px;
}
header .search-nav .wrapper div:nth-child(3) .d-flex:nth-child(1) .icons-a {
top: -4px;
}
header .search-nav .wrapper div:nth-child(3) .d-flex:nth-child(1) .icons-a .icon-inr {
position: relative;
top: -1px;
}
header .search-nav .input-otr {
position: relative;
width: 100%;
flex: 1;
top: 0px;
}
header .search-nav .input-otr label {
display: none;
}
header .search-nav .theme-input {
padding: 8px 24px;
padding-left: 96px;
max-width: 100%;
width: 100%;
height: auto;
}
header .search-nav .theme-input:focus{
box-shadow: unset !important;
}
header .search-nav .icon-otr {
position: absolute;
left: 0;
top: 0;
width: 74px;
height: 46px;
border-radius: var(--border-radius-xs-2) 0 0 var(--border-radius-xs-2);
background-color: var(--theme-bg-color1);
cursor: pointer;
transition: .3s;
}
header .search-nav .icon-otr:hover {
background-color: var(--theme-bg-color3);
}
header .search-nav .search-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: var(--font-size-icon-md-2);
color: var(--light);
transition: .3s;
}
header .search-nav .icon-otr:hover .search-icon {
color: var(--light);
}
header .search-nav .icons-a {
position: relative;
text-align: center;
transition: .3s;
}
header .search-nav .icons-a p {
font-size: var(--font-size-sm);
line-height: var(--line-heights-xs-2);
font-family: var(--font-family-regular);
color: var(--dark);
transition: .3s;
}
header .search-nav .icons-a .regular-text {
font-size: var(--font-size-sm);
line-height: var(--line-heights-sm);
font-family: var(--font-family-regular);
}
header .search-nav .icons-a .icon-inr {
font-size: var(--font-size-icon-lg-3);
line-height: initial;
width: 34px;
background: linear-gradient(130.56deg, rgba(0, 48, 133, 0.8) 31.47%, #0A8FFF 87.86%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
transition: .3s;
}
header .search-nav .icons-a:hover p {
color: var(--theme-text-color1);
}
header .search-nav .icons-ul .icons-li:nth-child(2) .icons-a .items-count {
position: absolute;
right: 15px;
top: -10px;
width: 18px;
height: 18px;
border-radius: 100%;
background-color: var(--theme-bg-color1);
font-family: var(--font-family-regular);
color: var(--light);
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
transition: .3s;
}
header .search-nav .icons-ul .icons-li:nth-child(3) .icons-a .items-count {
position: absolute;
right: -2px;
top: -10px;
width: 18px;
height: 18px;
border-radius: 100%;
background-color: var(--theme-bg-color1);
font-family: var(--font-family-regular);
color: var(--light);
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
transition: .3s;
}
@media (max-width : 1400px) {
header .search-nav .wrapper div: nth-child(3) {
gap: 16px !important;
}
}
@media (max-width : 1200px) {
header .search-nav .icons-a .regular-text, header .search-nav .icons-a p {
font-size: var(--font-size-xs-2);
}
header .search-nav .side-elm .icons-ul {
gap: 12px !important;
}
}
/* Menu Main */ header .menu-main {
position: relative;
background-color: transparent;
border: 1px solid var(--border-color8);
}
@media (min-width : 2000px) {
header .menu-main .container {
max-width: 1700px;
width: 100%;
}
}
header .menu-main .container .menu-ul {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0 !important;
}
header .sticky-nav {
position: fixed;
top: -100px;
right: 0;
width: 100%;
z-index: 9999;
background-color: var(--light);
transition: .3s;
}
header .sticky-nav-active {
top: 0;
}
header .sticky-nav .container-fluid {
padding: 0 50px;
}
header .sticky-nav .logo-img {
width: 140px;
height: 50px;
object-fit: contain;
}
.sticky-nav .nav-icons-ul {
position: relative;
top: 3px;
}
.sticky-nav .nav-icons-link {
position: relative;
}
.sticky-nav .nav-icons-link .icon-inr {
font-size: var(--font-size-icon-md-2);
color: var(--dark);
transition: .3s;
}
.sticky-nav .nav-icons-link .icon-inr:hover {
color: var(--theme-text-color2);
}
.sticky-nav .nav-icons-link .items-count {
position: absolute;
right: 12px;
top: -6px;
width: 18px;
height: 18px;
border-radius: 100%;
background-color: var(--theme-bg-color1);
font-family: var(--font-family-regular);
color: var(--light);
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
transition: .3s;
}
.menu-main .categories-main:hover .megamenu-main, .menu-main .categories-main:hover .megamenu-main2, .menu-main .categories-main:hover .megamenu-main3 {
opacity: 1;
visibility: visible;
top: 52px;
}
.menu-main .megamenu-main, .menu-main .megamenu-main2, .menu-main .megamenu-main3 {
position: absolute;
top: 60px;
left: 0;
width: 100%;
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.menu-main .megamenu-main {
background-color: var(--theme-bg-color2);
}
.menu-main .megamenu-main2 {
background-color: var(--theme-bg-color2);
}
.menu-main .megamenu-main3 {
background-color: #fff;
border-top: 1px solid #c3c3c3;
width: 95%;
margin-left: 32px;
box-shadow: 0px 0px 5px 1px #CFCFD0;
}
.megamenu-main3 .submenu-heading:hover {
color: var(--theme-text-color2);
box-shadow: #0088fd 0px 3px 3px -2px;
}
.megamenu-main3 .col-option-inr h3 {
padding: 0 10px 10px 0;
color: var(--light);
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-family: var(--font-family-medium);
border-bottom: 1px solid var(--border-color8);
}
.megamenu-main3 .option-link {
display: block;
align-items: center;
gap: 10px;
padding: 3px 0px !important;
background-color: transparent;
color: var(--light);
transition: .3s;
}
.megamenu-main3 .col-option-inr {
margin-right: 97px;
margin-bottom: 20px;
}
.megamenu-main3 .option-link:hover {
background-color: #fff !important;
color: #5c7b09 !important;
box-shadow: #0088fd 0px 3px 3px -2px;
}
.megamenu-main3 .option-link:hover .option-icon {
color: var(--light);
}
.megamenu-main3 .option-link .option-icon {
position: relative;
top: -1px;
font-size: var(--font-size-icon-md);
color: var(--light);
transition: .3s;
}
.megamenu-main3 .col-inr {
position: relative;
background-color: var(--light);
transition: .3s;
}
.megamenu-main3 .col-inr .img-otr {
padding: 10px;
background-color: var(--theme-bg-color3);
box-shadow: 0.927px 0.375px 12px rgba(70, 58, 58, 0.9);
}
.megamenu-main3 .col-inr:hover {
transform: translateY(-3px);
box-shadow: 0px 3px 5px -1px rgba(255, 255, 255, 0.04), 0px 6px 10px 0px rgba(255, 254, 254, 0.04), 0px 1px 18px 0px rgba(255, 255, 255, 0.04);
}
.megamenu-main3 .col-inr:hover .product-title::after {
background-color: var(--border-color1);
}
.megamenu-main3 .col-inr:hover .product-title .title {
color: var(--light);
}
.megamenu-main3 .col-inr .img-inr {
width: 100%;
height: 350px;
object-fit: contain;
object-position: center;
}
.megamenu-main3 .col-inr .product-title {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px;
text-align: center;
backdrop-filter: blur(3px);
transition: .3s;
}
.megamenu-main3 .col-inr .product-title::after {
content: "";
position: absolute;
left: 0;
top: 0;
background-color: var(--light);
opacity: .7;
width: 100%;
height: 100%;
z-index: 10;
}
.megamenu-main3 .col-inr .product-title .title {
color: var(--dark);
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-family: var(--font-family-medium);
position: relative;
z-index: 11;
}
.menu-main .menu-li {
position: relative;
}
.menu-main .menu-ul .divider {
color: var(--light);
}
.menu-main .wrapper {
/* position: relative;
*/ margin-right: auto;
}
.menu-main .megamenu-show {
position: initial !important;
}
.menu-main .menu-link {
position: relative;
color: var(--dark);
letter-spacing: 0px;
font-size: var(--font-size-sm);
line-height: 48px;
font-family: var(--font-family-regular);
cursor: pointer;
padding: 0 10px;
transition: .3s;
}
.menu-main .menu-link:before{
content: "";
position: absolute;
width: 1px;
height: 20px;
background: #000;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.menu-main .menu-li:last-child .menu-link:before{
display: none;
}
@media (max-width : 1500px) {
.menu-main .menu-link {
font-size: 16px;
line-height: 48px;
}
}
.menu-main .menu-link:hover {
color: var(--dark);
}
.menu-main .menu-link:hover::after {
opacity: 1;
visibility: visible;
transform: translateX(-50%) scale(1);
}
.menu-main .menu-link::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 100%;
height: 3px;
background-color: var(--theme-bg-color1);
transform: translateX(-50%) scale(0);
opacity: 0;
visibility: hidden;
z-index: 10;
transition: .5s;
}
.menu-main .menu-li:hover .vertical-menu-ul, .menu-main .menu-li:focus-within .vertical-menu-ul {
top: 48px;
opacity: 1;
visibility: visible;
}
.menu-main .vertical-menu-ul {
position: absolute;
top: 48px;
right: 0;
width: 250px;
background-color: var(--theme-bg-color3);
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.menu-main .vertical-menu-ul:focus, .menu-main .vertical-menu-ul:hover, .menu-main .vertical-menu-ul2:focus, .menu-main .vertical-menu-ul2:hover {
visibility: visible;
opacity: 1;
}
.menu-main .vertical-menu-ul .vertical-menu-li:not(:last-child) {
border-bottom: 1px solid var(--border-color8);
}
.menu-main .vertical-menu-ul .vertical-menu-link {
color: var(--light);
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-family: var(--font-family-regular);
transition: .3s;
}
.menu-main .vertical-menu-ul .vertical-menu-link:hover {
background-color: var(--theme-bg-color1);
color: var(--light);
}
.menu-main .vertical-menu-ul .vertical-menu-link span {
font-size: var(--font-size-icon-sm);
color: var(--light);
}
.menu-main .vertical-menu-ul .vertical-menu-link:hover span {
color: var(--light);
}
.menu-main .vertical-menu-ul .vertical-menu-li {
position: relative;
}
.menu-main .vertical-menu-ul .vertical-menu-li:hover .subdrop-ul {
visibility: visible;
opacity: 1;
}
.menu-main .vertical-menu-ul .vertical-menu-li .subdrop-ul {
position: absolute;
left: -250px;
top: 0;
width: 250px;
background-color: var(--theme-bg-color3);
opacity: 0;
visibility: hidden;
transition: .3s;
}
.menu-main .vertical-menu-ul .vertical-menu-li .subdrop-ul .subdrop-li:not(:last-child) {
border-bottom: 1px solid var(--border-color8);
}
.menu-main .vertical-menu-ul .vertical-menu-li .subdrop-ul .subdrop-li .action .theme-btn {
padding: 9px 12px;
}
.menu-main .vertical-menu-ul2 {
position: absolute;
top: 48px;
right: 0;
width: 250px;
background-color: #002f85;
opacity: 0;
padding: 8px 8px 8px 0;
visibility: hidden;
z-index: 1000;
transition: .3s;
}
.menu-main .menu-li:hover .vertical-menu-ul2, .menu-main .menu-li:focus-within .vertical-menu-ul2 {
top: 48px;
opacity: 1;
visibility: visible;
}
.menu-main .menu-li:hover .megamenu-main3 {
opacity: 1;
visibility: visible;
top: 48px;
}
.menu-main .vertical-menu-ul2 .vertical-menu-link {
padding: 4px 14px 4px 32px !important;
color: var(--light);
font-family: var(--font-family-light);
white-space: nowrap;
transition: .3s;
}
.menu-main .vertical-menu-ul2 .vertical-menu-link:hover {
background-color: var(--theme-bg-color1);
color: var(--light) }
.menu-main .vertical-menu-ul2 .vertical-menu-link:hover span {
color: var(--light);
}
.menu-main .vertical-menu-ul2 .vertical-menu-link span {
color: var(--light);
transition: .3s;
}
.menu-main .vertical-menu-ul2 .vertical-menu-li .subdrop-ul {
box-shadow: 0px 4px 4px rgba(93, 97, 137, 0.16);
position: absolute;
left: -250px;
top: 0;
width: 250px;
background-color: var(--theme-bg-color3);
opacity: 0;
visibility: hidden;
transition: .3s;
}
.menu-main .vertical-menu-ul2 .vertical-menu-li:hover .subdrop-ul {
visibility: visible;
opacity: 1;
}
.menu-main .subdrop-ul .img-inr {
width: 100%;
height: 126px;
object-fit: contain;
}
.menu-main .subdrop-ul .title-product {
color: var(--light);
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-family: var(--font-family-regular);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: .3s;
}
.menu-main .subdrop-ul .title-product:hover {
color: var(--theme-text-color1);
}
.menu-main .subdrop-ul .theme-btn {
font-size: var(--font-size-xxs);
line-height: var(--line-height-xxs);
padding: 9px 14px;
background-color: var(--light);
color: var(--theme-color);
border: 1px solid transparent;
}
.menu-main .subdrop-ul .theme-btn:hover {
color: var(--light);
background-color: transparent;
border: 1px solid var(--border-color3);
}
/* Mega menu */ .menu-main .menu-ul .menu-li:hover .megamenu-main {
opacity: 1;
top: 48px;
visibility: visible;
}
.menu-main .menu-ul .menu-li .megamenu-main {
position: absolute;
right: 0;
top: 48px;
width: 100%;
background-color: var(--theme-bg-color3);
z-index: 10;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.menu-main .megamenu-main .row-menu {
border: 1px solid var(--border-color1);
}
.menu-main .megamenu-main .col-menu-otr strong {
font-family: var(--font-family-medium);
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
padding: 10px 30px;
display: block;
border-bottom: 1px solid var(--border-color1);
}
.menu-main .megamenu-main .col-menu-otr {
border-left: 1px solid var(--border-color1);
}
.menu-main .megamenu-main .col-menu-otr .li-main {
border-bottom: 1px solid var(--border-color1) !important;
}
.menu-main .megamenu-main .col-menu-otr .at-link {
font-size: var(--font-size-xs);
color: var(--light);
font-family: var(--font-family-light);
padding: 12px 30px;
text-transform: capitalize;
display: block;
transition: .5s;
}
.menu-main .megamenu-main .col-menu-otr .at-link:hover {
color: var(--light);
background-color: var(--theme-bg-color1);
}
/* Megamenu 2 */ .menu-main .menu-ul .menu-li:hover .megamenu-main2 {
opacity: 1;
top: 52px;
visibility: visible;
}
.menu-main .menu-ul .menu-li .megamenu-main2 {
position: absolute;
right: 0;
top: 60px;
width: 100%;
padding: 0 50px;
background-color: var(--theme-bg-color3);
z-index: 10;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.menu-main .megamenu-main2 .col-menu-otr h3 {
font-size: var(--font-size-sm);
line-height: var(--line-heights-sm);
font-family: var(--font-family-semibold);
color: var(--light);
padding: 12px;
display: block;
border-bottom: 1px solid var(--border-color8);
}
.menu-main .megamenu-main2 .col-menu-otr .ul-main {
position: relative;
left: -30px;
padding: 20px 0 50px 0;
}
.menu-main .megamenu-main2 .col-menu-otr .li-main {
list-style: disc;
}
.menu-main .megamenu-main2 .col-menu-otr .li-main {
margin-bottom: 6px;
}
.menu-main .megamenu-main2 .col-menu-otr .li-main::marker {
color: var(--light);
}
.menu-main .megamenu-main2 .col-menu-otr .at-link:hover .li-main::marker {
color: var(--theme-text-color1);
}
.menu-main .megamenu-main2 .col-menu-otr .at-link {
display: inline-block;
color: var(--light);
text-transform: capitalize;
font-family: var(--font-family-light);
transition: .5s;
}
.menu-main .megamenu-main2 .col-menu-otr .at-link:hover {
color: var(--theme-bg-color2);
}
/* Order Process Nav Css Start Here */ header .order-process-nav .search-nav {
padding: 8px 0;
}
header .order-process-nav .search-nav .wrapper .logo-otr {
position: inherit;
transform: translate(0);
width: auto;
}
header .order-process-nav .search-nav .wrapper .logo-otr .img-logo {
position: inherit;
width: 150px;
}
header .order-process-nav .search-nav .wrapper .input-otr {
max-width: 350px;
}
header .order-process-nav .search-nav .wrapper div:nth-child(3) {
position: inherit;
}
header .order-process-nav #backPage .icon-inr {
width: 40px;
height: 40px;
border-radius: var(--border-radius-full-rounded);
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--border-color3);
transition: .3s;
}
header .order-process-nav #backPage:hover .icon-inr {
background: var(--theme-bg-color1);
border: 1px solid var(--border-color1);
-webkit-text-fill-color: var(--light);
}
header .order-process-nav .icons-a .icon-inr {
font-size: var(--font-size-icon-md-1);
}
/* Order Process Nav Css End Here */ @media (max-width : 1400px) {
.menu-main .categories-main {
padding: 14px 26px;
}
}
@media (max-width : 1199px) {
header .sticky-nav .container-fluid {
padding: 0 20px;
}
.navbar-main .container {
max-width: 100%;
}
.sticky-nav .container {
max-width: 100%;
}
header .navbar-main .img-logo {
width: 200px;
}
.menu-main .menu-link {
font-size: var(--font-size-xs-2);
font-family: var(--font-family-regular);
}
}
@media (max-width : 992px) {
.navbar-main {
display: none;
}
}
/* Navbar Main End Here */ /* Banner Start Here */ .desktop-banner {
display: block;
}
.mobile-banner {
display: none;
}
@media (max-width : 992px) {
.desktop-banner {
display: none !important;
}
.mobile-banner {
display: block !important;
}
}
.banner-main {
position: relative;
}
.banner-main .banner-img {
width: 100%;
height: 450px;
object-fit: cover;
}
.banner-main .banner-item {
margin: 0 !important;
}
@media (max-width : 992px){
.banner-main .banner-img{
height: auto;
}
}
#htmlContent .banner-main .slick-slide{
padding: 12px;
margin: 12px;
border: 1px solid #cdcdcd;
}
.banner-main .wrapper .overlay-banner {
position: absolute !important;
z-index: 1000 !important;
top: -20px !important;
right: 50px !important;
width: 50% !important;
height: 100% !important;
}
.banner-main .wrapper .overlay-banner .overlay-inr {
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
text-align: center !important;
max-width: 650px !important;
width: 100% !important;
z-index: 10 !important;
}
.banner-main .overlay-banner h1 {
color: var(--light);
}
.banner-main .overlay-banner h1 span {
display: block;
color: var(--theme-text-color1);
}
.banner-main .overlay-banner p {
font-size: var(--font-size-md-1);
line-height: var(--line-heights-md-1);
color: var(--light);
margin: 16px 0 30px 0;
}
.banner-main .overlay-banner .action {
display: inline-flex;
}
.banner-main .overlay-banner .theme-btn:hover {
background-color: var(--theme-bg-color2);
color: var(--light);
}
[dir=rtl] .slick-slide {
float: right !important;
}
.banner-main .slick-slider {
margin: 0 !important;
}
.banner-main .overlay-banner h1, .banner-main .overlay-banner p, .banner-main .overlay-banner .action {
opacity: 0 !important;
transform: translateY(-20px);
transition: .3s;
}
.banner-main .slick-active h1, .banner-main .slick-active p, .banner-main .slick-active .action {
opacity: 1 !important;
transition: .7s;
transform: translateY(0) scale(1);
}
.banner-main .slick-active h1 {
transition-delay: .3s;
}
.banner-main .slick-active p {
transition-delay: .6s;
}
.banner-main .slick-active .action {
transition-delay: .9s;
}
.banner-main .slick-slider .slick-arrow {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 58px;
height: 58px;
border-radius: 100%;
display: flex !important;
align-items: center;
justify-content: center;
background-color: #ffffff;
border: 1px solid #ffffff;
color: #01b7f5;
font-size: var(--font-size-icon-sm);
box-shadow: -0.927px -0.375px 12px rgba(215, 215, 215, 0.5);
cursor: pointer;
z-index: 10;
font-weight: 600;
transition: .3s;
}
.banner-main .slick-slider .slick-disabled {
pointer-events: none;
opacity: .5;
}
.banner-main .slick-slider .slick-disabled:hover {
background-color: var(--theme-bg-color1) !important;
}
.banner-main .slick-slider .slick-arrow:hover {
background-color: var(--theme-bg-color1);
color: var(--light);
}
.banner-main .slick-slider .slick-arrow:hover::before {
color: var(--light);
}
.banner-main .slick-slider .right-arrow {
position: absolute;
right: 2px;
}
.banner-main .slick-slider .right-arrow::before {
content: "\f054";
font-family: "Font Awesome 6 Pro";
color: #01b7f5;
font-size: 20px;
}
.banner-main .slick-slider .left-arrow {
position: absolute;
left: 48px;
}
.banner-main .slick-slider .left-arrow::before {
content: "\f104";
font-family: "Font Awesome 6 Pro";
color: #01b7f5;
font-size: 22px;
}
.banner-main .slick-slider {
margin: 0 !important;
}
.banner-main .slick-dots {
position: absolute;
bottom: 20px;
margin: 0;
}
.banner-main .slick-dots li button::before {
display: none;
}
.banner-main .slick-dots li {
width: 12px;
height: 12px;
border-radius: 100%;
background-color: transparent;
border: 2px solid var(--theme-bg-color3);
box-shadow: var(--box-shadow-circle-icon);
transition: .3s;
}
.banner-main .slick-dots .slick-active {
transform: scale(1.3);
background-color: var(--light);
border: 2px solid transparent;
}
@media (max-width : 992px) {
.banner-main {
margin-top: 74px;
}
.banner-main .overlay-banner {
width: 70%;
top: 0px;
}
.banner-main .overlay-banner .overlay-inr {
max-width: 700px;
}
.banner-main .overlay-banner h1 {
font-size: var(--font-size-lg);
line-height: var(--line-heights-lg);
}
.banner-main .overlay-banner p {
font-size: var(--font-size-sm);
line-height: var(--line-heights-sm);
}
.banner-main .slick-slider .slick-arrow {
display: none !important;
}
}
@media (max-width : 576px) {
.banner-main .overlay-banner {
display: none;
}
}
/* Banner End Here */ /* categories Start Here */ .categories {
position: relative;
padding: 19px 0px 28px 0px;
background-color: #f8fcff;
margin-bottom: 55px;
}
.product-img-otr .icons-ul li:nth-child(even) {
display: none;
}
.categories .container {
position: relative;
padding: 0 70px;
}
.categories-grid {
background-color: transparent;
padding: 0;
margin: 30px 0;
}
.categories-grid .container {
padding: 0 30px;
}
.categories .wrapper {
text-align: center;
}
.categories .row {
margin: 20px 0;
gap: 16px 0;
}
.categories .row .row-cols {
gap: 16px 0;
margin: 0;
}
.categories .row .row-cols .vertical-col {
display: flex;
flex-direction: column;
gap: 16px 0;
padding: 0 8px;
}
.categories .row .row-cols .vertical-col:nth-child(2) .box-link {
height: 648px;
}
.categories .row .row-cols .vertical-col:nth-child(2) .box-link .category-img {
height: 100%;
}
.categories .row .col-otr {
padding: 0;
}
.categories .row-cols .col-lg-6 {
padding: 0 10px;
}
.categories .box-link {
position: relative;
border-radius: var(--border-radius-xs-2);
overflow: hidden;
transition: .3s;
}
.categories .box-link:hover .overlay-text {
height: 100%;
}
.categories .box-link:hover .overlay-text p {
text-shadow: 1px 1px 10px #000;
}
.categories .box-link .category-img {
width: 100%;
height: 316px;
object-fit: cover;
object-position: center;
}
.categories .box-link .overlay-text {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transition: .3s;
}
.categories .box-link .overlay-1 {
background: linear-gradient(0deg, rgba(45, 170, 225, 0.80) 0%, rgba(0, 3, 51, 0) 100%);
}
.categories .box-link .overlay-2 {
background: linear-gradient(0deg, rgba(108, 143, 0, 0.80) 0%, rgba(0, 3, 51, 0) 100%);
}
.categories .box-link .overlay-3 {
background: linear-gradient(0deg, rgba(255, 156, 0, 0.80) 0%, rgba(0, 3, 51, 0) 100%);
}
.categories .box-link .overlay-4 {
background: linear-gradient(0deg, rgba(159, 197, 24, 0.80) 0%, rgba(0, 3, 51, 0) 100%);
}
.categories .box-link .overlay-5 {
background: linear-gradient(0deg, rgba(244, 4, 1, 0.80) 0%, rgba(0, 3, 51, 0) 100%);
}
.categories .box-link .overlay-6 {
background: linear-gradient(0deg, rgba(0, 102, 198, 0.80) 0%, rgba(0, 3, 51, 0) 100%);
}
.categories .box-link .overlay-7 {
background: linear-gradient(0deg, rgba(0, 59, 179, 0.80) 0%, rgba(0, 3, 51, 0) 100%);
}
.categories .box-link .overlay-8 {
background: linear-gradient(0deg, rgba(255, 155, 0, 0.80) 0%, rgba(0, 3, 51, 0) 100%);
}
.categories .box-link .overlay-9 {
background: linear-gradient(0deg, rgba(193, 255, 0, 0.80) 0%, rgba(0, 3, 51, 0) 100%);
}
.categories .box-link .overlay-10 {
background: linear-gradient(0deg, rgba(130, 149, 181, 0.80) 0%, rgba(0, 3, 51, 0) 100%);
}
.categories .box-link .overlay-11 {
background: linear-gradient(0deg, rgba(255, 0, 0, 0.9999999999999999) 0%, rgba(0, 3, 51, 0) 100%);
}
.categories .box-link .overlay-12 {
background: linear-gradient(0deg, rgba(0, 252, 255, 0.9999999999999999) 0%, rgba(0, 3, 51, 0) 100%);
}
.categories .box-link .overlay-text p {
position: absolute;
bottom: 24px;
font-size: var(--font-size-lg);
line-height: var(--line-heights-lg);
color: var(--light);
transition: .3s;
}
@media (max-width : 992px){
body .categories{
padding: 0;
}
.categories .row .row-cols .vertical-col:nth-child(2) .box-link,
.categories .row .row-cols .vertical-col:nth-child(2) .box-link{
height: auto !important;
display: flex;
}
.categories .box-link .category-img{
height: auto !important;
aspect-ratio: 1/1;
}
.categories .row .row-cols .vertical-col{
padding: 0 10px;
}
}
@media (max-width : 576px) {
.categories .box-link .category-img, .categories .row .row-cols .vertical-col: nth-child(2) .box-link .category-img, .categories .row .row-cols .vertical-col:nth-child(2) .box-link {
height: 250px;
}
.categories .box-link .overlay-text p {
font-size: var(--font-size-md-3);
line-height: var(--line-heights-md-3);
}
}
@media (max-width : 420px) {
.categories .box-link .category-img, .categories .row .row-cols .vertical-col: nth-child(2) .box-link .category-img, .categories .row .row-cols .vertical-col:nth-child(2) .box-link {
height: 200px;
}
}
/* Slider Category */ .categories {
position: relative;
}
.categories .col-item-otr {
}
.categories .col-item-otr:focus {
border: none;
outline: none;
}
.categories .swiper-button-next, .categories .swiper-button-prev {
top: 66% !important;
}
.categories .category-sliderboxes .swiper-button-next1 {
left: 80px !important;
}
.categories .category-sliderboxes .swiper-button-prev1 {
right: 80px !important;
}
.categories .col-item-inr {
padding: 40px 10px 13px 10px;
border-radius: var(--border-radius-xs-1);
border: 1px solid #8fd3f5;
text-align: center;
background-color: var(--light);
transition: .3s;
}
.categories .col-item-inr:hover {
box-shadow: 2px 2px 10px rgba(215, 215, 215, 0.7);
background: linear-gradient(0deg, #002f85 0%, #00a7ff 100%);
}
.categories .col-item-inr:hover .categories-icon {
color: var(--light);
}
.categories .col-item-inr:hover .category-img {
mix-blend-mode: plus-lighter;
}
.categories .col-item-inr:hover p {
color: var(--light);
}
.categories .col-item-inr .icon-otr {
width: 80px;
height: 60px;
object-fit: contain;
margin: 0 auto 10px auto;
}
.categories .col-item-inr .icon-otr .category-img {
width: 100%;
height: 100%;
object-fit: contain;
margin-bottom: 6px;
font-size: var(--font-size-icon-lg-1);
color: #26aaec;
font-weight: 300;
opacity: 80%;
transition: .3s;
}
.categories .col-item-inr .categories-icon {
width: 100%;
height: 100%;
object-fit: contain;
margin-bottom: 6px;
font-size: var(--font-size-icon-lg-1);
color: #26aaec;
font-weight: 300;
opacity: 80%;
transition: .3s;
}
.categories .col-item-inr p {
font-size: var(--font-size-sm);
line-height: var(--line-heights-sm);
color: #3f3f3f;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
transition: .3s;
}
.categories-slider .swiper-pagination {
display: none;
}
.categories-slider .swiper-button-next, .categories-slider .swiper-button-prev {
width: 58px;
height: 58px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #ffffff;
border: 1px solid #ffffff;
top: 50%;
transform: translate(-50%, -50%);
color: #01b7f5;
font-size: var(--font-size-icon-sm);
box-shadow: -0.927px -0.375px 12px rgba(215, 215, 215, 0.5);
cursor: pointer;
z-index: 10;
transition: .3s;
}
.categories-slider .swiper-button-next::after, .categories-slider .swiper-button-prev::after {
display: none;
}
.categories-slider .swiper-button-next {
right: inherit !important;
left: 50px !important;
}
.categories-slider .swiper-button-prev {
left: inherit;
right: -8px;
}
.categories .slick-slider .slick-arrow {
width: 58px;
height: 58px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #ffffff;
border: 1px solid #ffffff;
top: 50%;
transform: translate(-50%, -50%);
color: #01b7f5;
font-size: var(--font-size-icon-sm);
box-shadow: -0.927px -0.375px 12px rgba(215, 215, 215, 0.5);
cursor: pointer;
z-index: 10;
transition: .3s;
}
.categories .slick-slider .slick-disabled {
pointer-events: none;
opacity: .5;
}
.categories .slick-slider .slick-disabled:hover {
background-color: var(--theme-bg-color1) !important;
}
.categories .slick-slider .slick-arrow:hover {
background-color: var(--theme-bg-color1);
color: var(--light);
}
.categories .slick-slider .arrow-right {
position: absolute;
right: -80px;
}
.categories .slick-slider .arrow-left {
position: absolute;
left: -36px;
}
.categories .slick-dots {
position: absolute;
bottom: -40px;
margin: 0;
}
.categories .slick-dots li button::before {
display: none;
}
.categories .slick-dots li {
width: 12px;
height: 12px;
border-radius: 100%;
background-color: transparent;
background-color: var(--dark);
}
.categories .slick-dots .slick-active {
background-color: var(--theme-bg-color1);
}
@media (max-width : 992px) {
.categories-slider .swiper-pagination {
display: none;
}
.categories-slider .swiper-button-next, .categories-slider .swiper-button-prev {
display: none;
}
.categories {
padding: 0 0 40px 0;
}
}
/* categories End Here */ /* Category Css Start Here */ .category {
position: relative;
margin: 30px 0;
}
.category .wrapper {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.category .row {
margin-top: 20px;
gap: 14px 0;
}
.category .col-inr {
position: relative;
border: 1px solid rgba(115, 194, 255, 0.56);
background: var(--light);
border-radius: var(--border-radius-xs-2);
transition: .3s;
}
.category .col-inr:hover {
border: 1px solid var(--border-color1);
}
.category .col-inr:hover::after {
opacity: 1;
visibility: visible;
}
.category .col-inr::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% + 6px);
height: calc(100% + 6px);
background: linear-gradient(0deg, #002f85 0%, #00a7ff 100%);
opacity: 0;
visibility: hidden;
border-radius: 10px;
z-index: -1;
transition: .3s;
}
.category .col-inr:hover .theme-btn {
background-color: var(--dark);
color: var(--light);
}
.category .col-inr .img-otr {
display: flex;
background-color: var(--light);
border-radius: 10px;
}
.category .category-img {
width: 100%;
height: 350px;
object-fit: cover;
border-radius: var(--border-radius-xs-2);
display: flex;
}
.category .category-img-logo {
width: 100%;
height: 350px;
object-fit: contain;
padding: 70px 30px 0 30px;
object-position: top;
border-radius: var(--border-radius-xs-2);
border: 1px solid var(--border-color5);
display: flex;
}
.category .category-img-icon {
width: 100%;
height: 350px;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 74px;
font-size: var(--font-size-icon-xxlg);
color: var(--dark);
}
.category .overlay {
position: absolute;
bottom: 30px;
left: 50%;
width: calc(100% - 50px);
transform: translateX(-50%);
margin: 0 auto;
z-index: 10;
}
.category .overlay .action {
display: flex;
}
.category .overlay .theme-btn {
padding: 8px 20px;
width: 100%;
}
@media (min-width : 992px) {
.category .col-otr {
width: 20%;
padding: 0 7px;
}
}
@media (max-width : 575px) {
.category .category-img {
height: 200px !important;
object-fit: contain;
}
}
@media (max-width : 992px) {
.categories .container {
padding: 0 6px;
}
.categories .row .row-cols .vertical-col:nth-child(2) .col-inr {
height: 310px;
}
}
@media (max-width : 575px) {
.categories .col-otr {
padding: 0;
}
.categories .col-inr .category-img {
height: 220px;
}
.categories .row .row-cols .vertical-col:nth-child(2) .col-inr {
height: 220px;
}
.category .category-img {
height: auto;
border-radius: var(--border-radius-xs-2) var(--border-radius-xs-2) 0 0;
}
.category .overlay {
position: inherit;
bottom: inherit;
left: inherit;
width: 100%;
margin: 0 auto;
transform: none;
z-index: 10;
}
.category .overlay .theme-btn {
padding: 6px 8px;
border-radius: 0 0 var(--border-radius-xs-2) var(--border-radius-xs-2);
}
}
/* Category Css End Here */ /* Clients Logo Start Here */ .clients-logos {
overflow: hidden;
padding: 20px 0;
position: relative;
}
.clients-logos .img_bg {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
z-index: 1;
}
.clients-logos .container {
padding: 0 60px;
}
.clients-logos .wrapper {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 20;
}
.clients-logos .wrapper h2 {
color: var(--light);
}
.clients-logos .clients_logo {
margin: 20px 0;
position: relative;
z-index: 20;
}
.clients-logos .clients_logo .slick-slide {
padding: 0 6px;
}
.clients-logos .clients_logo .logo-img-otr {
padding: 20px 30px;
height: 100px;
border-radius: var(--border-radius-xs-2);
background-color: var(--light);
border: 2px solid var(--border-color8);
background-color: var(--light);
position: relative;
transition: .3s;
}
.clients-logos .clients_logo .logo-img-otr:hover {
box-shadow: var(--box-shadow3);
border: 2px solid var(--theme-bg-color1);
}
.clients-logos .clients_logo .logo-img-inr {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 120px;
height: 60px;
object-fit: contain;
transition: .3s;
}
.clients-logos .slick-arrow {
width: 58px;
height: 58px;
border-radius: var(--border-radius-full-rounded);
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
background-color: #ffffff;
border: 1px solid #ffffff;
font-size: var(--font-size-sm);
color: #35b9e9;
box-shadow: -0.927px -0.375px 12px rgba(215, 215, 215, 0.5);
cursor: pointer;
z-index: 99999;
transition: .3s;
}
.slick-disabled {
opacity: .3;
pointer-events: none;
border: 1px solid var(--dark);
}
.clients-logos .arrow-left {
left: -75px;
}
.clients-logos .arrow-right {
right: -75px;
}
.clients-logos .slick-arrow:hover {
background-color: var(--theme-bg-color1);
color: var(--light);
}
.clients-logos .slick-dots {
bottom: -30px;
}
.clients-logos .slick-dots li, .clients-logos .slick-dots li button {
width: 12px;
height: 12px;
border-radius: var(--border-radius-full-rounded);
background-color: var(--light);
transition: .3s;
}
.clients-logos .slick-dots .slick-active button {
background-color: var(--dark);
transform: scale(1.3);
}
@media (max-width : 992px) {
.clients-logos .container {
padding: 0 6px;
}
}
/* Clients Logo End Here */ /* About Section Strat Here */ .aboutSec {
position: relative;
padding: 30px 0;
margin: 60px 0 30px 0;
}
.aboutSec::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--light-with-opacity);
}
.aboutSec .about-bg-img {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
}
.aboutSec .container {
max-width: 1440px;
}
.aboutSec .wrapper {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 10;
}
.aboutSec .row {
position: relative;
z-index: 10;
gap: 50px 0;
}
.aboutSec .col-content-inr span {
display: block;
color: var(--theme-text-color1);
font-size: var(--font-size-md-3);
line-height: var(--line-heights-md-3);
font-family: var(--font-family-medium);
}
.aboutSec .col-content-inr h2 {
color: var(--dark);
margin: 0;
}
.aboutSec .col-content-inr h2::after, .aboutSec .col-content-inr h2::before {
display: none;
}
.aboutSec .col-content-inr p:not(:last-child) {
margin-bottom: 10px;
}
.aboutSec .col-content-inr .action {
display: inline-flex;
margin-top: 24px;
}
.aboutSec .col-img-inr {
position: relative;
display: flex;
justify-content: flex-end;
}
.aboutSec .col-img-inr::after {
content: "";
position: absolute;
left: -10px;
top: -10px;
width: calc(100% - 30%);
height: calc(100% - 30%);
background-color: var(--theme-bg-color1);
border-radius: var(--border-radius-xs-1);
z-index: -1;
}
.aboutSec .col-img-inr .about-img {
max-width: 550px;
width: 100%;
object-fit: contain;
object-position: right;
border-radius: var(--border-radius-xs-1);
}
@media (max-width : 992px) {
.aboutSec {
padding: 30px 0;
}
.aboutSec .col-content-inr .action {
display: flex;
align-items: center;
justify-content: center;
}
.aboutSec .col-content-inr .theme-btn {
width: auto;
}
.aboutSec .col-img-inr {
margin-left: 0;
}
.aboutSec .col-img-inr .about-img {
width: 100%;
height: auto;
}
}
/* About Section End Here */ /* Products Start Here */ .products-main, .feature-product {
position: relative;
margin: 30px 0;
}
.products-main .wrapper, .feature-product .action {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.products-main .row, .feature-product .row {
margin: 30px 6px 30px 6px;
gap: 12px 0;
justify-content: center;
}
.products-main .col-otr, .feature-product .col-otr {
padding: 0 6px;
}
.products-main .col-inr, .feature-product .col-inr {
position: relative;
border: 1px solid #e8e8e8 ;
border-radius: var(--border-radius-xs-2);
overflow: hidden;
height: 100%;
transition: .3s;
}
.products-main .col-inr:hover, .feature-product .col-inr:hover {
border: 1px solid transparent;
box-shadow: var(--box-shadow2);
}
.products-main .col-inr .img-otr, .feature-product .col-inr .img-otr {
position: relative;
}
.products-main .col-inr .product-tag, .feature-product .col-inr .product-tag {
width: 250px;
padding: 2px;
text-align: center;
position: absolute;
right: -90px;
top: 34px;
transform: rotate(45deg);
font-size: var(--font-size-xs-2);
line-height: var(--line-heights-xs-2);
color: var(--light);
background-color: var(--theme-bg-color3);
z-index: 10;
}
.products-main .col-inr .icons-ul, .feature-product .col-inr .icons-ul {
position: absolute;
left: 12px;
top: 12px;
display: flex;
flex-direction: column;
gap: 12px;
z-index: 10;
}
.products-main .col-inr .icons-li, .feature-product .col-inr .icons-li {
width: 40px;
height: 40px;
position: relative;
transition: .3s;
}
.products-main .col-inr .icons-li:first-child, .feature-product .col-inr .icons-li:first-child {
background-color: #16b2e8;
}
.products-main .col-inr .icons-li:nth-child(2), .feature-product .col-inr .icons-li:nth-child(2) {
background-color: #177ccb;
}
.products-main .col-inr .icons-li span, .feature-product .col-inr .icons-li span {
position: absolute;
left: 50%;
top: 53%;
transform: translate(-50%, -50%);
color: var(--light);
cursor: pointer;
transition: .3s;
}
.products-main .col-inr .icons-li:hover, .feature-product .col-inr .icons-li:hover {
opacity: .8;
}
.products-main .col-inr .product-img, .feature-product .col-inr .product-img {
width: 100%;
height: 300px;
object-fit: contain;
object-position: center;
border-radius: var(--border-radius-xs-2);
display: block;
}
.products-main .col-inr .red-heart, .feature-product .col-inr .red-heart {
color: var(--light) !important;
}
.products-main .product-content, .feature-product .product-content {
text-align: center;
padding: 8px 14px 14px 14px;
/* height: calc(100% - 400px);
*/ display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.products-main .product-title, .feature-product .product-title {
display: block;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
color: var(--theme-text-color1);
font-family: var(--font-family-medium);
transition: .3s;
height: 61px;
font-size: 23px;
line-height: 29px;
overflow: hidden;
}
.products-main .product-title:hover, .feature-product .product-title:hover {
color: var(--theme-text-color2);
}
.products-main .star-ul, .feature-product .star-ul {
margin: 4px 0;
}
.products-main .star-ul .rating, .feature-product .star-ul .rating {
color: var(--theme-bg-color2);
}
.products-main .star-ul span, .feature-product .star-ul span {
font-size: var(--font-size-icon-xs);
color: var(--theme-bg-color6);
}
.products-main .product-desc, .feature-product .product-desc {
color: var(--dark);
margin: 4px 0 8px 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 53px;
font-weight: 100;
font-family: var(--font-family-regular);
}
.products-main .product-desc p, .feature-product .product-desc p {
color: var(--dark);
margin: 4px 0 8px 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 56px;
font-weight: 100;
font-family: var(--font-family-regular);
}
.products-main .product-desc *, .feature-product .product-desc * {
font-weight: 100;
font-family: var(--font-family-regular);
}
.products-main .price-main, .feature-product .price-main {
margin: 4px 0;
}
.products-main .price-otr span, .feature-product .price-otr span {
color: var(--dark);
font-size: var(--font-size-md-5);
line-height: var(--line-heights-md-5);
font-family: var(--font-family-medium);
}
.products-main .price-otr .cut-price, .feature-product .price-otr .cut-price {
text-decoration: line-through;
}
.products-main .product-num, .feature-product .product-num {
color: var(--dark);
font-size: var(--font-size-md-5);
line-height: var(--line-heights-md-5);
}
.products-main .action, .feature-product .action {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
.products-main .action .theme-btn, .feature-product .action .theme-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 7px 12px;
width: 47%;
}
.products-main .action .theme-btn span, .feature-product .action .theme-btn span {
font-size: var(--font-size-icon-xs);
color: var(--light);
}
.products-main .action .theme-btn:nth-child(2), .feature-product .action .theme-btn:nth-child(2) {
background-color: var(--theme-bg-color2);
}
.products-main .action .theme-btn:hover, .feature-product .action .theme-btn:hover {
background-color: var(--dark);
}
.products-main .btn-main {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.products-main .slick-arrow {
width: 40px;
height: 40px;
border-radius: var(--border-radius-full-rounded);
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--light);
color: var(--dark);
box-shadow: var(--box-shadow2);
cursor: pointer;
z-index: 99999;
transition: .3s;
}
.products-main .slick-arrow:hover {
background-color: var(--theme-bg-color1);
color: var(--light);
}
.products-main .slick-disabled {
opacity: .3;
pointer-events: none;
border: 1px solid var(--dark);
}
.products-main .arrow-left {
right: 0 !important;
}
.products-main .arrow-right {
left: 0 !important;
}
.products-main strong, .feature-product strong {
font-family: var(--font-family-regular);
font-weight: 100;
}
@media (max-width : 1400px) {
.products-main .action .theme-btn, .feature-product .action .theme-btn {
width: 47%;
padding: 7px 2px;
padding-left: 2px !important;
}
.products-main .action, .feature-product .action {
gap: 8px 0px;
}
}
@media (max-width : 1200px) {
.products-main .action .theme-btn, .feature-product .action .theme-btn {
width: 47%;
padding: 7px 2px;
padding-left: 2px !important;
font-size: var(--font-size-xs-1);
}
.products-main .action .theme-btn span, .feature-product .action .theme-btn span {
font-size: 15px;
}
.products-main .action, .feature-product .action {
gap: 8px 0 !important;
}
}
@media (max-width : 992px) {
.products-main .action .theme-btn, .feature-product .action .theme-btn {
width: 100%;
padding: 4px 2px;
font-size: var(--font-size-xs-1);
padding-left: 2px !important;
}
.products-main .action .theme-btn span, .feature-product .action .theme-btn span {
font-size: 15px;
}
}
@media (max-width : 768px) {
.products-main .action .theme-btn, .feature-product .action .theme-btn {
margin: 0 !important;
}
.products-main .col-otr, .feature-product .col-otr {
width: 50% !important;
padding: 0 2px !important;
}
.products-main .row, .feature-product .row {
margin: 30px 0 !important;
}
}
@media (max-width : 576px) {
.products-main .col-otr, .feature-product .col-otr {
width: 50% !important;
padding: 0 2px !important;
}
.products-main .row, .feature-product .row {
margin: 30px 0 !important;
}
.products-main .col-inr .product-img, .feature-product .col-inr .product-img {
height: 200px !important;
}
.products-main .product-title, .feature-product .product-title {
font-size: var(--font-size-md-3) !important;
line-height: var(--line-heights-md-3) !important;
}
.products-main .price-otr span, .feature-product .price-otr span {
font-size: var(font-size-sm) !important;
}
.products-main .product-num, .feature-product .product-num {
font-size: var(font-size-sm) !important;
}
.products-main .price-main, .feature-product .price-main {
margin: 0 !important;
}
.products-main .product-desc p, .feature-product .product-desc p {
margin: 0 !important;
}
.products-main .col-inr .icons-li, .feature-product .col-inr .icons-li {
width: 32px !important;
height: 32px !important;
}
}
/* Products End Here */ /* Cta Start Here */ .cta-main {
background-color: transparent;
position: relative;
padding: 20px 0 30px 0;
overflow: hidden;
}
.cta-main .bg-img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
z-index: 1;
}
.cta-main .wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
max-width: 800px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 100;
}
.cta-main .wrapper h2, .cta-main .wrapper p {
color: var(--light);
}
@media (max-width : 992px) {
.cta-main .wrapper {
position: absolute;
bottom: 40px;
}
}
/* Cta End Here */ /* Services Section Start Here */ .servicesSec {
position: relative;
padding: 30px 0 40px 0;
}
.servicesSec .img_bg {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.servicesSec .wrapper {
position: relative;
z-index: 2;
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.servicesSec .row_custom {
margin: 20px 6px 0 6px;
position: relative;
gap: 24px 0;
z-index: 2;
}
.servicesSec .row_custom .col_card_otr {
padding: 0 6px;
}
.servicesSec .row_custom .box-link {
height: 85%;
position: relative;
padding: 64px 10px 10px 10px;
margin-top: 45px;
background-color: var(--light);
border-radius: var(--border-radius-xs-2);
border: 2px solid #e6e6e6;
text-align: center;
cursor: pointer;
letter-spacing: -1px;
transition: .3s;
}
.servicesSec .row_custom .box-link:hover {
border: 2px solid var(--border-color2);
}
.servicesSec .row_custom .box-link:hover .icon_otr {
background-color: var(--theme-bg-color2);
}
.servicesSec .row_custom .box-link:hover h3 {
color: var(--theme-text-color2);
}
.servicesSec .row_custom .box-link .icon_otr {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
top: -50px;
left: 50%;
transform: translateX(-50%);
border-radius: var(--border-radius-full-rounded);
background-color: var(--theme-bg-color3);
box-shadow: var(--box-shadow1);
transition: .3s;
}
.servicesSec .row_custom .box-link .icon {
font-size: var(--font-size-icon-lg-1);
color: var(--light);
}
.servicesSec .row_custom .box-link h3 {
color: #180e55;
font-size: var(--font-size-md-4);
line-height: var(--line-heights-md-4);
font-family: var(--font-family-regular);
margin-bottom: 2px;
transition: .3s;
}
.servicesSec .row_custom .box-link p {
transition: .3s;
}
.servicesSec .action_otr {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.servicesSec .action_otr .view_btn {
width: auto;
}
@media (min-width : 992px) and (max-width : 1400px) {
.servicesSec .row_custom .col_card_otr {
width: 33.3333%;
}
}
/* Services Section End Here */ /* Review Start Here */ .reviewSec {
padding: 30px 0;
margin: 30px 0;
position: relative;
}
.reviewSec .wrapper {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 10;
}
.reviewSec .wrapper h2::before {
background-color: transparent;
}
.reviewSec .review-slider {
margin-top: 18px;
position: relative;
z-index: 100;
padding: 0 60px;
}
.reviewSec .row {
margin-top: 20px;
position: relative;
z-index: 100;
gap: 10px 0;
}
.reviewSec .col-otr {
padding: 12px;
}
.reviewSec .col-inr {
padding: 20px;
border: 1px solid var(--border-color8);
border-radius: var(--border-radius-xs-1) var(--border-radius-xs-1) var(--border-radius-xxlg) var(--border-radius-xs-1);
background-color: var(--light);
transition: .3s;
}
.reviewSec .col-inr:hover {
border: 1px solid transparent;
box-shadow: var(--box-shadow2);
}
.reviewSec .col-inr p {
color: var(--dark);
margin: 4px 0 10px 0;
}
.reviewSec .col-inr .star-ul {
display: flex;
align-items: center;
gap: 6px;
}
.reviewSec .col-inr .star-icon {
color: var(--theme-text-color2);
}
.reviewSec .col-inr .user-profile {
display: inline-flex;
align-items: center;
gap: 20px;
}
.reviewSec .col-inr .user-profile:hover .img-inr {
border: 4px solid var(--border-color2);
}
.reviewSec .col-inr .user-profile:hover .name {
color: var(--theme-text-color1);
}
.reviewSec .col-inr .img-inr {
width: 70px;
height: 70px;
flex: 1;
}
.reviewSec .col-inr .img-inr {
width: 70px;
height: 70px;
border: 4px solid var(--border-color3);
border-radius: var(--border-radius-full-rounded);
transition: .3s;
}
.reviewSec .col-inr .user-info .name {
display: block;
font-variant: var(--font-size-md-4);
line-height: var(--line-heights-md-4);
font-family: var(--font-family-medium);
transition: .3s;
}
.reviewSec .col-inr .user-info .profession {
margin-top: 4px;
}
.reviewSec .slick-arrow {
width: 40px;
height: 40px;
border-radius: var(--border-radius-full-rounded);
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--light);
color: var(--dark);
box-shadow: var(--box-shadow2);
cursor: pointer;
z-index: 99999;
transition: .3s;
}
.slick-disabled {
opacity: .3;
pointer-events: none;
border: 1px solid var(--dark);
}
.reviewSec .arrow-left {
left: 0px;
}
.reviewSec .arrow-right {
right: 0px;
}
.reviewSec .slick-arrow:hover {
background-color: var(--theme-bg-color1);
color: var(--light);
}
.reviewSec .slick-dots {
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
margin: 0;
}
.reviewSec .slick-dots li button::before {
display: none;
}
.reviewSec .slick-dots li {
width: 12px;
height: 12px;
border-radius: 100%;
background-color: transparent;
background-color: var(--dark);
}
.reviewSec .slick-dots .slick-active {
background-color: var(--theme-bg-color1);
}
.reviewSec .btn-main {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 10;
}
.reviewSec .btn-main .action {
margin-top: 10px;
display: flex;
}
@media (max-width : 992px) {
.reviewSec .review-slider {
padding: 0;
}
}
/* Review End Here */ /* Banners Section Start Here */ .banners-sec {
position: relative;
margin: 30px 0;
}
.banners-sec .wrapper {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.banners-sec .row {
margin-top: 20px;
gap: 24px 0;
}
.banners-sec .col-inr {
position: relative;
}
.banners-sec .banner-img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: var(--border-radius-xs-3);
aspect-ratio: 16/9;
}
.banners-sec .overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 700px;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px;
z-index: 10;
}
#htmlContent .banners-sec .overlay {
width: 50%;
top: initial;
left: 0;
bottom: 0;
transform: translate(0);
}
.banners-sec .overlay h2 {
color: var(--light);
font-size: 40px;
}
.banners-sec .overlay p {
color: var(--light);
margin: 10px 0 16px 0;
font-size: var(--font-size-md-4);
max-width: 400px;
line-height: var(--line-heights-md-4);
width: 100%;
}
.banners-sec .overlay .theme-btn {
background-color: var(--dark);
color: var(--light);
}
.banners-sec .overlay .theme-btn:hover {
background-color: var(--theme-bg-color1);
}
@media (max-width : 576px) {
.banners-sec .overlay h2 {
font-size: var(--font-size-md-3);
line-height: var(--line-heights-md-3);
}
.banners-sec .overlay p {
margin: 6px 0 10px 0;
font-size: var(--font-size-xs-1);
line-height: var(--line-heights-xs-2);
}
.banners-sec .overlay .theme-btn {
padding: 6px 18px;
}
}
/* Banners Section End Here */ /* BlogSec Start Here */ .blogSec {
margin: 30px 0;
}
.blogSec .wrapper {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.blogSec .row {
gap: 12px 0;
margin-top: 30px;
}
.blogSec .col-inr {
padding: 10px;
border-radius: var(--border-radius-xs-3);
border: 1px solid var(--border-color8);
transition: .3s;
}
.blogSec .col-inr:hover {
border: 1px solid transparent;
box-shadow: var(--box-shadow2);
}
.blogSec .col-inr .img-inr {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
border-radius: var(--border-radius-xs-3);
}
.blogSec .col-inr .content-div {
margin-top: 12px;
}
.blogSec .col-inr .title {
color: var(--theme-text-color1);
font-size: var(--font-size-md-2);
line-height: var(--line-heights-md-2);
font-family: var(--font-family-medium);
transition: .3s;
}
.blogSec .col-inr .date {
font-size: var(--font-size-xs-2);
line-height: var(--line-heights-xs-2);
font-family: var(--font-family-regular);
color: var(--dark);
}
.blogSec .col-inr p {
color: var(--dark);
margin: 6px 0 12px 0;
}
.blogSec .col-inr .action {
text-align: center;
}
.blogSec .col-inr .theme-btn {
display: inline;
padding: 0;
background-color: transparent;
color: var(--theme-text-color1);
text-decoration: underline;
}
.blogSec .col-inr .theme-btn:hover {
color: var(--theme-text-color2);
}
.blogSec .btn-main {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 10;
}
.blogSec .btn-main .action {
margin-top: 30px;
display: flex;
}
/* BlogSec End Here */ /* Gallery Start Here */ .gallery-main {
margin: 30px 0;
}
.gallery-main .wrapper {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.gallery-main .row {
display: flex;
text-align: center;
margin-top: 30px;
gap: 24px 0;
}
.gallery-main .row p {
text-align: right;
}
.gallery-main .row .d-block, .gallery-main .row .d-block h2, .gallery-main .row .d-block p {
text-align: right;
}
.gallery-main .col-inr {
position: relative;
}
.gallery-main .popup-image-gallery img {
cursor: pointer;
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 8px;
transition: .3s;
}
.gallery-main .popup-image-gallery img:hover {
box-shadow: var(--box-shadow1);
}
.gallery-main .show-popup {
z-index: 999;
display: none;
}
.gallery-main .show-popup .overlay-img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.gallery-main .show-popup .img-show {
width: 100%;
height: 100%;
background-color: var(--dark-with-opacity);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
z-index: 9999;
transition: .3s;
}
.gallery-main .img-show img {
width: 70%;
height: 90%;
position: absolute;
top: 50%;
left: 50%;
object-fit: contain;
background-color: var(--dark-with-opacity);
transform: translate(-50%, -50%);
}
.gallery-main .show-popup .close-icon {
position: absolute;
top: 10px;
right: 10px;
width: 36px;
height: 36px;
border-radius: var(--border-radius-full-rounded);
background-color: transparent;
border: 2px solid var(--border-color8);
display: flex;
align-items: center;
justify-content: center;
color: var(--light);
transition: .3s;
}
.gallery-main .show-popup .close-icon:hover {
color: var(--dark);
background-color: var(--light);
}
.gallery-main button#prev span {
position: fixed;
z-index: 9999;
top: 50%;
left: 20px;
background: no-repeat;
color: var(--light);
border: 1px solid;
padding: 10px;
transition: .3s;
}
.gallery-main button#next span {
position: fixed;
z-index: 9999;
top: 50%;
right: 20px;
background: no-repeat;
color: var(--light);
border: 1px solid;
padding: 10px;
transition: .3s;
}
.gallery-main button#prev:hover span, .gallery-main button#next:hover span {
background-color: var(--light);
color: var(--dark);
border: 1px solid var(--border-color8);
}
@media (max-width : 1200px) {
.gallery-main .popup-image-gallery img {
height: 250px;
}
}
@media (max-width : 450px) {
.gallery-main .popup-image-gallery img {
height: 200px;
}
}
/* Gallery End Here */ /* blogSec Section Start Here */ .blogSec {
position: relative;
margin: 30px 0;
}
.blogSec .wrapper {
max-width: 700px;
width: 100%;
margin: 0 auto 30px auto;
text-align: center;
}
.blogSec .row_custom {
gap: 24px 0;
}
.blogSec .row_custom .col_card_inr {
position: relative;
background-color: var(--light);
border: 3px solid var(--border-color5);
border-radius: var(--border-radius-xs-2);
padding: 0;
height: 100%;
transition: .3s;
}
.blogSec .row_custom .col_card_inr:hover {
border: 3px solid var(--border-color2);
}
.blogSec .row_custom .col_card_inr:hover .box-link::after {
opacity: 1;
visibility: visible;
}
.blogSec .row_custom .col_card_inr:hover .label_otr {
background-color: var(--theme-bg-color2);
}
.blogSec .row_custom .col_card_inr:hover .content .action_otr a {
color: var(--theme-text-color2);
}
.blogSec .row_custom .col_card_inr .box-link {
position: relative;
transition: .3s;
}
.blogSec .row_custom .col_card_inr .box-link::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 30px;
background-image: url("/uploads/images/pages/shape-hover.webp");
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
visibility: hidden;
transition: .3s;
z-index: 10;
}
.blogSec .row_custom .col_card_inr .box-link .img-inr {
border-radius: var(--border-radius-xs-2) var(--border-radius-xs-2) 0 0;
}
.blogSec .row_custom .col_card_inr .card_img {
width: 100%;
object-fit: contain;
}
.blogSec .row_custom .col_card_inr .label_otr {
position: absolute;
right: 0;
bottom: 0;
background-color: var(--theme-bg-color1);
padding: 5px 16px;
transition: .3s;
}
.blogSec .row_custom .col_card_inr .label_otr p {
font-size: var(--font-size-xs-3);
line-height: var(--line-heights-xs-3);
color: var(--light);
}
.blogSec .row_custom .col_card_inr .label_otr p span {
line-height: var(--line-heights-xs-3);
font-size: var(--font-size-sm);
color: var(--light);
}
.blogSec .row_custom .col_card_inr .content {
padding: 14px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.blogSec .row_custom .col_card_inr .content .heading {
font-size: var(--font-size-icon-md-2);
line-height: var(--line-heights-md-4);
font-family: var(--font-family-medium);
color: var(--dark);
transition: .3s;
}
.blogSec .row_custom .col_card_inr .content .heading:hover {
color: var(--theme-bg-color2);
}
.blogSec .row_custom .col_card_inr .content .summary {
margin: 6px 0;
}
.blogSec .row_custom .col_card_inr .content .action_otr {
display: flex;
align-items: center;
justify-content: center;
}
.blogSec .row_custom .col_card_inr .content .action_otr a {
text-align: center;
font-size: var(--font-size-icon-md-3);
line-height: var(--line-heights-md-3);
color: var(--theme-bg-color1);
text-decoration: underline;
transition: .3s;
}
.blogSec .row_custom .col_card_inr .content .action_otr a:hover {
color: var(--theme-bg-color2);
}
.blogSec .btn_otr {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
z-index: 10;
}
.blogSec .btn_otr .more_btn {
width: auto;
background-color: var(--theme-bg-color1);
}
.blogSec .btn_otr .more_btn:hover {
color: var(--theme-bg-color2);
background-color: var(--light);
}
/* blogSec Section End Here */ /* Blog Details Css Start Here */ .blog-details {
margin: 30px 0;
}
.blog-details .container {
max-width: 1000px;
}
.blog-details .wrapper {
max-width: 700px;
width: 100%;
text-align: center;
margin: 0 auto;
}
.blog-details .row {
gap: 20px 0;
margin-top: 20px;
}
.blog-details .col-inr {
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
}
.blog-details .col-inr .img-otr {
position: relative;
margin: 10px 0 20px 0;
}
.blog-details .col-inr .img-inr {
width: 100%;
height: 376px;
object-fit: cover;
border: 4px solid var(--border-color3);
border-radius: var(--border-radius-xs-1);
}
.blog-details .col-inr .label_otr {
position: absolute;
right: 0;
bottom: 0;
background-color: var(--theme-bg-color1);
padding: 5px 16px;
transition: .3s;
}
.blog-details .col-inr .label_otr p {
font-size: var(--font-size-xs-3);
line-height: var(--line-heights-xs-3);
color: var(--light);
}
.blog-details .col-inr .label_otr p span {
line-height: var(--line-heights-xs-3);
font-size: var(--font-size-sm);
color: var(--light);
}
.blog-details .col-inr .content {
position: relative;
}
.blog-details .col-inr .content p {
margin: 0;
}
.blog-details .col-inr .content p:not(:last-child) {
margin-bottom: 14px;
}
.blog-details .col-inr .content p .link {
display: inline;
color: var(--theme-text-color1);
font-family: var(--font-family-medium);
transition: .3s;
}
.blog-details .col-inr .content p .link:hover {
color: var(--theme-text-color2);
}
.blog-details .col-inr .content ul li {
list-style: disc;
list-style-position: inside;
}
/* Blog Details Css End Here */ /* Contact Section Start Here */ .contactInfoSec {
position: relative;
margin: 0 0 30px 0 !important;
}
.contactInfoSec .container {
max-width: 1320px;
}
.contactInfoSec .row {
margin: 0;
}
.contactInfoSec .row-info .box-link {
margin-top: 50px;
}
.contactInfoSec .row-info .box-link .link-box {
position: relative;
border-radius: var(--border-radius-xs-1);
border: 1px solid var(--border-color3);
border-bottom: 8px solid var(--border-color3);
display: block;
padding: 70px 0 30px 0;
background-color: var(--light);
text-align: center;
transition: .3s;
}
.contactInfoSec .row-info .box-link:hover .link-box {
border: 1px solid var(--border-color2);
border-bottom: 8px solid var(--border-color2);
box-shadow: none;
}
.contactInfoSec .row-info .box-link:hover .icon-otr {
border: none;
background-color: var(--theme-bg-color2);
}
.contactInfoSec .row-info .box-link:hover .icon-inr {
color: var(--light);
}
.contactInfoSec .row-info .box-link:hover .link-box h3 {
color: var(--theme-text-color2);
}
.contactInfoSec .row-info .icon-otr {
width: 80px;
height: 80px;
border: none;
outline: none;
box-shadow: none;
position: absolute;
background-color: var(--theme-bg-color3);
}
.contactInfoSec .row-info .icon-inr {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 36px;
color: var(--light);
}
.contactInfoSec .row-info .box-link .link-box h3 {
font-size: var(--font-size-md-4);
line-height: var(--line-heights-md-5);
color: var(--dark);
transition: .3s;
}
@media (max-width : 992px) {
.contactInfoSec .row-info {
gap: 24px 0;
}
}
@media (max-width : 575px) {
.contactInfoSec .row-info {
gap: 16px 0;
}
}
/* Contact Section End Here */ /* Contact Section Start Here */ .contactSec {
position: relative;
margin: 30px 0;
}
.contactSec .container {
max-width: 1320px;
}
.contactSec .wrapper {
max-width: 700px;
width: 100%;
text-align: center;
margin: 0 auto;
}
.contactSec .row {
gap: 30px 0;
margin-top: 20px;
}
.contactSec .col-otr {
display: flex;
flex-direction: column;
gap: 24px 0;
}
.contactSec .input-otr {
position: relative;
}
.contactSec .input-otr label {
display: none;
}
.contactSec .theme-input {
width: 100%;
resize: none;
}
.contactSec .textarea {
height: 190px;
}
.contactSec .action {
display: flex;
align-items: center;
justify-content: center;
}
.contactSec .action .theme-btn {
max-width: 300px;
width: 100%;
}
.contact-main .row .input-otr {
flex: none;
}
.contact-main .row .input-otr .theme-input {
width: 100%;
}
.contact-main .wrapper h2, .contact-main .wrapper p, .gallery-block-new .wrapper h2, .gallery-block-new .wrapper p {
text-align: center !important;
}
.gallery-block-new .img-show .icon-otr {
width: 40px;
height: 40px;
background-color: var(--light);
color: var(--dark);
border-radius: var(--border-radius-full-rounded);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
z-index: 999999;
}
.popup-image-gallery img {
object-fit: contain;
}
/* Whatsapp Floationg Button Styles */ .whatsapp-circle {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 99999999;
background-color: #25d366;
border-radius: var(--border-radius-xs-2);
text-decoration: none;
width: 40px;
height: 40px;
display: flex;
align-items: center;
box-shadow: 0px 0px 25px -6px rgb(0 0 0);
animation: effect 5s infinite ease-in;
}
.whatsapp-circle .whatsapp-circle-icon {
font-size: var(--font-size-icon-md-2);
color: var(--light);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* Whatsapp Floationg Button Styles */ /* Acc Button Styles Start Here */ .accessbility {
transition: .3s;
top: 130px !important;
}
.accessbility-active {
top: 54px !important;
}
.accessbility, .accessbility-main .accessbility-wrapper {
left: 0 !important;
}
.accessbility-btn-otr .accessbility-btn .button-text {
display: none;
}
.accessbility-btn-otr .accessbility-btn {
padding: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.accessbility-btn-otr .accessbility-btn .fa-wheelchair {
font-size: 20px;
}
/* Acc Button Styles End Here */ /* Contact Section End Here */ /* Inner Header Start Here */ .opening-section1 .container, .opening-section2 .container, .opening-section3 .container {
max-width: 1440px;
}
.opening-section1 .wrapper {
height: 230px;
}
.opening-img {
height: 230px;
}
.opening-section3 {
border: none;
}
.opening-section3 .wrapper {
position: relative;
}
.opening-section3 .content-block img {
width: 96%;
}
.opening-section3 .wrapper::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--theme-bg-color2);
opacity: 93%;
display: none;
}
.breadcrumb-main {
background-color: #fff !important;
}
.breadcrumb {
padding: 2px 0;
font-size: 18px;
background-color: #F6F6F6;
}
.breadcrumb-main .home {
display: flex;
align-items: center;
text-transform: capitalize;
}
.breadcrumb .breadcrumb-item.active, .breadcrumb-main .breadcrumb-item.active {
color: var(--dark);
}
.breadcrumb-main .breadcrumb li, .breadcrumb li {
display: flex;
}
.breadcrumb-main .breadcrumb li a, .breadcrumb li a, .breadcrumb li a span {
color: var(--dark);
}
.breadcrumb .active span, .breadcrumb-otr .breadcrumb .active span, .breadcrumb-main .breadcrumb .active, .breadcrumb-main .breadcrumb .active span, .breadcrumb .active, .breadcrumb .active span .breadcrumb .home span a {
color: var(--theme-bg-color5);
}
.breadcrumb .active, .breadcrumb .active a, .breadcrumb .home a {
color: var(--theme-text-color6) !important;
cursor: auto !important;
}
.breadcrumb-main .breadcrumb li::before, .breadcrumb li::before {
padding: 0 4px 0 8px;
color: var(--theme-text-color5);
}
.breadcrumb .breadcrumb-item {
color: var(--theme-text-color1);
}
.breadcrumb>li+li:before {
padding: 0px 4px 0px 8px;
color: var(--theme-text-color5);
content: "/\00a0";
}
.opening-section1 .text-main {
background-color: var(--theme-bg-color1);
}
.opening-section1 .text-main .theme-btn {
width: auto;
background-color: var(--theme-bg-color2);
border: 1px solid var(--border-color2);
}
.opening-section1 .text-main .theme-btn:hover {
border: 1px solid var(--light);
}
.opening-section1 .text-main .theme-btn img {
display: none;
}
.opening-section1 .container {
position: relative;
}
.opening-section1 h1 {
position: absolute !important;
top: -150px !important;
transform: none !important;
right: 24px;
padding: 0 !important;
color: var(--light);
max-width: 800px;
width: 100%;
margin: 0 auto;
text-align: right;
}
/* Inner Header End Here */ /* Images Sizes Css Start Here */ .Images-Sizes {
position: relative;
margin: 30px 0;
}
.Images-Sizes .wrapper {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.Images-Sizes .row {
margin-top: 30px;
}
.Images-Sizes .sizes-ul {
position: relative;
}
.Images-Sizes .sizes-li, .Images-Sizes li {
list-style: disc;
list-style-position: inside;
font-size: 20px;
line-height: 30px;
color: #000;
font-family: "Heebo-Regular";
}
.Images-Sizes .sizes-li a, .Images-Sizes .sizes-li .images-link {
font-size: 20px;
line-height: 30px;
color: #000;
font-family: "Heebo-Regular";
}
/* Images Sizes Css End Here */ /* Order Process Sec Css Start Here */ .order-process {
position: relative;
margin: 30px 0 !important;
}
.order-process br {
display: none !important;
}
.order-process hr {
display: none;
}
@media (min-width : 922px) {
.order-process .row-wrapper .row .col-otr {
width: 33.333333%;
}
}
.order-process .row {
gap: 24px 0;
}
.order-process .col-inr {
border-radius: var(--border-radius-md);
padding: 27px 14px 14px 14px;
border: 2px solid #cccccc;
height: 100%;
}
.order-process .col-otr .payment-otr {
padding: 14px 0 0 0 !important;
}
.order-process .input:focus {
border: 1px solid #7c79fe !important;
}
.order-process .col-otr:nth-child(1) .col-inr {
background: linear-gradient(0deg, #9faec6 0%, rgba(159, 174, 198, 0) 100%);
display: flex;
flex-direction: column;
gap: 20px;
}
.order-process .col-otr:nth-child(1) .col-inr h3 {
margin-bottom: 0 !important;
}
.order-process .col-otr:nth-child(2) .col-inr {
background: linear-gradient(0deg, #0066c6 0%, rgba(0, 102, 198, 0) 100%);
border: 2px solid #2daae1;
}
.order-process .col-otr:nth-child(3) .col-inr {
background: linear-gradient(0deg, #9fc518 0%, rgba(159, 197, 24, 0) 100%);
border: 2px solid #3aaa35;
}
.order-process .title {
font-size: var(--font-size-md-3);
line-height: var(--line-heights-md-3);
}
.order-process .title-link {
font-size: var(--font-size-md-5);
line-height: var(--line-heights-md-5);
color: var(--theme-color);
font-family: var(--font-family-medium);
}
.order-process .col-inr .otr-div p:last-child {
text-align: center;
margin-top: 10px;
}
.order-process .col-inr .otr-div .promo-code-otr p {
margin-top: -2px;
}
.order-process .collapsible2 .code-otr {
gap: 8px;
}
.order-process .fa-trash::after {
content: "מחק";
position: absolute;
right: 20px;
bottom: -70px;
font-size: var(--font-size-xs-2);
line-height: var(--line-heights-xs-2);
font-family: var(--font-family-regular);
font-weight: 100;
color: var(--dark);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
}
.order-process .fa-trash::before {
display: none;
}
.order-process .col-otr .procduct-box .box-inr .img-otr {
width: 80px !important;
border: 1px solid #76d8e1;
}
.order-process .col-otr .procduct-box .box-inr .img-otr .img-inr {
width: 80px !important;
height: 80px !important;
}
.order-process .col-inr div[name="shippingDetailsForm"] {
display: flex;
flex-direction: column;
gap: 18px;
margin: 10px 0 -5px 0;
}
.order-process .col-inr .shippingDetailsForm {
display: flex;
flex-direction: column;
gap: 12px;
}
.order-process .row div:first-child .col-inr .d-flex:nth-child(2), .order-process .row div:first-child .col-inr .d-flex:nth-child(3) {
flex-direction: column;
padding: 0 !important;
margin: 0 !important;
gap: 18px;
}
.order-process .row div:first-child .col-inr .d-flex:nth-child(4) {
gap: 8px;
}
.order-process .row div:first-child .col-inr .d-flex .input-otr {
margin: 0 !important;
}
.order-process .col-inr .shipping-details-form .input-otr {
width: 100%;
flex: 1;
}
.order-process .input-otr:not(:last-child) {
margin-bottom: 0 !important;
}
.order-process .col-inr .shipping-details-form .theme-input, .order-process .col-inr .input {
width: 100%;
padding: 8px 20px;
font-size: var(--font-size-xs-1);
line-height: var(--line-heights-xs-1);
color: var(--dark);
border: 1px solid #b9dffd;
background-color: var(--light);
height: 47px;
}
.order-process .col-inr .shipping-details-form .theme-input::placeholder {
color: var(--dark);
}
.order-process .collapsible2 .code-otr {
flex-direction: initial !important;
}
.order-process .collapsible2 .code-otr .promo-code-otr {
margin: 0 !important;
}
.collapsible2 .code-otr .icon-plus {
background-color: var(--theme-bg-color1) !important;
}
.order-process .checked-otr {
padding-right: 30px;
font-size: 18px;
line-height: 30px;
color: var(--dark);
font-family: var(--font-family-regular);
}
.order-process .checked-otr span {
font-size: 18px;
line-height: 30px;
color: var(--dark);
}
.order-process .circle-check {
top: 4px;
border-radius: var(--border-radius-full-rounded);
border: 1px solid var(--border-color1) !important;
background-color: var(--light) !important;
width: 20px;
height: 20px;
box-shadow: none;
}
.order-process .checked-otr input:checked ~ .circle-check {
background-color: var(--light) !important;
}
.order-process .checked-otr .circle-check:after {
width: 10px;
height: 10px;
background-color: var(--theme-bg-color3) !important;
}
.order-process .checkboxes {
display: flex;
gap: 12px;
position: relative;
left: -5px;
}
.order-process .checkboxes .form-check-input {
border-radius: var(--border-radius-xs-3);
border: 1px solid var(--border-color1);
background-color: transparent;
width: 20px;
height: 20px;
box-shadow: none;
}
.order-process .checkboxes .form-check-input:checked {
background-image: url("../images/check-img.png");
background-size: 16px 11px;
background-repeat: no-repeat;
}
.order-process .checkboxes .form-check-label {
font-size: var(--font-size-sm);
line-height: var(--line-heights-xs-1);
font-family: var(--font-family-regular);
color: var(--dark);
position: relative;
top: 1px;
}
.order-process .radioboxes {
display: flex;
gap: 12px;
}
.order-process .radioboxes .form-check-input {
border-radius: var(--border-radius-full-rounded);
border: 1px solid var(--border-color1);
background-color: var(--light);
width: 20px;
height: 20px;
box-shadow: none;
}
.order-process .radioboxes .form-check-input:checked {
background-image: url("../images/check-radio-img.png");
background-size: contain;
background-repeat: no-repeat;
}
.order-process .radioboxes .form-check-label {
font-size: var(--font-size-sm);
line-height: var(--line-heights-xs-1);
font-family: var(--font-family-regular);
color: var(--dark);
flex: 1;
position: relative;
top: 1px;
}
.order-process .banner-overlay {
position: relative;
width: 100%;
height: 280px;
border-radius: var(--border-radius-xs-1);
overflow: hidden;
}
.order-process .banner-overlay .overlay-banner-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: var(--border-radius-xs-1);
}
.order-process .banner-overlay .overlay-inr {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(-90deg, #9faec6 0%, rgba(159, 174, 198, 0) 100%);
padding: 50px 20px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px 0;
text-align: center;
z-index: 1;
}
.order-process .overlay-inr h3 {
color: var(--light);
}
.order-process .overlay-inr .theme-btn {
background-color: var(--light);
color: var(--dark);
}
.order-process .overlay-inr .theme-btn:hover {
background-color: var(--dark);
color: var(--light);
}
.order-process .order-by {
padding: 20px 0 60px 40px;
}
.order-process .order-by .radioboxes:not(:last-child) {
margin-bottom: 20px;
}
.order-process .payment-gatways .title {
margin-bottom: 20px;
}
.order-process .payment-gatways .radioboxes:not(:last-child) {
margin-bottom: 20px;
}
.order-process .procduct-box {
border: 1px solid var(--border-color3);
border-radius: var(--border-radius-xs-2);
padding: 10px;
height: 250px;
overflow-x: hidden;
overflow-y: scroll;
display: flex;
flex-direction: column;
gap: 40px;
margin: 20px 0;
}
.order-process .procduct-box::-webkit-scrollbar {
width: 5px;
background-color: var(--theme-bg-color7);
}
.order-process .procduct-box::-webkit-scrollbar-thumb {
background-color: var(--theme-bg-color3);
}
.order-process .procduct-box .box-inr {
position: relative;
display: flex;
align-items: center;
}
.order-process .procduct-box .text-remove {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -30px;
font-size: var(--font-size-xs-2);
line-height: var(--line-heights-xs-2);
color: var(--dark);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
}
.order-process .procduct-box .box-inr .img-main {
position: relative;
}
.order-process .procduct-box .box-inr .img-otr {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--light);
}
.order-process .procduct-box .box-inr .img-otr .img-inr {
height: 74px;
object-fit: contain;
width: 100%;
}
.order-process .procduct-box .content {
margin-right: 10px;
}
.order-process .procduct-box .content .product-head {
font-size: var(--font-size-xs-1);
line-height: var(--line-heights-xs-2);
color: var(--dark);
display: -webkit-box;
max-width: 200px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
transition: .3s;
}
.order-process .procduct-box .price-otr .price {
font-size: var(--font-size-xs-1);
line-height: var(--line-heights-xs-2);
color: var(--dark);
margin-bottom: 10px;
text-align: left;
}
.order-process .procduct-box .price-otr .qwety {
display: inline-flex;
align-items: center;
border: 1px solid var(--border-color3);
margin: unset;
background-color: var(--light);
}
.order-process .procduct-box .price-otr .qwety .icon-otr-minus {
cursor: pointer;
}
.order-process .procduct-box .price-otr .qwety .box {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.order-process .procduct-box .price-otr .qwety .box span {
font-size: var(--font-size-xxs);
color: var(--dark);
}
.order-process .procduct-box .price-otr .qwety .input-num {
border-left: 1px solid var(--border-color3);
border-right: 1px solid var(--border-color3);
border-top: none;
border-bottom: none;
}
.order-process .procduct-box .price-otr .qwety .box {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.order-process .prices-main-otr {
padding: 4px;
}
.order-process .prices-main-otr .total-otr {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 4px 0;
}
.order-process .prices-main-otr .total-otr:last-child {
border-top: 1px solid var(--border-color3);
}
.order-process .promo-otr div:nth-child(4) {
border-bottom: none !important;
border-top: 1px solid var(--border-color3);
}
.order-process .promo-code {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
margin: 10px 0;
}
.order-process .promo-code .theme-input {
flex: 1;
background: var(--light);
}
.order-process .promo-code .textarea {
height: 100px;
}
.order-process .arrow-cicrle {
display: flex;
align-items: center;
gap: 12px;
margin: 30px 0;
cursor: pointer;
}
.order-process .arrow-cicrle .icon-inr {
font-size: var(--font-size-icon-md-2);
background: linear-gradient(130.56deg, rgba(0, 48, 133, 0.8) 31.47%, #0A8FFF 87.86%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
transition: .3s;
width: 40px;
height: 40px;
border-radius: var(--border-radius-full-rounded);
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--border-color3);
transition: .3s;
}
.order-process .arrow-cicrle:hover .icon-inr {
background: var(--theme-bg-color1);
border: 1px solid var(--border-color1);
-webkit-text-fill-color: var(--light);
}
@media (max-width : 992px) {
.order-process {
margin-top: 80px;
}
.order-process .procduct-box .box-inr .img-otr {
width: 60px;
height: 60px;
}
.order-process .procduct-box .box-inr .img-inr {
width: auto;
height: auto;
}
.order-process .procduct-box .box-inr, .order-process .procduct-box .price-otr {
padding: 0;
}
}
/* Order Process Sec Css End Here */ /* Product Details Css Start Here */ .Product-details-Sec {
margin: 30px 0;
}
.Product-details-Sec .col-product-img-inr .img-otr {
width: 100%;
height: 400px;
padding: 20px;
border: 1px solid var(--border-color3);
box-shadow: var(--box-shadow2);
}
.Product-details-Sec .col-product-img-inr .img-inr {
width: 100%;
height: 100%;
object-fit: contain;
}
.Product-details-Sec .share-icons-ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 20px 0;
gap: 20px;
}
.Product-details-Sec .share-icons-link {
width: 50px;
height: 50px;
border-radius: 100%;
border: 1px solid var(--border-color3);
background-color: var(--light);
position: relative;
transition: .3s;
}
.Product-details-Sec .share-icons-link .share-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: var(--font-size-icon-sm);
color: var(--dark);
transition: .3s;
}
.Product-details-Sec .share-icons-link:hover {
background-color: var(--theme-bg-color3);
}
.Product-details-Sec .share-icons-link:hover .share-icon {
color: var(--light);
}
.Product-details-Sec .banner-overlay-small {
position: relative;
border: 1px solid var(--border-color3);
}
.Product-details-Sec .banner-overlay-small .bg-img {
width: 100%;
height: 120px;
object-fit: cover;
}
.Product-details-Sec .banner-overlay-small .overlay-text {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
text-align: center;
margin-right: auto;
font-size: var(--font-size-md-4);
line-height: var(--line-heights-md-5);
color: var(--dark);
font-family: var(--font-family-medium);
max-width: 150px;
width: 100%;
}
.Product-details-Sec .col-productInfo-inr h1 {
font-size: var(--font-size-lg);
line-height: var(--line-heights-md-1);
color: var(--dark);
}
.Product-details-Sec .col-productInfo-inr .rating-right {
display: flex;
align-items: center;
gap: 10px;
}
.Product-details-Sec .col-productInfo-inr .product-rating {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
margin: 24px 0;
}
.Product-details-Sec .col-productInfo-inr .fa-star {
font-size: var(--font-size-icon-md-3);
color: var(--theme-bg-color6);
}
.Product-details-Sec .col-productInfo-inr .rating {
color: var(--theme-text-color2);
}
.Product-details-Sec .col-productInfo-inr .saperatar {
height: 30px;
width: 2px;
background-color: var(--theme-text-color7);
}
.Product-details-Sec .col-productInfo-inr .heart {
font-size: var(--font-size-icon-md-1);
color: #ff0332;
}
.Product-details-Sec .product-desc p {
color: var(--dark);
height: 140px;
overflow: hidden;
}
.Product-details-Sec .product-desc p:not(:last-child) {
margin-bottom: 10px;
}
.Product-details-Sec .row-select {
gap: 14px 0;
margin: 24px -6px;
}
.Product-details-Sec .row-select .col-otr {
padding: 0 6px;
}
.Product-details-Sec .row-select .col-inr {
position: relative;
display: flex;
flex-direction: column;
gap: 10px;
}
.Product-details-Sec .row-select label {
font-size: var(--font-size-sm);
line-height: var(--line-heights-xs-1);
color: var(--dark);
font-family: var(--font-family-regular);
}
.Product-details-Sec .row-select .theme-input {
color: var(--dark);
position: relative;
z-index: 2;
appearance: none;
}
.Product-details-Sec .row-select .theme-input::placeholder {
color: var(--dark);
}
.Product-details-Sec .row-select .select-icon {
position: absolute;
left: 12px;
top: 60%;
font-size: var(--font-size-icon-sm);
color: var(--dark);
z-index: 1;
}
.Product-details-Sec .price-main {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
border-top: 2px solid var(--border-color5);
border-bottom: 2px solid var(--border-color5);
padding: 14px 0;
gap: 10px;
}
.Product-details-Sec .price-main .price {
font-size: var(--font-size-md-4);
line-height: var(--line-heights-sm);
color: var(--dark);
font-family: var(--font-family-medium);
}
.Product-details-Sec .quantity-otr {
display: flex;
align-items: center;
border: 1px solid var(--border-color3);
transition: .3s;
}
.Product-details-Sec .quantity-otr .icon-otr:hover {
background-color: var(--theme-bg-color3);
}
.Product-details-Sec .quantity-otr .quantity-input {
border: none;
text-align: center;
font-size: var(--font-size-md-5);
line-height: var(--line-heights-xs-1);
font-family: var(--font-family-medium);
width: 40px;
height: 40px;
border-left: 1px solid var(--border-color3);
border-right: 1px solid var(--border-color3);
color: var(--dark);
}
.Product-details-Sec .quantity-otr .quantity-input::placeholder {
color: var(--dark);
}
.Product-details-Sec .quantity-otr .icon-otr {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .3s;
}
.Product-details-Sec .quantity-otr .qty-icon {
font-size: var(--font-size-icon-sm);
color: var(--dark);
}
.Product-details-Sec .quantity-otr .icon-otr:hover .qty-icon {
color: var(--light);
}
.Product-details-Sec .actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.Product-details-Sec .product-desc-more {
margin: 20px 0;
}
.Product-details-Sec .product-desc-more p {
color: var(--dark);
}
.Product-details-Sec .thumbnail-title .title-btn {
padding: 10px 30px;
text-align: right;
font-size: var(--font-size-sm);
line-height: var(--line-heights-sm);
font-family: var(--font-family-regular);
background-color: var(--theme-bg-color1);
border-radius: var(--border-radius-xs-2);
border: none;
color: var(--light);
cursor: pointer;
transition: .3s;
}
.Product-details-Sec .thumbnail-ul {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px 0;
margin: 12px 0 16px 0;
}
.Product-details-Sec .thumbnail-li {
padding: 0 6px;
}
.Product-details-Sec .thumbnail-link {
padding: 4px;
border: 1px solid var(--border-color5);
text-align: center;
transition: .3s;
}
.Product-details-Sec .thumbnail-link:hover {
border: 1px solid var(--border-color3);
box-shadow: var(--box-shadow2);
}
.Product-details-Sec .thumbnail-img {
width: 100%;
height: 70px;
object-fit: contain;
word-break: break-all;
}
.Product-details-Sec .thumbnail-delivery-info .feature-ul {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px 0 10px 0;
border-bottom: 1px solid var(--border-color5);
}
.Product-details-Sec .thumbnail-delivery-info .feature-link {
display: flex;
align-items: center;
gap: 14px;
transition: .3s;
}
.Product-details-Sec .thumbnail-delivery-info .feature-link span {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
font-size: var(--font-size-icon-md-1);
background: linear-gradient(130.56deg, rgba(0, 48, 133, 0.8) 31.47%, #0A8FFF 87.86%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
transition: .3s;
}
/* Product Details Css End Here */ /* Products Banners Css Start Here */ .Products-banners-sec {
margin: 30px 0;
}
.Products-banners-sec .row {
gap: 24px 0;
}
.Products-banners-sec .col-inr {
position: relative;
overflow: hidden;
}
#htmlContent .Products-banners-sec .col-inr {
height: 400px;
}
.Products-banners-sec .col-inr .banner-img {
width: 100%;
height: 350px;
object-fit: cover;
display: block;
}
.Products-banners-sec .overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 500px;
width: 100%;
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px 10px;
z-index: 10;
}
#htmlContent .Products-banners-sec .overlay {
height: 54%;
}
.Products-banners-sec .col-otr:nth-child(1) .overlay {
background-color: var(--theme-color1-with-opacity);
}
.Products-banners-sec .col-otr:nth-child(2) .overlay {
background-color: var(--theme-color2-with-opacity);
}
.Products-banners-sec .col-otr:nth-child(3) .overlay {
background-color: var(--theme-color1-with-opacity);
}
.Products-banners-sec .overlay h2 {
color: var(--light);
}
.Products-banners-sec .overlay p {
color: var(--light);
margin: 10px 0 16px 0;
}
.Products-banners-sec .overlay .theme-btn {
background-color: var(--light);
color: var(--dark);
}
.Products-banners-sec .overlay .theme-btn:hover {
background-color: var(--dark);
color: var(--light);
}
/* Products Banners Css End Here */ /* Products Equals Css Start Here */ .products-equals {
background-color: #f7fcff;
position: relative;
margin: 30px 0;
padding: 30px 0;
}
.products-equals .wrapper {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.products-equals .row-otr {
align-items: center;
margin-top: 20px;
gap: 24px 0;
}
.products-equals .row-inr {
gap: 24px 0;
}
.products-equals .row .col-products {
position: relative;
}
.products-equals .row .col-products::after {
content: "+";
position: absolute;
left: -7px;
top: 50%;
transform: translateY(-50%);
font-size: var(--font-size-md-3);
color: var(--theme-text-color3);
font-family: var(--font-family-semibold);
}
.products-equals .row .col-products:last-child::after {
content: "=";
}
.products-equals .col-inr {
position: relative;
background-color: var(--light);
border: 1px solid var(--border-color8);
border-radius: var(--border-radius-xs-3);
overflow: hidden;
height: 100%;
transition: .3s;
}
.products-equals .col-inr:hover {
border: 1px solid transparent;
box-shadow: var(--box-shadow2);
}
.products-equals .col-inr .img-otr {
position: relative;
border-bottom: 2px solid var(--border-color5);
}
.products-equals .col-inr .product-img {
height: 200px;
width: 100%;
object-fit: contain;
border-radius: var(--border-radius-xs-3);
}
.products-equals .col-inr .product-tag {
width: 250px;
padding: 2px;
text-align: center;
position: absolute;
right: -90px;
top: 20px;
transform: rotate(45deg);
font-size: var(--font-size-xs-2);
line-height: var(--line-heights-xs-2);
color: var(--light);
background-color: var(--theme-bg-color3);
z-index: 10;
}
.products-equals .col-inr .product-content {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
margin: 20px 0;
}
.products-equals .col-inr .product-title {
display: contents;
color: var(--theme-text-color1);
font-size: var(--font-size-md-2);
line-height: var(--line-heights-md-2);
font-family: var(--font-family-medium);
transition: .3s;
}
.products-equals .col-inr .product-title:hover {
color: var(--theme-text-color2);
}
@media (max-width : 992px) {
.products-equals .row .col-products: :after {
bottom: -34px;
left: 50%;
top: inherit;
transform: translateX(-50%);
}
}
/* Products Equals Css End Here */ /* Reviews Users Css Start Here */ .reviewsSec-main {
position: relative;
margin: 30px 0;
overflow: hidden;
}
.reviewsSec-main .container {
border: 1px solid var(--border-color5);
margin: 0 auto;
width: calc(100% - 80px);
padding: 20px 36px;
}
.reviewsSec-main .wrapper {
max-width: 700px;
width: 100%;
text-align: right;
margin-left: auto;
}
.reviewsSec-main .row-form .col-md-6:nth-child(6), .reviewsSec-main .row-form .col-md-6:nth-child(7) {
display: flex;
align-items: center;
}
.reviewsSec-main .row-form .col-md-6:nth-child(7) .theme-btn {
display: flex;
justify-content: center;
max-width: 200px;
width: 100%;
text-align: center;
}
.reviewsSec-main .ratings-points {
display: flex;
align-items: center;
gap: 20px;
margin: 10px 0;
}
.reviewsSec-main .fa-star {
color: var(--theme-bg-color7);
}
.reviewsSec-main .rating {
font-size: var(--font-size-icon-md-3);
color: var(--theme-text-color2);
}
.reviewsSec-main .total-reviews {
color: var(--theme-text-color7);
}
.reviewsSec-main .action {
display: flex;
}
.reviewsSec-main .action .theme-btn {
padding: 10px 60px;
}
.reviewsSec-main .row-forms-main {
margin: 30px -12px;
}
.reviewsSec-main .row-forms-main .col-otr {
padding-left: 40px;
border-left: 3px solid var(--border-color5);
}
.reviewsSec-main .row-forms-main .col-form-otr {
padding-right: 40px;
}
.reviewsSec-main .row-form {
gap: 12px 0;
margin: 0 -6px;
}
.reviewsSec-main .row-form .col-lg-6, .reviewsSec-main .row-form .col-lg-12, .reviewsSec-main .row-form .action-form {
padding: 0 6px;
}
.reviewsSec-main .row-form .input-otr, .reviewsSec-main .col-form-inr .input-otr {
width: 100%;
}
.reviewsSec-main .row-form .theme-input, .reviewsSec-main .col-form-inr .theme-input {
width: 100%;
}
.reviewsSec-main .col-form-inr {
display: flex;
flex-direction: column;
gap: 24px;
}
.reviewsSec-main .col-form-inr .input-otr label {
position: inherit;
display: block;
transform: none;
right: inherit;
margin-bottom: 12px;
font-size: var(--font-size-sm);
line-height: var(--line-heights-sm);
color: var(--dark);
font-family: var(--font-family-medium);
}
.reviewsSec-main .row-form .textarea {
width: 100%;
height: 100px;
resize: none;
}
.reviewsSec-main .col-form-inr {
display: flex;
}
.reviewsSec-main .reviews-boxes {
display: flex;
flex-direction: column;
gap: 24px 0;
}
.reviewsSec-main .reviews-boxes .review-box-inr {
border: 2px solid var(--border-color5);
padding: 20px;
border-radius: var(--border-radius-md);
}
.reviewsSec-main .reviews-boxes .review-client {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.reviewsSec-main .reviews-boxes .review-user {
display: flex;
align-items: center;
gap: 20px;
text-align: center;
}
.reviewsSec-main .reviews-boxes .review-stars {
display: flex;
align-items: center;
gap: 10px;
position: relative;
top: -16px;
}
.reviewsSec-main .reviews-boxes .review-rating {
position: relative;
top: -12px;
font-size: var(--font-size-md-3);
line-height: var(--line-heights-md-4);
color: var(--dark);
font-family: var(--font-family-medium);
}
.reviewsSec-main .reviews-boxes .fa-star {
color: var(--theme-text-color7);
}
.reviewsSec-main .reviews-boxes .rating {
color: var(--theme-text-color2);
}
.reviewsSec-main .reviews-boxes .time {
color: var(--theme-text-color7);
}
.reviewsSec-main .reviews-boxes .review-title {
font-size: var(--font-size-md-2);
color: var(--dark);
margin: 10px 0;
}
.form-group {
margin: 0 !important;
}
@media (max-width : 992px) {
.reviewsSec-main .row-forms-main {
gap: 30px 0;
}
.reviewsSec-main .container {
padding: 0 12px;
border: 1px solid transparent;
margin: 0;
width: 100%;
}
.reviewsSec-main .reviews-boxes .review-client {
flex-wrap: wrap;
}
.reviewsSec-main .row-forms-main .col-otr {
padding: 0 12px;
border: none;
}
.reviewsSec-main .row-forms-main .col-form-otr {
padding: 0 12px;
}
}
/* Reviews Users Css End Here */ /* Category Section Css Start Here */ .search-products-filter {
margin: 30px 0;
position: relative;
}
.search-products-filter .wrapper {
max-width: 700px;
width: 100%;
text-align: center;
margin: 0 auto;
}
.search-products-filter .row {
gap: 24px 0;
margin: 30px 0;
padding: 40px;
border: 2px solid var(--border-color5);
border-radius: var(--border-radius-xs-1);
}
.search-products-filter .col-inr {
width: 100%;
}
.search-products-filter .col-inr label {
font-size: var(--font-size-sm);
line-height: var(--line-heights-sm);
font-family: var(--font-family-regular);
color: var(--dark);
}
.search-products-filter .col-inr .theme-input {
width: 100%;
appearance: none;
color: var(--dark);
}
.search-products-filter .col-inr .theme-input::placeholder {
color: var(--dark);
}
.search-products-filter .col-inr .select-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
}
.search-products-filter .col-inr .theme-btn {
width: 100%;
}
@media (max-width : 576px) {
.search-products-filter .row {
padding: 14px 0;
}
}
/* Category Section Css End Here */ /* Portfolio Section Css Start Here */ .PortfolioSec {
margin: 30px 0;
position: relative;
}
.PortfolioSec .wrapper {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.PortfolioSec .row {
margin: 20px 0;
gap: 24px 0;
}
.PortfolioSec .col_card_inr {
padding: 10px;
border: 1px solid var(--border-color5);
border-radius: var(--border-radius-xs-1);
transition: .3s;
}
.PortfolioSec .col_card_inr:hover {
border: 1px solid var(--border-color2);
box-shadow: var(--box-shadow2);
}
.PortfolioSec .col_card_inr:hover .content .heading, .PortfolioSec .col_card_inr:hover .content a {
color: var(--theme-text-color2);
}
.PortfolioSec .col_card_inr .card_img {
width: 100%;
height: 350px;
object-fit: cover;
border-radius: var(--border-radius-xs-2);
}
.PortfolioSec .col_card_inr .content {
text-align: center;
padding: 18px 10px 5px 10px;
}
.PortfolioSec .col_card_inr .content a, .PortfolioSec .col_card_inr .content .heading {
font-size: var(--font-size-md-4);
line-height: var(--line-heights-md-5);
color: var(--dark);
font-family: var(--font-family-medium);
transition: .3s;
}
.PortfolioSec .btn_otr {
display: flex;
align-items: center;
justify-content: center;
}
/* Portfolio Section Css End Here */ /* Footer1 Start Here */ .footer-main {
background-color: #171717 !important;
position: relative;
padding: 30px 0;
}
.footer-main .container {
max-width: 1440px;
}
.footer-main .footer-bg-img {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: -1;
}
.footer-main .row {
gap: 30px 0;
}
.footer-main h3 {
color: var(--light);
font-size: var(--font-size-md-3);
line-height: var(--line-heights-md-3);
margin-bottom: 10px;
}
.footer-main p, .footer-main a, .footer-main strong .footer-main b, .footer-main span {
color: var(--light);
}
.footer-main .logo-img {
width: 181px;
height: auto;
object-fit: contain;
margin-bottom: 16px;
}
.footer-main .icons-ul {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 20px;
gap: 12px;
}
.footer-main .icons-link {
width: 40px;
height: 40px;
border-radius: 100%;
background-color: var(--light);
position: relative;
transition: .3s;
}
.footer-main .icons-link .icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: var(--font-size-icon-sm);
color: var(--dark);
transition: .3s;
}
.footer-main .icons-link:hover {
background-color: transparent;
background-color: var(--theme-bg-color3);
}
.footer-main .icons-link:hover .icon {
color: var(--light);
}
.footer-main .menu-ul {
display: flex;
flex-direction: column;
gap: 6px;
}
.footer-main .menu-li {
display: flex;
}
.footer-main .menu-link {
display: flex;
align-items: center;
gap: 10px;
transition: .3s;
}
.footer-main .menu-link span {
position: relative;
top: 1px;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
transition: .3s;
}
.footer-main .menu-link:hover {
color: var(--theme-bg-color3);
}
.footer-main .menu-link:hover span {
color: var(--theme-bg-color3);
}
/* Footer1 End Here */ /* Footer links Start Here */ .footer-links {
padding: 9.5px 0;
background-color: var(--light);
border-bottom: 1px solid var(--border-color3);
}
.footer-links .footer-links-ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 20px;
}
.footer-links .footer-links-ul .footer-links-a {
color: var(--dark);
transition: .3s;
}
.footer-links .footer-links-ul .footer-links-a:hover {
color: var(--theme-text-color2);
}
/* Footer links End Here */ /* footer 3 Start Here */ .footer-center {
padding: 10px 0;
background-color: var(--dark);
border-top: 1px solid #4a4a4a;
}
.footer-center p {
color: var(--light);
text-align: center;
}
.footer-center p .link {
color: var(--light);
display: inline-block;
transition: .3s;
}
.footer-center p .link:hover {
color: var(--theme-color);
}
/* footer 3 Start Here */ /* copyright Start Here */ .copyright-main {
padding: 9.5px 0;
background-color: var(--light);
border-top: 1px solid var(--border-color3);
}
.copyright-main .container {
max-width: 1440px;
}
.copyright-main .wrapper {
text-align: center;
}
.copyright-main .pay-ul {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
.copyright-main .pay-img {
width: 60px;
height: 30px;
object-fit: contain;
border: 1px solid var(--border-color3);
box-shadow: var(--box-shadow3);
padding: 4px 6px;
transition: .3s;
}
.copyright-main .pay-img:hover {
border: 1px solid var(--border-color2);
}
.copyright-main .copy .slasi-logo {
display: inline-block;
width: 20px;
height: 20px;
object-fit: contain;
}
.copyright-main .copy .link {
display: inline-block;
color: var(--dark);
transition: .3s;
}
.copyright-main .copy:hover .link {
color: var(--theme-text-color3);
}
/* copyright End Here */ @media (max-width : 992px) {
.footer-main .col-otr: nth-child(2) {
padding: 0 40px 0 0;
}
}
@media (max-width : 786px) {
.footer-main .logo-img {
width: 120px;
height: auto;
}
.copyright-main .wrapper {
flex-direction: column;
justify-content: center;
gap: 10px 0;
}
.copyright-main .pay-ul {
justify-content: center;
}
.footer-main .info-ul {
gap: 30px 0;
}
.footer-main .col-otr:nth-child(2) {
padding: 0 12px;
}
}
/* Wishlist Page Css Start Here */ .favoutite-products {
min-height: auto !important;
margin: 30px auto !important;
}
.favoutite-products div .theme-btn {
width: auto;
margin-bottom: 20px;
}
.favoutite-products .shopping-cart {
margin: 0;
border: none;
}
.favoutite-products .shopping-cart div:not(:last-child) {
margin-bottom: 12px;
}
.favoutite-products .cart-details {
display: flex;
align-items: center;
padding: 10px;
border: 1px solid var(--border-color8);
border-radius: var(--border-radius-xs-3);
float: none;
}
.favoutite-products .cart-details li {
padding: 0 12px;
}
.favoutite-products .cart-details .media {
display: flex;
align-items: center;
gap: 10px;
}
.favoutite-products .cart-details .media .media-middle {
margin: 0;
}
.favoutite-products .cart-details li:first-child .item-img {
width: 140px;
height: 80px;
border-radius: var(--border-radius-xs-3);
border: 1px solid var(--border-color5);
}
.favoutite-products .cart-details li:first-child .item-img img {
width: 100%;
height: 80px;
border-radius: var(--border-radius-xs-3);
object-fit: contain;
}
.favoutite-products .cart-details li:first-child .media-body h6 {
margin: 0;
}
.favoutite-products .cart-details li:first-child .media-body h6 a {
font-size: var(--font-size-xs-1);
line-height: var(--line-heights-xs-2);
font-family: var(--font-family-regular);
}
.favoutite-products .cart-details li:nth-child(2) div span {
font-size: var(--font-size-xs-1);
line-height: var(--line-heights-xs-2);
font-family: var(--font-family-regular);
}
.favoutite-products .cart-details li:nth-child(3) .theme-btn {
padding: 8px 16px;
font-size: var(--font-size-xs-1);
line-height: var(--line-heights-xs-2);
font-family: var(--font-family-regular);
width: auto;
margin: 0;
}
.favoutite-products .cart-details li:nth-child(4) span {
font-size: var(--font-size-icon-xs);
color: var(--dark);
transition: .3s;
}
.favoutite-products .cart-details li:nth-child(4) span:hover {
color: var(--theme-text-color1);
}
/* Wishlist Page Css End Here */ /* Inner Header Start Here */ .opening-section3 {
border: none;
}
.opening-section3 .wrapper {
position: relative;
}
.opening-section3 .wrapper::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--light);
opacity: 93%;
}
.opening-section3 .breadcrumb-main {
background-color: var(--theme-bg-color6);
}
.opening-section3 .breadcrumb-main .home {
display: flex;
align-items: center;
}
.opening-section3 .breadcrumb .breadcrumb-item.active {
color: var(--dark);
}
.breadcrumb-main .container {
max-width: 1412px;
padding: 0 12px;
}
/* Inner Header End Here */ /* Heeart Icon Css Start Here */ .heart-icon i {
color: var(--dark) !important;
}
.heart-icon .red-heart {
color: red !important;
}
/* Heart icon Css End Here */ /* Review Form Css Start Here */ .review-form .theme-input {
width: 100%;
resize: none;
appearance: none;
}
.review-form select {
position: relative;
color: var(--dark);
}
.review-form .row:nth-child(2) .col-md-6:nth-child(5) .form-group {
position: relative;
}
.review-form .row:nth-child(2) .col-md-6:nth-child(5) .form-group::after {
content: ">";
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
font-size: var(--font-size-sm);
color: var(--dark);
}
.review-area h2 {
text-align: right;
}
.review-area br {
display: none;
}
.review-area .theme-btn {
display: inline-flex;
}
.review-area .float-right {
margin: 0;
padding: 0;
float: none !important;
}
.review-area .review-details {
padding: 0;
background-color: transparent;
display: flex;
margin: 10px 0 20px 0;
}
.review-details br {
display: none;
}
.position-inherit {
position: inherit !important;
top: inherit !important;
left: inherit !important;
transform: none !important;
right: inherit !important;
margin-bottom: 12px;
font-size: var(--font-size-sm);
line-height: var(--line-heights-sm);
color: var(--dark);
font-family: var(--font-family-medium);
}
.new_about_section {
min-height: auto !important;
margin: 30px 0;
}
.breadcrumb .active, .breadcrumb .active a, .breadcrumb .home a {
color: #000000 !important;
cursor: pointer !important;
}
.breadcrumb span {
color: #565656;
}
/* Review Form Css End Here */ /* Review Start Here */ .reviewSec {
overflow: hidden;
margin: 30px 0;
position: relative;
}
.reviewSec::after {
content: "";
position: absolute;
top: -240px;
right: -240px;
width: calc(100% - 16%);
height: calc(100% + 84%);
border-radius: var(--border-radius-full-rounded);
background-color: #f9fafa;
}
.reviewSec .wrapper {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.google-recommendations .wrapper p {
color: var(--dark) !important;
font-size: var(--font-size-sm) !important;
line-height: var(--line-heights-sm) !important;
font-family: 'Almoni' !important;
font-weight: normal !important;
}
.reviewSec .review-slider {
margin-top: 18px;
position: relative;
z-index: 100;
}
.reviewSec .row {
position: relative;
z-index: 100;
margin-top: 0;
margin-bottom: 0;
}
.reviewSec .col-otr {
padding: 0 6px;
}
.reviewSec .swiper-slide {
padding: 0 !important;
}
.reviewSec .col-inr {
padding: 20px;
border: 1px solid var(--border-color8);
border-radius: var(--border-radius-lg) var(--border-radius-lg) 48px var(--border-radius-lg);
background-color: var(--light);
position: relative;
transition: .3s;
}
.reviewSec .col-inr:hover {
box-shadow: var(--box-shadow1);
}
.reviewSec .col-inr p {
color: var(--dark);
margin: 4px 0 10px 0;
line-height: var(--line-heights-xs-2);
height: 120px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.Stars {
font-size: 30px;
}
.Stars::before {
letter-spacing: -2px !important;
background: linear-gradient(268deg, #ffd200 var(--percent), #e3e3e3 var(--percent)) !important;
-webkit-background-clip: text !important;
}
.max-btn {
max-width: 230px;
width: 100%;
}
.google-recommendations h3 {
color: var(--dark);
margin: 4px 0 10px 0;
font-size: var(--font-size-sm) !important;
line-height: var(--line-heights-sm) !important;
}
.reviewSec .col-inr .star-ul {
display: flex;
align-items: center;
gap: 6px;
}
.reviewSec .col-inr .star-ul .rating {
color: #ffd200;
}
.reviewSec .col-inr .star-ul span {
color: var(--theme-text-color6);
}
.reviewSec .col-inr .user-profile {
display: inline-flex;
align-items: center;
gap: 20px;
}
.reviewSec .col-inr .user-profile:hover .img-inr {
border: 4px solid var(--border-color2);
}
.reviewSec .col-inr .user-profile:hover .name {
color: var(--theme-text-color1);
}
.reviewSec .col-inr .img-inr {
width: 70px;
height: 70px;
flex: 1;
}
.reviewSec .col-inr .img-inr {
width: 70px;
height: 70px;
border: 4px solid var(--border-color3);
border-radius: var(--border-radius-full-rounded);
transition: .3s;
}
.reviewSec .col-inr .user-info .name, .google-recommendations .username {
display: block;
font-size: var(--font-size-md-4);
line-height: var(--line-heights-md-4);
transition: .3s;
}
.google-recommendations .time-or-date {
color: var(--dark);
font-size: var(--font-size-sm) !important;
line-height: var(--line-heights-sm) !important;
}
.reviewSec .col-inr .user-info .profession {
margin-top: 4px;
}
.reviewSec .slick-arrow {
width: 40px;
height: 40px;
border-radius: var(--border-radius-full-rounded);
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--light);
color: var(--dark);
box-shadow: var(--box-shadow2);
cursor: pointer;
z-index: 99999;
transition: .3s;
}
.slick-disabled {
opacity: .3;
pointer-events: none;
border: 1px solid var(--dark);
}
.reviewSec .arrow-left {
left: -50px;
}
.reviewSec .arrow-right {
right: -50px;
}
.reviewSec .slick-arrow:hover {
background-color: var(--theme-bg-color1);
color: var(--light);
}
.reviewSec .slick-dots {
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
margin: 0;
}
.reviewSec .slick-dots li button::before {
display: none;
}
.reviewSec .slick-dots li {
width: 12px;
height: 12px;
border-radius: 100%;
background-color: transparent;
background-color: var(--dark);
}
.reviewSec .slick-dots .slick-active {
background-color: var(--theme-bg-color1);
}
.reviewSec .btn-main {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 10;
}
.reviewSec .btn-main .action {
margin-top: 10px;
display: flex;
}
@media (max-width : 992px) {
.reviewSec .review-slider {
padding: 0;
}
.reviewSec .col-inr {
left: 0;
}
}
/* Review End Here */ /* CTA Sec Css Start Here */ .CtaSec {
position: relative;
padding: 30px 0;
overflow: hidden;
}
.CtaSec::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #d5d5d5;
opacity: 90%;
z-index: 1;
}
.CtaSec .sec-bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.CtaSec .wrapper {
max-width: 700px;
width: 100%;
text-align: center;
margin: 0 auto;
position: relative;
z-index: 3;
}
.CtaSec .wrapper h2, .CtaSec .wrapper h2 span, .CtaSec .wrapper p {
color: var(--dark);
}
.CtaSec .row {
gap: 24px 0;
margin: 30px 0 10px 0;
position: relative;
z-index: 3;
}
.CtaSec .row .theme-input {
width: 100%;
text-align: right;
border-radius: var(--border-radius-xs-3);
}
.CtaSec .row .theme-btn {
width: 100%;
border-radius: var(--border-radius-xs-3);
}
.CtaSec .message-text {
color: var(--light);
text-align: center;
position: relative;
z-index: 3;
}
@media (max-width : 576px) {
.CtaSec .row>* {
padding: 0;
}
}
/* CTA Sec Css End Here */ /* Areas Activity Css Start Here */ .areas-activity {
position: relative;
margin: 20px 0 30px 0;
}
.areas-activity::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--light-with-opacity);
z-index: 1;
}
.areas-activity .sec-bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.areas-activity .wrapper {
max-width: 700px;
width: 100%;
text-align: center;
margin: 0 auto;
position: relative;
z-index: 3;
}
.areas-activity .row {
margin: 30px 0;
gap: 24px 0;
position: relative;
z-index: 3;
}
.areas-activity .col-inr {
padding: 10px;
height: 100%;
background-color: var(--light);
border-radius: var(--border-radius-xs-2);
border: 1px solid var(--border-color7);
box-shadow: var(--box-shadow3);
transition: .3s;
}
.areas-activity .col-inr:hover {
border: 1px solid var(--border-color1);
box-shadow: 1.073px 1.625px 20px #b3b3b3;
}
.areas-activity .col-inr:hover .title {
color: var(--theme-text-color1);
}
.areas-activity .col-inr .img-otr {
position: relative;
}
.areas-activity .col-inr .img-inr {
width: 100%;
height: auto;
object-fit: cover;
border-radius: var(--border-radius-xs-2);
}
.areas-activity .col-inr .content-div {
padding: 10px 0 0 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.areas-activity .col-inr .title {
font-size: var(--font-size-md-4);
line-height: var(--line-heights-md-4);
font-family: 'Almoni';
font-weight: normal;
transition: .3s;
}
.areas-activity .col-inr .title:hover {
color: var(--theme-text-color1);
}
.areas-activity .col-inr p {
margin: 4px 0 4px 0;
line-height: var(--line-heights-xs-2);
}
.areas-activity .col-inr .action {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.areas-activity .col-inr .action .text-btn {
color: var(--theme-text-color1);
transition: .3s;
}
.areas-activity .col-inr .action .text-btn:hover {
text-decoration: underline;
}
.areas-activity .action {
position: relative;
z-index: 3;
}
.areas-activity-slider {
margin: 40px 0;
}
.areas-activity-slider .swiper-pagination {
bottom: -8px;
}
.areas-activity-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--theme-bg-color1);
}
.areas-activity-slider .col-inr {
height: auto;
}
.areas-activity-slider .col-inr .title {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width : 576px) {
.areas-activity .row>* {
padding: 0;
}
}
/* Blog Styles Start Here */ .blog-details-template1 {
margin: 20px 0;
}
.blog-details-template1 .container {
max-width: 1340px;
padding: 0 12px;
}
.blog-template-sec2 {
margin: 20px 0;
}
.blog-template-sec2 .container {
max-width: 1340px;
padding: 0 12px;
}
.blog-details-template1 .gallery-main .popup-image-gallery img {
height: auto !important;
}
.blog-template-full-sec .container {
max-width: 1270px;
padding: 0 12px;
}
.blog-details-template1 .row_custom {
gap: 24px 0;
}
.blog-details-template1 .row_custom h2, .blog-details-template1 .row_custom h2 span {
font-size: 32px !important;
line-height: 42px !important;
margin-bottom: 10px !important;
}
.blog-details-template1 .row_custom h2::after, .blog-details-template1 .row_custom h2::before {
display: none;
}
.blog-details-template1 .row_custom h3 {
font-size: 26px !important;
}
.blog-details-template1 .col_content_inr .img {
margin: 10px 0;
border-radius: 24px;
}
.blog-details-template1 .col_sidebar_inr {
display: flex;
flex-direction: column;
gap: 20px;
padding: 24px;
border: 1px solid #e4e4e4;
border-radius: 12px;
height: 100%;
}
.blog-details-template1 .col_sidebar_inr .CtaSec {
background-color: #fff;
border-radius: 12px;
border: 1px solid #e4e4e4;
position: sticky;
top: 90px;
z-index: 200;
}
.blog-details-template1 .col_sidebar_inr .CtaSec::before {
display: none;
}
.blog-details-template1 .col_sidebar_inr .CtaSec .message-text {
color: #000;
position: relative;
top: 0;
}
.blog-details-template1 .col_sidebar_inr .CtaSec .wrapper h2 span {
color: #000;
}
.blog-details-template1 .col_sidebar_inr .CtaSec .wrapper p {
color: #000;
}
.blog-details-template1 .col_sidebar_inr .action_otr {
display: flex;
align-items: center;
justify-content: center;
}
.blog-details-template1 .banner-menu {
width: 100%;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 12px;
padding: 16px;
}
.blog-details-template1 .banner-menu .menu-ul .menu-li:not(:last-child) {
border-bottom: 1px solid #e4e4e4;
}
.blog-details-template1 .banner-menu .menu-link {
display: flex;
align-items: center;
gap: 10px;
padding: 8px;
transition: .3s;
}
.blog-details-template1 .banner-menu .menu-link:hover {
background-color: #FF1F7A;
}
.blog-details-template1 .banner-menu .menu-link:hover .menu-icon {
color: #fff;
}
.blog-details-template1 .banner-menu .menu-link:hover .menu-text {
color: #fff;
}
.blog-details-template1 .banner-menu .menu-link .menu-icon {
font-size: 24px;
color: #000;
transition: .3s;
}
.blog-details-template1 .banner-menu .menu-link .menu-text {
color: #fff;
font-size: 24px;
}
.blog-details-template1 .banner_section .icons-ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: 20px;
gap: 20px;
}
.blog-details-template1 .banner_section .box-link {
width: 50px;
height: 50px;
border-radius: 100%;
background-color: #fff;
position: relative;
border: 1px solid #e4e4e4;
transition: .3s;
}
.blog-details-template1 .banner_section .box-link .icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
color: var(--dark);
transition: .3s;
}
.blog-details-template1 .banner_section .box-link:hover {
background-color: #FF1F7A;
}
.blog-details-template1 .banner_section .box-link:hover .icon {
color: #fff;
}
.blog-details-template1 .swiper-pagination {
position: relative;
bottom: -6px;
left: -12px;
}
.blog-details-template1 .swiper-pagination .swiper-pagination-bullet-active {
background-color: #FF1F7A !important;
}
.blog-details-template1 .videos-div .row {
gap: 24px 0;
}
.blog-details-template1 .blog-template-sec2 .wrapper {
text-align: center;
}
.blog-details-template1 .blog-template-sec2 .row-video .col-video-inr iframe, .blog-details-template1 .row-video .col-video-inr iframe, .blog-details-template1 .row-video iframe {
width: 100% !important;
height: 350px !important;
}
.blog-details-template1 .blog-template-sec2 .video-text {
margin-top: 20px;
}
.blog-details-template1 .short-desc p:not(:last-child) {
margin-bottom: 8px;
}
.blog-details-template1 .blog-details-template1 .sidebar-videos, .blog-details-template1 .author_card iframe, .blog-details-template1 .sidebar-videos iframe {
width: 100% !important;
height: 300px !important;
}
.blog-details-template1 .col_sidebar_inr .CtaSec {
padding: 20px 0;
}
.blog-details-template1 .col_sidebar_inr .CtaSec .row {
gap: 6px 0;
margin: 16px 0 10px 0;
}
.blog-details-template1 .col_sidebar_inr .CtaSec .row .theme-input {
padding: 8px 24px;
height: 46px;
}
.blog-details-template1 .gallery-main {
margin: 20px 0 !important;
}
.blog-details-template1 .gallery-main .row {
margin-top: 0 !important;
}
.blog-details-template1 h1::after, .blog-details-template1 h1::before, .blog-details-template1 h2::after, .blog-details-template1 h2::before, .blog-details-template1 h3::after, .blog-details-template1 h4::before {
display: none;
}
.blog-template-full-sec {
margin: 20px 0;
}
.blog-template-full-sec h1, .blog-template-full-sec h2, .blog-template-full-sec h3 {
margin-bottom: 10px;
line-height: 42px;
}
.blog-template-full-sec h1::after, .blog-template-full-sec h1::before, .blog-template-full-sec h2::after, .blog-template-full-sec h2::before, .blog-template-full-sec h3::after, .blog-template-full-sec h4::before {
display: none;
}
.opening-section3 .opening-content-sec1 {
max-width: 700px;
width: 100%;
margin: 20px auto;
text-align: center;
}
.opening-section3 .opening-content-sec1 h1 {
position: inherit;
transform: none;
padding: 0;
margin-bottom: 12px;
}
.opening-section3 .opening-content-sec1 h1::after, .opening-section3 .opening-content-sec1 h1::before {
display: none;
}
@media (max-width : 992px) {
.blog-details-template1 .videos-div iframe, .blog-details-template1 .videos-div-inr iframe {
width: 100% !important;
height: auto !important;
}
.blog-details-template1 .sidebar-videos, .blog-details-template1 .author_card iframe, .blog-details-template1 .sidebar-videos iframe {
width: 100% !important;
height: auto !important;
}
}
/* Blog Styles End Here */ /* CTA Sec Css Start Here */ .CtaSec {
position: relative;
padding: 30px 0;
overflow: hidden;
}
.CtaSec::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #d5d5d5;
opacity: 90%;
z-index: 1;
}
.CtaSec .sec-bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.CtaSec .wrapper {
max-width: 700px;
width: 100%;
text-align: center;
margin: 0 auto;
position: relative;
z-index: 3;
}
.CtaSec .wrapper h2, .CtaSec .wrapper h2 span, .CtaSec .wrapper p {
color: var(--dark);
}
.CtaSec .row {
gap: 24px 0;
margin: 30px 0 10px 0;
position: relative;
z-index: 3;
}
.CtaSec .row .theme-input {
width: 100%;
text-align: right;
border-radius: var(--border-radius-xs-3);
}
.CtaSec .row .theme-btn {
width: 100%;
border-radius: var(--border-radius-xs-3);
}
.CtaSec .message-text {
color: var(--light);
text-align: center;
position: relative;
z-index: 3;
}
@media (max-width : 576px) {
.CtaSec .row>* {
padding: 0;
}
}
/* CTA Sec Css End Here */ .catelogue-details-page .category .theme-btn {
width: 100% !important;
}
.catelogue-details-page .heading {
font-size: var(--font-size-xlg) !important;
}
.favriout-products {
margin: 30px auto !important;
}
.checked-otr .circle-check:after {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 15px;
height: 15px;
border-radius: 50%;
background: #656565;
}
/* Areas Activity Css End Here */ @media (max-width : 992px) {
.catelogue-details-page {
margin-top: 74px !important;
}
.catelogue-details-page-main {
margin-top: 74px !important;
}
.inner-page-wrapper {
margin-top: 74px !important;
}
.register-view {
margin-top: 74px !important;
}
.order {
margin-top: 100px;
}
.favriout-products {
margin-top: 100px !important;
}
h1 {
font-size: var(--font-size-xlg);
line-height: var(--line-heights-xlg);
}
h1 span {
font-size: var(--font-size-xlg);
line-height: var(--line-height-xlg);
}
h2 {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
h2 span {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
/* Product Details Popup Css Start Here */ .blog-details-template1 {
margin: 20px 0;
}
.blog-details-template1 .container {
max-width: 1340px;
padding: 0 12px;
}
.blog-template-sec2 {
margin: 20px 0;
}
.blog-template-sec2 .container {
max-width: 1340px;
padding: 0 12px;
}
.blog-details-template1 .gallery-main .popup-image-gallery img {
height: auto !important;
}
@media (max-width : 992px) {
.blog-details-template1 .videos-div iframe, .blog-details-template1 .videos-div-inr iframe {
width: 100% !important;
height: auto !important;
}
.blog-details-template1 .sidebar-videos, .blog-details-template1 .author_card iframe, .blog-details-template1 .sidebar-videos iframe {
width: 100% !important;
height: auto !important;
}
}
.product-modal .modal-dialog {
max-width: 1170px;
}
.product-modal .modal-body {
padding: 72px 40px;
}
.product-modal .modal-body .close-icon-otr {
position: absolute;
top: 30px !important;
right: 12px !important;
}
.product-modal .col-content-inr .sub-heading {
margin: 0;
}
.product-modal .quantity-otrr {
display: flex;
align-items: center;
border: 1px solid #cfd7db;
border-radius: 30px;
}
.product-modal .quantity-otr .icon-otr {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .3s;
}
.product-modal .quantity-otr .icon-left {
border-radius: 30px 0 0 30px;
}
.product-modal .quantity-otr .icon-right {
border-radius: 0 30px 30px 0;
}
.product-modal .quantity-otr .icon-otr .qty-icon {
font-size: 18px;
color: #a9a9a9;
}
.product-modal .quantity-otr .icon-left:hover {
background-color: #008efb;
}
.product-modal .quantity-otr .icon-right:hover {
background-color: #008efb;
}
.product-modal .quantity-otr .icon-otr:hover .qty-icon {
color: #fff;
}
.product-modal .quantity-otr .icon-otr .quantity-input {
border: none;
text-align: center;
font-size: 16px;
line-height: 24px;
font-family: "Heebo-Medium";
color: #6b6b6b;
margin: 0;
height: 40px;
}
.product-modal .quantity-otr .icon-otr .quantity-input:focus {
outline: none;
}
.product-modal .quantity-otr .icon-otr:not(:last-child) {
border-left: 1px solid #cfd7db;
}
.product-modal .col-content-inr .heading {
color: #000;
margin: 8px 0;
padding: 0;
}
.product-modal .col-content-inr .price-otr {
display: flex;
align-items: center;
gap: 0 16px;
}
.product-modal .col-content-inr .price-product:first-child {
text-decoration: line-through;
}
.product-modal .col-content-inr .price-product:nth-child(2) {
color: #000;
}
.product-modal .col-content-inr .price-product .price-inr {
color: #00b5d5;
}
.product-modal .col-content-inr .color-otr {
padding: 10px 0;
margin-top: 0px;
}
.product-modal .col-content-inr .color-text {
margin-bottom: 8px;
}
.product-modal .col-content-inr .color-text-inr {
color: #000;
}
.product-modal .col-content-inr .collor-select {
display: flex;
align-items: center;
gap: 0 8px;
}
.product-modal .col-content-inr .size-main {
padding: 16px 0;
border-bottom: 1px solid #d9d9d9;
}
.product-modal .col-content-inr .size-text-inr {
color: #000;
}
.product-modal .col-content-inr .sizes-otr {
display: flex;
align-items: center;
gap: 0 8px;
margin: 4px 0;
}
.product-modal .col-content-inr .btn-outline-primary {
color: #474747;
border: 1px solid #d9d9d9;
border-radius: 0;
}
.product-modal .col-content-inr .btn-outline-primary:hover {
background-color: transparent;
border: 1px solid #38c198;
color: #000;
}
.product-modal .btn-check:active+.btn-outline-primary, .product-modal .btn-check:checked+.btn-outline-primary, .product-modal .btn-outline-primary.active, .product-modal .btn-outline-primary.dropdown-toggle.show, .product-modal .btn-outline-primary:active {
border: 1px solid #38c198;
color: #000;
background-color: transparent;
box-shadow: none;
}
.product-modal .col-content-inr .quantity-otr {
padding: 16px 0;
}
.product-modal .col-content-inr .price-quatity {
display: flex;
align-items: center;
gap: 0 30px;
}
.product-modal .col-content-inr .qua-price {
color: #000;
font-size: 17px;
padding: 0px;
}
.product-modal .col-content-inr .qua-otr {
display: flex;
align-items: center;
}
.product-modal .col-content-inr .qua-otr .icon-otr {
display: flex;
flex-direction: column;
}
.product-modal .col-content-inr .qua-otr .icon-inr {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 20px;
border: 1px solid #d9d9d9;
cursor: pointer;
}
.product-modal .col-content-inr .input {
text-align: center;
width: 70px;
height: 40px;
color: #000;
border: 1px solid #d9d9d9;
top: 5px;
pointer-events: none;
}
.product-modal .col-content-inr .input:focus {
outline: none;
}
.product-modal .col-content-inr input::-webkit-outer-spin-button, .product-modal .col-content-inr input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-modal .col-content-inr input[type=number] {
-moz-appearance: textfield;
}
.product-modal .col-content-inr .action-otr {
display: flex;
align-items: center;
gap: 0 24px;
margin-top: 0px;
}
.product-modal .col-content-inr .popup-btn1, .product-modal .col-content-inr .popup-btn2 {
background-color: #e3e3e3;
color: #2c2c2c;
}
.product-modal .col-content-inr .popup-btn1:hover {
background-color: #008efb;
color: #fff;
}
.product-modal .col-content-inr .popup-btn2:hover {
background-color: #008efb;
color: #fff;
}
.product-modal .img-otr {
}
.product-modal .img-otr .swiper:nth-child(1) {
border: 1px solid #d9d9d9;
width: auto;
height: auto;
margin-bottom: 30px;
}
.product-modal .slide-imgg {
padding: 72px;
transform: rotate(-90deg);
width: 100%;
height: 278px;
object-fit: contain;
}
.product-modal .img-otr .swiper:nth-child(1) .swiper-slide {
width: 100% !important;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}
.product-modal .img-otr .swiper:nth-child(2) .swiper-slide {
display: flex;
border: 1px solid #d9d9d9;
}
.product-modal .img-otr .swiper:nth-child(2) {
padding: 0 15px;
}
.product-modal .thumb-img {
transform: rotate(-90deg);
width: 50%;
height: 50%;
margin: 0 auto;
}
.product-modal .product-tab {
position: relative;
}
.product-modal .product-tab .iocn-otr {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 40px;
border: 1px solid #d9d9d9;
transition: .3s;
}
.product-modal .product-tab .iocn-otr:hover {
background-color: #00244f;
}
.product-modal .product-tab .iocn-otr:hover .icon {
color: #fff;
}
.product-modal .product-tab .iocn-otr::after {
display: none;
}
.product-modal .product-tab .iocn-otr .icon {
color: #d9d9d9;
transition: .3s;
}
.product-modal .product-tab .swiper-button-next {
top: 84%;
left: 8px;
}
.product-modal .product-tab .swiper-button-prev {
top: 84%;
left: 8px;
}
@media (max-width: 992px) {
.product-modal .row-custom {
gap: 40px 0;
}
.product-modal .img-otr {
position: relative;
margin-top: 80px;
}
}
@media (max-width: 768px) {
.product-modal .img-otr {
margin-top: 30px;
}
}
@media (max-width: 575px) {
.product-modal .modal-body {
padding: 56px 15px 24px 15px;
}
.product-modal .img-otr {
margin-top: 0;
}
.product-modal .thumb-img {
transform: rotate(0);
height: 100%;
object-fit: contain;
}
.product-modal .thumb-img-otr {
height: 180px;
}
.product-modal .slide-imgg {
transform: rotate(0);
}
.product-modal .img-otr {
transform: rotate(0);
}
.product-modal .product-tab .iocn-otr {
top: 90%;
}
.categories-slider .swiper-button-next, .categories-slider .swiper-button-prev {
display: block;
}
.categories-slider .swiper-button-next, .categories-slider .swiper-button-prev {
transform: translate(-50%, 100%);
}
.categories-slider .swiper-button-next {
left: 45% !important;
}
.categories-slider .swiper-button-prev {
left: 55% !important;
right: initial !important;
}
.categories-slider .fa-chevron-left:before {
content: "\f053";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.categories-slider .fa-chevron-right:before {
content: "\f054";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width : 992px){
.categories .swiper-button-next,
.categories .swiper-button-prev{
top: 93% !important;
}
}
.Product-details-main {
margin: 0 0 0 0;
z-index: 999999999;
}
.modal-dialog-scrollable .modal-content {
height: 100%;
}
.Product-details-main .rating-star {
display: none;
}
.Product-details-main .row-product-details {
gap: 40px 0;
}
.Product-details-main .col-content-inr {
position: relative;
}
.Product-details-main .col-content-inr .title-main, .Product-details-main .col-content-inr .product-desc-main, .Product-details-main .col-content-inr .color-select, .Product-details-main .col-content-inr .quantity-and-price {
border-bottom: 1px solid #f1f1f1;
}
.Product-details-main .col-content-inr .title-main {
padding: 20 0 20px 0;
}
.Product-details-main .col-content-inr .title-main p {
font-size: 20px;
line-height: 30px;
color: #C1C1C1;
font-family: "Heebo-Medium";
}
.Product-details-main .col-content-inr .product-title {
font-size: 28px;
line-height: 32px;
color: #000;
font-family: "Heebo-Medium";
margin: 0px 0;
}
.Product-details-main .col-content-inr .star-ul .fa-star {
font-size: 16px;
cursor: pointer;
}
.Product-details-main .col-content-inr .star-ul .fill-star {
color: #ffb300;
}
.Product-details-main .col-content-inr .star-ul .empty-star {
color: #e0e0e0;
}
.Product-details-main .col-content-inr .product-desc-main, .Product-details-main .col-content-inr .color-select, .Product-details-main .quantity-and-price, .Product-details-main .action {
padding: 20px 0;
}
.Product-details-main .col-content-inr .product-desc-main .head, .Product-details-main .col-content-inr .color-select .head {
font-size: 20px;
line-height: 30px;
color: #6b6b6b;
font-family: "Heebo-medium";
margin-bottom: 6px;
}
.Product-details-main .col-content-inr .product-desc-main .head::after, .Product-details-main .col-content-inr .color-select .head::after {
display: none;
}
.Product-details-main .col-content-inr .product-desc-main .desc {
font-size: 18px;
line-height: 28px;
color: #6b6b6b;
font-family: "Heebo-Regular";
}
.Product-details-main .form-check .form-check-input {
width: 36px;
height: 36px;
position: relative;
border: none;
}
.Product-details-main .collor-select {
gap: 12px !important;
}
.Product-details-main .form-check .form-check-input:active {
box-shadow: none;
}
.Product-details-main .form-check .form-check-input1 {
border: 1px solid #858585;
margin-right: 0;
float: none;
}
.Product-details-main .form-check .form-check-input2 {
border: 1px solid #858585;
}
.Product-details-main .form-check .form-check-input3 {
border: 1px solid #858585;
}
.Product-details-main .form-check .form-check-input:checked {
background-image: none;
box-shadow: none;
border: none;
}
.Product-details-main .form-check .form-check-input:checked::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% + 10px);
height: calc(100% + 10px);
border-radius: 50%;
border: 1px solid #5f5f5f;
}
.Product-details-main .quantity-and-price .quantity-otr {
display: flex;
align-items: center;
border: 1px solid #cfd7db;
border-radius: 30px;
}
.form-check-input:checked {
background-color: #f2f2f2;
border-color: #0d6efd;
}
.Product-details-main .quantity-and-price .quantity-otr .icon-otr {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .3s;
}
.Product-details-main .quantity-and-price .quantity-otr .icon-left {
border-radius: 30px 0 0 30px;
}
.Product-details-main .quantity-and-price .quantity-otr .icon-right {
border-radius: 0 30px 30px 0;
}
.Product-details-main .quantity-and-price .quantity-otr .icon-otr .qty-icon {
font-size: 18px;
color: #a9a9a9;
}
.Product-details-main .quantity-and-price .quantity-otr .icon-left:hover {
background-color: #00244f;
}
.Product-details-main .quantity-and-price .quantity-otr .icon-right:hover {
background-color: #00244f;
}
.Product-details-main .quantity-and-price .quantity-otr .icon-otr:hover .qty-icon {
color: #fff;
}
.Product-details-main .quantity-and-price .quantity-otr .icon-otr .quantity-input {
border: none;
text-align: center;
font-size: 16px;
line-height: 24px;
font-family: "Heebo-Medium";
color: #6b6b6b;
}
.Product-details-main .quantity-and-price .quantity-otr .icon-otr .quantity-input:focus {
outline: none;
}
.Product-details-main .quantity-and-price .quantity-otr .icon-otr:not(:last-child) {
border-left: 1px solid #cfd7db;
}
.Product-details-main .quantity-and-price .price-otr .price {
font-size: 28px;
line-height: 40px;
color: #000;
font-family: "Heebo-Regular";
}
.Product-details-main .quantity-and-price .price-otr .price-cut {
font-size: 20px;
line-height: 30px;
color: #a9a9a9;
text-decoration: line-through;
}
.Product-details-main .quantity-and-price .price-otr .curreny-sign {
font-size: 28px;
line-height: 40px;
color: #000;
font-family: "Heebo-Medium";
}
.Product-details-main .accourdain-main .accordion-item {
border: none;
border-radius: 0;
}
.Product-details-main .accourdain-main .accordion-header {
display: flex;
}
.Product-details-main .accourdain-main .accordion-button {
padding: 16px;
font-size: 16px;
line-height: 24px;
color: #6b6b6b;
border-bottom: 1px solid #cfd7db;
}
.Product-details-main .accourdain-main .accordion-button:not(.collapsed) {
background-color: transparent;
color: #01499d;
border-bottom: 1px solid #01499d;
}
.Product-details-main .accourdain-main .accordion-button:focus {
box-shadow: none;
}
.Product-details-main .accourdain-main .accordion-body {
padding: 14px;
border-bottom: 1px solid #cfd7db;
}
.Product-details-main .accourdain-main .accordion-body p {
font-size: 16px;
line-height: 24px;
font-family: "Heebo-Regular";
color: #6b6b6b;
}
/* Product Details Page SLider Css */ .Product-details-main .col-inr .slider {
padding: 0 40px 0 0;
}
.Product-details-main .col-inr .slider .slider__flex {
display: flex;
align-items: flex-start;
}
.Product-details-main .col-inr .slider .slider__images {
height: 680px;
width: 100%;
}
.Product-details-main .col-inr .slider .swiper-container1 {
width: 100%;
height: 100%;
overflow: hidden;
}
.Product-details-main .col-inr .slider .slider__images .slider__image {
width: 100% !important;
height: 100% !important;
border-radius: 30px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
}
.Product-details-main .col-inr .slider .slider__images .slider__image img {
display: block !important;
width: 100% !important;
height: 80% !important;
object-fit: contain !important;
position: absolute;
top: 0;
}
.Product-details-main .col-inr .slider .slider__col {
display: flex;
flex-direction: column;
align-items: center;
width: 197px;
margin-right: 12px;
}
.Product-details-main .col-inr .slider .slider__thumbs {
height: calc(462px - 70px);
}
.Product-details-main .col-inr .slider .swiper-container2 {
width: 100%;
height: 100%;
overflow: hidden;
padding: 10px 10px 20px 10px;
}
.Product-details-main .col-inr .slider .slider__thumbs .slider__image {
transition: 0.25s;
filter: grayscale(0%);
opacity: 1;
}
.Product-details-main .col-inr .slider .slider__thumbs .slider__image:hover {
opacity: 1;
}
.Product-details-main .col-inr .slider .slider__thumbs .swiper-slide-thumb-active .slider__image {
filter: grayscale(0%);
opacity: 1;
}
.Product-details-main .col-inr .slider .slider__thumbs .slider__image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border: 1px solid #969696;
border-radius: 8px;
overflow: hidden;
}
.Product-details-main .col-inr .slider .slider__thumbs .slider__image img {
display: block;
width: 100%;
height: 80%;
object-fit: contain;
border-radius: 8px;
padding: 16px 17px;
}
.Product-details-main .col-inr .slider .slider__prev, .Product-details-main .col-inr .slider .slider__next {
cursor: pointer;
text-align: center;
width: 40px;
height: 40px;
border-radius: 100%;
background-color: transparent;
border: 1px solid #a9a9a9;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
transition: .3s;
}
.Product-details-main .col-inr .slider .slider__prev:hover, .Product-details-main .col-inr .slider .slider__next:hover {
background-color: #00244f;
border: 1px solid transparent;
}
.Product-details-main .col-inr .slider .slider__prev:hover .arrow, .Product-details-main .col-inr .slider .slider__next:hover .arrow {
color: #fff;
}
.Product-details-main .col-inr .slider .slider__prev .arrow, .Product-details-main .col-inr .slider .slider__next .arrow {
font-size: 18px;
color: #a9a9a9;
transition: .3s;
}
.Product-details-main .col-inr .slider .slider__prev:focus, .Product-details-main .col-inr .slider .slider__next:focus {
outline: none;
}
#confirmModel {
z-index: 9999999999;
}
@media (max-width: 767.98px) {
.Product-details-main .col-inr .slider .swiper-container2 {
padding: 6px;
}
.Product-details-main .col-inr .slider .slider__images {
height: 300px;
}
.Product-details-main .col-inr .slider {
padding: 0;
}
.Product-details-main .col-inr .slider .slider__col {
align-items: center;
width: 120px;
}
.Product-details-main .col-inr .slider .slider__images {
width: 100%;
}
.Product-details-main .col-inr .slider .slider__thumbs {
height: 250px;
width: 100%;
margin: 0;
}
.Product-details-main .col-inr .slider .slider__prev, .Product-details-main .col-inr .slider .slider__next {
width: 24px;
height: 24px;
}
.Product-details-main .col-inr .slider .slider__prev .arrow, .Product-details-main .col-inr .slider .slider__next .arrow {
font-size: 12px;
}
}
.submenu-heading {
font-weight: 700;
color: #0a58ca;
padding: 3px 0px;
}
.menu-main .megamenu-main3 {
background-color: #fff;
border-top: 1px solid #c3c3c3;
width: 95%;
margin-left: 32px;
}
.menu-main .menu-li:hover .megamenu-main3 {
top: 61px;
}
.megamenu-main3 .option-link {
color: #000;
padding: 6px 14px;
}
/* Product Details Popup Css End Here */ /* Prodcut Thumb Popup Css Start Here */ .product-thumb-popup {
z-index: 9999999;
}
.product-thumb-popup .modal-dialog {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
margin: 0;
width: 100%;
max-width: 700px;
}
.product-thumb-popup .modal-header {
padding: 10px 20px;
border: none;
background-color: var(--theme-bg-color1);
}
.product-thumb-popup .modal-header .modal-title {
font-size: var(--font-size-md-4);
line-height: var(--line-heights-md-4);
color: var(--light);
}
.product-thumb-popup .modal-header .btn-close {
position: absolute;
top: 18px;
left: 30px;
width: 36px;
height: 36px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--theme-bg-color3);
background-image: none;
padding: 0;
z-index: 9999999999;
opacity: 1;
transition: .3s;
}
.product-thumb-popup .modal-header .btn-close:hover {
background-color: var(--theme-bg-color2);
}
.product-thumb-popup .modal-header .btn-close .close {
font-size: var(--font-size-icon-sm);
color: var(--light);
transition: .3s;
}
.product-thumb-popup .modal-body {
padding: 20px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.product-thumb-popup .modal-body .wrapper {
width: 100%;
text-align: center;
}
.product-thumb-popup .modal-body .wrapper h4 {
font-size: var(--font-size-md-5);
line-height: var(--line-heights-md-5);
color: var(--dark);
}
.product-thumb-popup .modal-body .wrapper p {
font-size: var(--font-size-xs-1);
line-height: var(--line-heights-xs-2);
color: var(--dark);
}
.product-thumb-popup .modal-body .wrapper .action {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 10px;
}
.product-thumb-popup .modal-body .wrapper .theme-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: auto;
}
.product-thumb-popup .modal-body .wrapper .theme-btn .icon {
font-size: var(--font-size-md-5);
color: var(--light);
}
.product-thumb-popup .modal-body .modal-desc, .product-thumb-popup .modal-body .modal-desc * {
font-size: var(--font-size-md-4);
line-height: var(--line-heights-md-4);
color: var(--dark);
}
.product-thumb-popup .modal-body .contact-form-m {
display: flex;
gap: 14px;
margin-top: 20px;
}
.product-thumb-popup .modal-body .contact-form-m .theme-input {
width: 80%;
padding: 8px 20px;
height: 46px;
}
.modal-backdrop {
z-index: 999999;
}
.loading-spiner {
z-index: 9999999999;
}
.reviews {
position: relative;
background-color: white;
z-index: 99999999;
}
.product-details-reviews {
position: relative;
top: -68px;
background-color: white;
z-index: 99999999;
}
.feature-product {
margin-top: -40px !important;
background-color: #fff;
position: relative;
z-index: 99999999;
}
.servicesSec-review {
top: -14px;
}
/* Product Thumb Popup Css End Here */