* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

:root {
    --main: #FF4500;
    --black: #0D0404;
    --rob: 'Roboto';
    --secondary_font: 'Roboto';
    --RHT: 'RedHatText';
}

img {
    max-width: 100%;
    height: auto;
}

a,
a:hover,
a:focus {
    outline: 0px;
    text-decoration: none;
}

input,
input:hover,
input:focus,
button,
button:hover,
button:focus {
    border-radius: 0;
    outline: 0px;
    border: 0px;
    box-shadow: none;
}

body {
    color: var(--black);
    font-family: var(--rob);
}

a {
    font-family: var(--RHT);
    color: var(--black);
    font-weight: 500;
    display: inline-block;
}

p {
    font-size: 17px;
    font-family: var(--RHT);
    line-height: 22px;
    margin-bottom: 0px;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0px;
    font-weight: 400;
}

#top {
    box-shadow: 0 0 6px rgba(0 0 0/16%);
    opacity: 0;
    visibility: hidden;
    transition: all .15s ease;
    position: fixed;
    width: 70px;
    height: 50px;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -25px;
    margin: 0;
    z-index: 10000;
    background: var(--red);
}

#top svg {
    width: 28px;
    fill: #f7f7f7;
    height: 28px;
}

.site-buttons_02,
.site-buttons {
    border-radius: 5px;
    background: var(--main);
    padding: 10px 20px;
    font-size: 17px;
    line-height: 22px;
    color: #fff;
    transition: all 0.3s ease-out;
}

.site-buttons {
    font-size: 15px;
    line-height: 20px;
    padding: 6px 19px;
}

.site-buttons:hover,
.site-buttons_02:hover {
    transform: translateY(-8px);
    color: #fff;
}

.bg-section {
    background-color: #f9f9f9;
    margin-top: 100px;
    padding: 80px 0
}

@media (max-width: 1024px) {
    .bg-section {
        margin-top: 90px;
        padding: 70px 0
    }
}
@media (max-width: 768px) {
  
  .bg-section {
        margin-top: 80px;
        padding: 60px 0
    }
}
/* @media (max-width: 575px) { */
  
  /* .bg-section { */
        /* margin-top: 40px; */
        /* padding: 40px 0 */
    /* } */
/* } */
.section {
    background-color: #fff;
    margin-top: 100px
}
@media (max-width: 1024px) {
    .section {
        margin-top: 90px
    }
}
@media (max-width: 768px) {
    .section {
        margin-top: 80px
    }
}

/* @media (max-width: 575px) { */
    /* .section { */
        /* margin-top: 40px */
    /* } */
/* } */

.section-head {
    line-height: 0;
}

.section-head strong {
    margin-bottom: 11.8px;
    display: inline-flex;
    align-items: center;
}

.section-head strong::before,
.section-head strong::after {
    display: inline-block;
    width: 28.5px;
    height: 1px;
    content: '';
    background: #CBCBCB;
}

.section-head svg {
    width: 15.47px;
    margin: 0px 10px;
    height: 15.5px;
    fill: var(--main);
}

.section-head span {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    word-spacing: 4px;
    display: block;
    margin-bottom: 11px;
    color: var(--main);
    text-transform: uppercase;
}

h2 {
    font-size: 35px;
    line-height: 42px;
}

.section-head p {
    margin-top: 25px;
}


/* header-open */

#header {
    padding: 22px 0px;
}

#header .navbar {
    padding: 0;
}

#header .navbar-brand {
	width:180px;
}
#header .navbar-brand {
    padding: 0;
}

#header .navbar .nav-item {
    margin: 0px 21.5px;
}

#header .navbar .nav-item:first-child {
    margin-left: 0;
}

#header .navbar .nav-item:last-child {
    margin-right: 0;
}

#header .navbar .nav-link {
    transition: all 0.3s ease;
    position: relative;
    padding: 7.5px 0;
    font-size: 17px;
    line-height: 20px;
    color: var(--black);
    font-family: var(--rob);
}

#header .navbar .nav-link::before {
    transition: all 0.3s ease;
    position: absolute;
    bottom: -10px;
    opacity: 0;
    content: '';
    height: 2px;
    background: var(--main);
    width: 100%;
}

#header .navbar .nav-link.is-active,
#header .navbar .nav-link:hover {
    color: var(--main);
}

#header .navbar .nav-link:hover::before,
#header .navbar .nav-link.is-active::before {
    bottom: 0;
    opacity: 1;
}

#header .navbar .site-buttons {
    margin-left: 93px;
}

.badge {
       position: relative;
    top: -10px;
    line-height: normal;
    height: 21px;
    width: 20px;
    right: 15px;
    background: var(--main);
    color: #fff;
    padding: 3px;
    border-radius: 15px;
}

#header .nav-buttons {
    margin-left: 93px;
    display: flex;
}

#header .client-user svg {
    transition: all 0.3s ease;
    width: 32px;
    fill: var(--main);
    height: 27px;
    margin-top: 2px;
}

#header .login {
    margin-left: 20px;
}

#header .login svg {
    transition: all 0.3s ease;
    width: 23px;
    height: 25px;
    fill: var(--main);
    stroke: var(--main);
    margin-top: 3px;
}

.site-buttons_02 {
    color: #fff!important;
}

.home-contact-right a:hover{
    transition: all 500ms ease;
}


/* header-close */


/* home-banner-open */

.home-banner-slide_01 {
    background: url('../img/homebanner_01.jpg') no-repeat center;
    background-size: cover;
}

.home-banner-slide_02 {
    background: url('../img/homebanner_02.jpg') no-repeat center;
    background-size: cover;
}

.home-banner-slide_03 {
    background: url('../img/homebanner_03.jpg') no-repeat center;
    background-size: cover;
}

.home-banner-slide {
    padding: 150px 0px;
    position: relative;
	background-position:center;
}

/* .home-banner-slide::before { */
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
    /* width: 100%; */
    /* height: 100%; */
    /* content: ''; */
    /* background: url('../img/homebanner-overlay.png') no-repeat center; */
    /* background-size: cover; */
/* } */

.home-banner-content {
    position: relative;
}

.home-banner-content div {
    font-size: 57px;
    line-height: 69px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 24.5px;
}

.home-banner-content {
    max-width: 462px;
}

.home-banner-content p {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 55px;
    font-weight: 400;
    font-family: var(--RHT);
}

.home-banner-slider .slick-dots {
    position: absolute;
    left: 20px;
    width: unset;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
}

.home-banner-slider .slick-dots li {
    display: block;
    width: 14px;
    transition: all 0.3s ease;
    height: 14px;
    border: 3px solid #fff;
    background: #fff;
    border-radius: 50%;
    margin: 10px 0px;
}

.home-banner-slider .slick-dots li.slick-active {
    background: var(--main);
}

.home-banner-slider .slick-dots li button {
    display: none;
}


/* home-banner-close */


/* home-about-open */

.home-about-left {
    flex-wrap: wrap;
    display: flex;
    margin: 0px -10px;
}

.left-box_01 {
    flex: 0 0 43%;
    margin-bottom: 24px;
}

.left-box_02 {
    margin-bottom: 24px;
    flex: 0 0 57%;
}

.left-box_03 {
    margin-bottom: 0;
    flex: 0 0 54.83%;
}

.left-box_04 {
    margin-bottom: 0;
    flex: 0 0 43.17%;
}

.left-box_01 figure {
    margin-top: 57px;
    text-align: right;
}

.home-about-left-box figure {
    margin-bottom: 0;
}

.home-about-left-box {
    padding: 0px 10px;
}

.home-about-left-box img {
    border-radius: 12px;
}

.home-about-left-box div {
    border-radius: 12px;
    background: url('../img/about-us3.jpg') no-repeat center;
    background-size: cover;
    padding: 53px 30px;
    color: #fff;
}

.home-about-left-box span {
    display: block;
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
    color: #E2E2E2;
    margin-bottom: 22px;
    font-family: var(--RHT);
}

.home-about-left-box h1 {
    font-size: 27px;
    padding: 0.5px 0px;
    line-height: 32px;
}

.home-about-right h2 {
    padding-bottom: 3px;
}

.home-about-right p {
    padding-top: 22px;
}

.home-about-right a {
    margin-top: 39.8px;
}


/* home-about-close */


/*home-services-open */

.home-services {
    padding: 80px 0px;
    background: url('../img/homeservicesbg.jpg') no-repeat center;
    background-size: cover;
}

.home-services .section-head {
    text-align: center;
}

.home-services-inner {
    box-shadow: 0px 5px 10px rgba(0 0 0/16%);
    transition: all 0.5s ease;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 50.8px;
    background-color: #fff;
}

.home-services-inner:hover {
    background: url('../img/homeserviceshover.jpg') no-repeat center;
    background-size: cover;
}

.home-services-inner figure {
    overflow: hidden;
    margin-bottom: 0;
}

.home-services-inner figure img {
    transition: all 0.5s;
}

.home-services-inner span {
    display: inline-block;
    position: absolute;
    background: var(--main);
    width: 62px;
    left: 50%;
    transform: translateX(-50%);
    top: -31px;
    line-height: 62px;
    text-align: center;
    border-radius: 50%;
}

.home-services-inner svg {
    width: 28.75px;
    fill: #fff;
    height: 28.86px;
    margin-left: 3px;
}

.home-services-inner div {
    text-align: center;
    position: relative;
    padding: 26px 30px;
    padding-top: 58px;
    min-height: 300px;
}

.home-services-inner h3 {
    line-height: 0;
    margin-bottom: 10px;
}

.home-services-inner h3 a {
    transition: all 0.5s ease;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
    font-family: var(--rob);
}

.home-services-inner h3 a:hover {
    color: #000;
}

.home-services-inner p {
    transition: all 0.5s ease;
    margin-bottom: 25px;
    min-height: 90px;
}

.home-services-inner:hover a,
.home-services-inner:hover p {
    color: #fff;
}

.home-services-inner:hover img {
    transform: scale(1.1);
}


/*home-services-close */


/*home-product-open */

.home-product .section-head {
    text-align: center;
    margin: 0px auto;
    max-width: 500px;
}

.home-product-slider {
    padding-top: 30.8px;
}

.home-product-slider .slick-dots {
    line-height: 0;
    margin-top: 40px;
    position: unset;
}

.home-product-slider .slick-dots li {
    width: 14px;
    border-radius: 50%;
    background: #C8C8C8;
    height: 14px;
    margin: 0px 5px;
    transform: scale(0.714);
    transition: all 0.3s ease;
}

.home-product-slider .slick-dots li.slick-active {
    transform: none;
    background: var(--main);
}

.home-product-slider .slick-dots li button {
    display: none;
}
.products-btn{
	display:flex;
    width: 100%;
	gap:10px;
	margin-top:10px;
}

.products-btn a,
.products-btn a:last-child{
	 border-radius: 5px;
    background: var(--main);
    padding: 10px 10px;
    font-size: 17px;
    line-height: 22px;
    color: #fff;
    transition: all 0.3s ease-out;
    width: 100%;
    text-align: center;
}
.products-btn a:last-child:hover{
	transform: translateY(-8px);
    color: #fff;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.home-product-slider .slick-list {
    margin: 0px -15px;
}

.home-product-slide {
    text-align: center;
    padding: 15px;
}
.home-product-slide-inner img,
.home-product-slide img {
	width:100%;
	border-radius:10px 10px 0px 0px;
    display: inline-block;
	height:210px;
	object-fit:cover;
}


.home-product-slide-inner {
    transition: all .3s ease;
    background: #fff;
	border-radius:10px 10px 5px 5px;
    padding-bottom: 20px;
    text-align: center;
    /* max-width: 255px; */
	
}

.home-product-slide-inner:hover {
    box-shadow: 0px 5px 10px rgba(0 0 0/16%);
}

.home-product-slide-inner figure {
    overflow: hidden;
    margin: 0;
    /* border-bottom: 1px solid rgba(166 33 57/44%); */
    /* padding-bottom: 55px; */
    position: relative;
}

.home-product-button {
    transition: all .3s ease;
    position: absolute;
    bottom: -20px;
    opacity: 0;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
}

.home-product-slide-inner:hover .home-product-button {
    bottom: 13px;
    opacity: 1;
}

.home-product-slide-inner svg {
    fill: #fff;
    transition: all 0.3s ease;
}

.home-product-button a {
    transition: all 0.3s ease;
    margin: 0px 5px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: var(--main);
}

.home-product-button a:hover {
    background: #fff;
    box-shadow: 0 0 6px rgba(0 0 0/ 16%);
}

.home-product-button a:hover svg {
    fill: var(--main);
}

.home-product-button .wishlist svg {
    width: 11.06px;
    height: 10.29px;
}

.home-product-button .zoom svg {
    width: 11.06px;
    height: 10.29px;
}

.home-product-content {
    padding: 14px;
    padding-bottom: 0;
	text-align: left;
	display:flex;
	height:206px;
	flex-wrap:wrap;
	align-items:flex-end;
}

.home-product-content h3 {
    line-height: 0;
	width:100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
	border-bottom: 1px solid rgba(166 33 57/44%);
    /* min-height: 40px; */
}

.services-content span svg {
    height: 30px;
    width: 30px;
}

.home-product-content h3 a {
    transition: all 0.3s ease;
    font-size: 19px;
    line-height: 25px;
    font-weight: 500;
    font-family: var(--rob);
}

.home-product-content h3 a:hover {
    color: var(--main);
}
.home-product-slide-inner .product-tenure{
	color:#333;
	    margin: 0;
    font-size: 16px;
	width:100%;

}
.home-product-content span {
    /* margin: 15px 0 10px 0; */
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    font-family: var(--rob);
    color: var(--main);
}


/*home-product-close */
.slick-track{
    margin-left: 0px;
    margin-right: 0px;
}

/*our-regular-customer-open */

.our-regular-customer {
    /* background: #F5F5F5; */
    /* padding: 79.3px 0px; */
    text-align: center;
    line-height: 0;
}

.regular-customer {
    position: relative;
    margin-top: 60px;
    z-index: 1;
}

.customer-slider-arrow {
    z-index: -1;
    position: absolute;
    left: -90px;
    right: -90px;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    justify-content: space-between;
}

.customer-slider-arrow i {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background: var(--main);
    border-radius: 50%;
    line-height: 40px;
}

.regular-customer i svg {
    fill: #fff;
    width: 6.04px;
    min-width: 6.04px;
    height: 12.01px;
}

.regular-customer-slider .slick-list {
    margin: 0px -15px;
}

.regular-customer-slide {
    padding: 0px 15px;
}


/*our-regular-customer-close */


/*home-blog-open */

.home-blog-wrp {
    line-height: 0;
}

.home-blog-wrp .site-buttons {
    margin-top: 28.8px;
}


/* .home-blog-left {
    max-width: 517px;
} */

.home-blog-left .section-head {
    margin-bottom: 50px;
}

.home-blog figure {
    margin-bottom: 30px;
}

.home-blog h3 {
    line-height: 0;
}

.home-blog a {
    transition: all 0.3s ease;
}

.home-blog a:hover {
    color: var(--black);
}

.home-blog h3 a {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    color: var(--main);
    font-family: var(--rob);
}

.home-blog .blog-meta {
    display: flex;
}

.home-blog .blog-meta span {
    margin-top: 7px;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    font-weight: 400;
    color: var(--main);
    font-family: var(--RHT);
}

.home-blog .blog-meta span svg {
    fill: var(--main);
}

.home-blog .blog-meta span:first-child {
    margin-right: 40px;
}

.home-blog .blog-meta span:first-child svg {
    margin-right: 10.9px;
    width: 11.13px;
    height: 12.66px;
}

.home-blog .blog-meta span:last-child svg {
    margin-right: 10.2px;
    width: 15.77px;
    height: 15.76px;
}

.home-blog p {
    max-width: 468px;
    padding-top: 25px;
}


/* .home-blog-content {
    padding-left: 30px;
} */

.home-blog-content>a {
    font: var(--rob) 17px/20px 400;
    line-height: 20px;
    color: var(--main);
    margin-top: 15px;
}

.newslatter {
    max-width: 511px;
    margin-left: auto;
    background: url('../img/newslatterbg.jpg') no-repeat center;
    background-size: cover;
    padding: 38px 20px;
    margin-top: 50px;
}

.newslatter h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: var(--main);
    margin-bottom: 25px;
}

.newslatter form {
    display: flex;
}

.newslatter form input[type='email'],
.newslatter form .form-item input {
    flex: 1;
    display: block;
    font-size: 16px;
    line-height: 16px;
    padding:10px;
    font-weight: 400;
    font-family: var(--mon);
    width: 100%;
	border: 0;
    /* padding: 13.5px 25px; */
    margin-right: 10px;
	border-radius:5px;
}

.newslatter form .site-buttons,
.newslatter form .site-buttons input {
    /* border-radius: 0; */
    margin: 0;
    /* font-size: 12px; */
    /* line-height: 16px; */
    min-width: 113px;
    /* padding: 13.5px 22.5px; */
	border-radius: 5px;
    background: var(--main);
    /* padding: 10px 20px; */
    font-size: 17px;
    line-height: 22px;
    color: #fff;
    transition: all 0.3s ease-out;
}
.newslatter form .site-buttons:hover {
    transform: translateY(-8px);
    color: #fff;
}

.home-blog-right {
    max-width: 511px;
    /* margin-left: auto; */
}

.home-blog-right p {
    max-width: unset;
}


/*home-blog-close */


/*home-contact-open */

.home-contact {
    padding: 42.5px 0px;
    /* background: #ECECEC; */
}

.home-contact-left {
    align-items: center;
    display: flex;
}

.home-contact-left svg {
    fill: var(--main);
    width: 67.24px;
    height: 68px;
}

.home-contact-left h3 {
    margin-bottom: 15px;
    font-size: 32px;
    color: var(--main);
    line-height: 39px;
}

.home-contact-content {
    margin-left: 25.8px;
}

.home-contact-right {
    text-align: right;
}


/*home-contact-close */


/*footer */

#footer {
    background: url('../img/footer-bg.jpg') no-repeat center;
    padding: 55px 0px;
}

.footer-inner ul {
    justify-content: center;
    display: flex;
    margin-bottom: 35px;
}

.footer-inner ul li {
    margin: 0px 40px;
}

.footer-inner ul li:first-child {
    margin-left: 0px;
}

.footer-inner ul li:last-child {
    margin-right: 0px;
}

.footer-inner ul li a {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}

.footer-social {
    display: flex;
    margin-bottom: 30.5px;
    justify-content: center;
    align-items: center;
}

.footer-social svg {
    fill: #fff;
}

.footer-social a {
    margin: 0px 20px;
}

.footer-social .facebook {
    width: 14.09px;
    height: 28.18px;
}

.footer-social .instagram {
    width: 31.53px;
    height: 31.52px;
}

.footer-social .twitter {
    width: 30.97px;
    height: 25.15px;
}

.footer-inner h3 svg {
    width: 21.1px;
    height: 21px;
    fill: #fff;
}

.footer-inner h3 {
    text-align: center;
    font-size: 28px;
    color: #fff;
    line-height: 34px;
}


/*footer */


/*footer */

#footer {
    background: url('../img/footer-bg.jpg') no-repeat center;
    background-size: cover;
    padding: 55px 0px;
}

.footer-inner ul {
    line-height: 0;
    justify-content: center;
    display: flex;
    margin-bottom: 35px;
}

.footer-inner ul li {
    margin: 0px 40px;
}

.footer-inner ul li:first-child {
    margin-left: 0px;
}

.footer-inner ul li:last-child {
    margin-right: 0px;
}

.footer-inner ul li a {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    font-family: var(--rob);
}

.footer-social {
    display: flex;
    margin-bottom: 30.5px;
    justify-content: center;
    align-items: center;
}

.footer-social svg {
    fill: #fff;
}

.footer-social a {
    margin: 0px 20px;
}

.footer-social .facebook svg {
    width: 14.09px;
    height: 28.18px;
}

.footer-social .instagram svg {
    width: 31.53px;
    height: 31.52px;
}

.footer-social .twitter svg {
    width: 30.97px;
    height: 25.15px;
}

.footer-inner h3 svg {
    width: 21.1px;
    height: 21px;
    fill: #fff;
    margin-right: 20.9px;
}

.footer-inner h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
    line-height: 34px;
}

.footer-inner h3 a {
    font-weight: 400;
    font-family: var(--rob);
    color: #fff;
}

.footer-contact {
    margin: 0px -30px;
    margin-top: 18px;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-contact-inner {
    margin-top: 20px;
    display: flex;
    align-items: center;
    padding: 0px 30px;
}

.footer-contact-inner a {
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
}

.footer-contact-inner span {
    display: flex;
}

.footer-contact-inner span small {
    min-width: 62px;
}

.footer-contact-inner span,
.footer-contact-inner small {
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
    font-family: var(--RHT);
    color: #fff;
}

.footer-contact_01 {
    display: flex;
}

.footer-contact svg {
    fill: var(--main);
    margin-right: 15.4px;
}

.footer-contact_01 svg {
    width: 30.61px;
    height: 29.28px;
}

.footer-contact_02 svg {
    width: 30.61px;
    height: 30.58px;
}

.footer-contact_03 svg {
    width: 30.59px;
    height: 21.3px;
}

.footer-bar {
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-family: var(--RHT);
    margin-top: 35px;
}


/*footer */


/*  dashboard   */

.dashboard {
    margin-top: 15px;
}

.icon-detials {
    margin-bottom: 25px;
    width: 100%;
}

.icon-detials a {
    text-align: center;
    margin-bottom: 25px;
    background: #dd897e29;
    border-radius: 10px;
    padding: 30px 0;
    display: block;
    margin: 0px 20px;
    margin-bottom: 0px;
    text-decoration: none;
}

.icon-detials a svg {
    width: 70px;
    height: 70px;
    margin: auto;
    fill: #dd897e;
}

.icon-detials .icon-title {
    margin: auto;
    color: #dd897e;
    padding-top: 8px;
    font-size: 18px;
}

.icon-detials:hover svg,
.icon-detials:hover .icon-title {
    fill: #000;
    color: #000;
}


/*  search form   */

.search-form .container-inline {
    display: flex;
}

.search-form .js-form-item label {
    font-size: 20px;
}

.search-form .js-form-item input {
    border: 2px solid #dd897e;
    padding: 10px;
}

.search-form input.button {
    padding: 7px 20px;
    margin: 15px 26px;
    background: #dd897e;
    color: #fff;
    font-size: 18px;
    border: 2px solid #dd897e;
}

.search-form input.button:hover {
    background: #fff;
    color: #dd897e;
}


/* fotter logo css Start*/

#footer-fifth {}


/* #footer-fifth a,
#footer-fifth p {
    color: #fff;
} */

.fotter-copy {
    float: left;
    margin-top: 13px;
    color: #000;
    font-size: 14px;
}

.marketing-logo {
    float: right;
}

.marketing-logo-left {
    float: left;
    padding-top: 4px;
    font-size: 12px;
    line-height: 13px;
    text-align: right;
}

.marketing-logo-right {
    float: right;
}

.marketing-logo-right img {
    width: 50px;
    top: 0;
}

.captcha label {
    margin-bottom: 0;
}

.captcha {
    /* background: #f7f7f7; */
    /* padding: 0px 0px 15px 25px; */
    width: 100%;
    margin: 0px 15px 0 15px;
}

.captcha input {
    background: #fff;
    width: 100%;
    margin-bottom: 5px;
}

.getintouch-form .form-item {
    margin: 30px 0 0 0;
}

.customer-slider-arrow {
    bottom: -14px;
    top: inherit;
}

.home-product-button .zoom svg {
    height: 17px;
    width: 17px;
    margin-top: 5px;
}

.home-product-button .wishlist svg {
    height: 17px;
    width: 17px;
    margin-top: 5px;
}


/*adding in-drupal */

.home-blog-wrp .site-buttons_02 {
    margin-top: 28.8px;
}

.newslatter form .form-item {
    margin: 16px;
    margin-left: 0;
}

/* .newslatter form input[type='email'], */
/* .newslatter form .form-item input { */
    /* flex: 1; */
    /* display: block; */
    /* font-size: 12px; */
    /* line-height: 16px; */
    /* font-weight: 400; */
    /* font-family: var(--mon); */
    /* width: 100%; */
    /* padding: 13.5px 25px; */
    /* margin-right: 10px; */
    /* min-height: 45px; */
    /* border: 0; */
    /* border-radius: 0; */
/* } */

/* .newslatter form .site-buttons, */
/* .newslatter form .site-buttons input { */
    /* border-radius: 0; */
    /* margin: 0; */
    /* font-size: 12px; */
    /* line-height: 16px; */
    /* min-width: 113px; */
    /* padding: 13.5px 22.5px; */
/* } */

.messages--status {
    position: absolute;
    top: -100px;
    width: 100%;
    padding: 21px 30px;
    line-height: 10px;
    z-index: 1;
}

.messages--error {
    z-index: 1;
    position: absolute;
    top: -120px;
    width: 100%;
    padding: 17px 30px;
    line-height: 20px;
}

.messages--status ul li a {
    margin-top: 10px;
}

.marketing-logo {
    float: right;
}

.marketing-logo-left {
    float: left;
    padding-top: 4px;
    font-size: 12px;
    line-height: 13px;
    text-align: right;
}

.marketing-logo-right {
    float: right;
}

.footer-inner a:hover,
.footer-inner a svg:hover {
    color: var(--main);
    fill: var(--main);
}


/*inner-page-open*/


/*inner-banner-open*/

.section-head.text-center {
    max-width: 510px;
    margin: 0px auto;
	margin-bottom: 45.8px;
}

.inner-banner {
    background: url('../img/about-us3.jpg') no-repeat center;
    background-size: cover;
    padding: 162px 0px;
}

.inner-page-banner {
    padding: 162px 0px;
	    background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
}

.inner-banner h1,
.inner-page-banner h1 {
    font-size: 64px;
    line-height: 85px;
    font-weight: 700;
    margin-bottom: 25px;
    font-family: var(--RHT);
    color: #fff;
    text-transform: uppercase;
}

.inner-banner p,
.inner-page-banner p {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
}

.inner-banner-content p {
    max-width: 450px;
}


/*inner-banner-close*/


/*product-page-open*/

#block-views-block-products-block-6 .section-head,
.products-wrp .section-head {
    margin-bottom: 45.8px;
}

.product-inner {
    transition: all .3s ease;
    background: #fff;
    padding: 20px 0px;
    margin-bottom: 70px;
    text-align: center;
}

.product-inner:hover {
    box-shadow: 0px 5px 10px rgba(0 0 0/16%);
}

.product-inner figure {
    overflow: hidden;
    margin: 0;
    min-height: 268px;
    padding: 0px 15px;
    border-bottom: 1px solid rgba(166 33 57/44%);
    padding-bottom: 55px;
    position: relative;
}

.product-button {
    transition: all .3s ease;
    position: absolute;
    bottom: -20px;
    opacity: 0;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
}

.product-inner:hover .product-button {
    bottom: 13px;
    opacity: 1;
}

.product-inner svg {
    fill: #fff;
    transition: all 0.3s ease;
}

.product-button a {
    transition: all 0.3s ease;
    margin: 0px 5px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: var(--main);
}

.product-button a:hover {
    background: #fff;
    box-shadow: 0 0 6px rgba(0 0 0/ 16%);
}

.product-button a:hover svg {
    fill: var(--main);
}

.product-button .wishlist svg {
    width: 11.06px;
    height: 10.29px;
}

.product-button .zoom svg {
    width: 11.06px;
    height: 10.29px;
}

.product-content {
    padding: 14px;
    padding-bottom: 0;
}

.product-content h3 {
    line-height: 0;
    margin-bottom: 10px;
}

.product-content h3 a {
    transition: all 0.3s ease;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    font-family: var(--rob);
}

.product-content h3 a:hover {
    color: var(--main);
}

.product-content span {
    margin-bottom: 15px;
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--rob);
    color: var(--main);
}

.product_05,
.product_06,
.product_07,
.product_08 {
    margin-bottom: 0;
}


/* product-page-close */


/* laptop-page-close */

.laptop-content h3 {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 25px;
    color: var(--main);
}

.laptop {
    margin-bottom: 80px;
}

.laptop-content p:first-of-type {
    margin-bottom: 22px;
}

.laptop-content p:last-child {
    margin-bottom: 0px;
}

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


/* laptop-page-close */


/* services-page-open */

.services-content span {
    width: 85px;
    height: 85px;
    background: #F6F6F6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    fill: var(--main);
    border-radius: 50%;
}

.services-img {
    margin-right: -15px;
}

.services-content {
    padding-left: 35px;
}

.services-content h3 {
    margin-bottom: 25px;
    color: var(--main);
    font-size: 30px;
    line-height: 36px;
}

.services {
    margin-bottom: 80px;
}

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

.services .flex-row-reverse .services-content {
    padding-left: 0;
    padding-right: 48px;
}

.services .flex-row-reverse .services-img {
    margin-right: 0;
    margin-left: -15px;
}

.services_01 span svg {
    width: 41.69px;
    height: 44.3px;
}

.services_02 span svg {
    width: 44.28px;
    height: 44.11px;
}

.services_03 span svg {
    width: 44.11px;
    height: 44.13px;
}

.services_04 span svg {
    width: 30px;
    height: 44.58px;
}

.services_05 span svg {
    width: 11px;
    height: 49px;
}


/* services-page-close */


/*contact-page-open */

/* .contact-wrp .section-head { */
    /* max-width: 517px; */
/* } */

.contact-inner {
    margin-top: 40.8px
}

.contact-inner h3 {
    font-size: 35px;
    line-height: 42px;
    color: var(--main);
}

.contact-inner h3::after {
    width: 55px;
    height: 2px;
    content: '';
    display: block;
    margin-top: 9.5px;
    background-color: var(--main);
}

.contact-inner ul {
    padding: 0;
    margin: 0;
    padding-top: 3px;
}

.contact-inner ul li {
    margin-top: 26px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.contact-inner ul li svg {
    fill: var(--main);
    width: 30.61px;
    margin-right: 15.4px;
}

.contact-inner ul li.contact_1 svg {
    height: 29.28px;
}

.contact-inner ul li.contact_2 svg {
    height: 25.2px;
}

.contact-inner ul li.contact_3 svg {
    height: 21.3px;
}

.contact-inner ul li.contact_4 svg {
    height: 30.58px;
}

.contact-inner ul a,
.contact-inner ul span {
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
    font-family: var(--RHT);
}

.contact-inner span:first-child {
    line-height: 22px;
}

.contact-inner span:first-child~a {
    margin-top: 4px;
}

.contact-inner ul li.contact_1 {
    align-items: unset;
}

.contact-map {
    line-height: 0;
    margin-top: 80px;
}

.contact-map iframe {
    width: 100%;
    height: 369px;
}


/*blog-page-open */

.blog {
    margin-bottom: 55px;
}

.blog_03,
.blog_04 {
    margin-bottom: 0;
}

.blog h3 {
    line-height: 0;
}

.blog a {
    transition: all 0.3s ease;
}

.blog a:hover {
    color: var(--black);
}

.blog h3 a {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    color: var(--main);
    font-family: var(--rob);
}

.blog .p_blog-meta {
    display: flex;
}

.blog .p_blog-meta span {
    align-items: center;
    margin-top: 7px;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    font-weight: 400;
    color: var(--main);
    font-family: var(--RHT);
}

.blog .p_blog-meta span svg {
    fill: var(--main);
}

.blog .p_blog-meta span:first-child {
    margin-right: 40px;
}

.blog .p_blog-meta span:first-child svg {
    margin-right: 10.9px;
    width: 11.13px;
    height: 12.66px;
}

.blog .p_blog-meta span:last-child svg {
    margin-right: 10.2px;
    width: 15.77px;
    height: 15.76px;
}

.blog p {
    padding-top: 25px;
}

.blog-content {
    padding-left: 30px;
}

.blog-content>a {
    font-size: 17px;
    font-weight: 400;
    font-family: var(--rob);
    line-height: 20px;
    color: var(--main);
    margin-top: 15px;
}


/*blog-page-close */


/*blog-details-page-open */

.blog-details-inner figure {
    margin-bottom: 30px;
}

.blog-details-inner h3 {
    margin-bottom: 15px;
    color: var(--main);
    font-size: 35px;
    line-height: 45px;
}

.blog-details-inner .blogdetails-meta {
    margin-bottom: 35px;
    display: flex;
}

.blog-details-inner .blogdetails-meta span {
    align-items: center;
    margin-top: 7px;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    font-weight: 400;
    color: var(--main);
    font-family: var(--RHT);
}

.blog-details-inner .blogdetails-meta span svg {
    fill: var(--main);
}

.blog-details-inner .blogdetails-meta span:first-child {
    margin-right: 40px;
    text-transform: capitalize;
}

.blog-details-inner .blogdetails-meta span:first-child svg {
    margin-right: 10.9px;
    width: 11.13px;
    height: 12.66px;
}

.blog-details-inner .blogdetails-meta span:last-child svg {
    margin-right: 10.2px;
    width: 15.77px;
    height: 15.76px;
}

.blog-details-inner p {
    margin-bottom: 25px;
}

.blog-details-inner p:last-child {
    margin-bottom: 0;
}


/*blog-details-page-close */


/*product-details-page-open */

.product-detial-content h3 {
    font-size: 35px;
    font-size: 45px;
}

.prductdetails-slider {
    flex: 0 0 80%;
    max-width: 80%;
}

.prduct-slider-nav {
    flex: 0 0 20%;
    margin-bottom: -11px;
    max-width: 20%;
    padding-right: 20px;
}

.prduct-slider-nav .img-box {
    margin-bottom: 11px;
    opacity: 0.7;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

.prduct-slider-nav .img-box:hover {
    border: 1px solid var(--main);
    opacity: unset;
}

.prduct-slider-nav .slick-current {
    opacity: unset;
    border: 1px solid var(--main);
}

.productdetails-right h3 {
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 37px;
}

.productdetails-right span {
    font-size: 17px;
    line-height: 25px;
    display: block;
    margin-bottom: 15px;
    color: var(--main);
}

.quantity {
    margin-top: 20px
}

.quantity label {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 15px;
}

.quantity input {
    /* background: #ffffff; */
    appearance: none;
    width: 120px;
    text-align: center;
    height: 48px;
    color: var(--main);
    border-radius: 5px;
    border: 1px solid var(--main);
    line-height: 40px;
    padding: 5px 15px;
    margin-right: 10px;
}

.quantity .wishlist,
.quantity .site-buttons {
    padding: 10px;
	height:fit-content;
}

.quantity svg {
    fill: #fff;
    width: 15px;
    height: 15px;
}

.productdetails-right small {
    display: flex;
    font-size: 13px;
    line-height: 15px;
    color: var(--main);
    margin-bottom: 12px;
}

.productdetails-right small div {
    margin-left: 15px;
}

.prductdetails-left {
    align-items: center;
    display: flex;
}

.relatedproduct-inner {
    transition: all .3s ease;
    background: #fff;
    padding: 20px 0px;
    text-align: center;
}

.relatedproduct-inner:hover {
    box-shadow: 0px 5px 10px rgba(0 0 0/16%);
}

.relatedproduct-inner figure {
    overflow: hidden;
    margin: 0;
    min-height: 268px;
    padding: 0px 15px;
    border-bottom: 1px solid rgba(166 33 57/44%);
    padding-bottom: 55px;
    position: relative;
}

.relatedproduct-button {
    transition: all .3s ease;
    position: absolute;
    bottom: -20px;
    opacity: 0;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
}

.relatedproduct-inner:hover .relatedproduct-button {
    bottom: 13px;
    opacity: 1;
}

.relatedproduct-inner svg {
    fill: #fff;
    transition: all 0.3s ease;
}

.relatedproduct-button a {
    transition: all 0.3s ease;
    margin: 0px 5px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: var(--main);
}

.relatedproduct-button a:hover {
    background: #fff;
    box-shadow: 0 0 6px rgba(0 0 0/ 16%);
}

.relatedproduct-button a:hover svg {
    fill: var(--main);
}

.relatedproduct-button .wishlist svg {
    width: 11.06px;
    height: 10.29px;
}

.relatedproduct-button .zoom svg {
    width: 11.06px;
    height: 10.29px;
}

.relatedproduct-content {
    padding: 14px;
    padding-bottom: 0;
}

.relatedproduct-content h3 {
    line-height: 0;
    margin-bottom: 10px;
}

.relatedproduct-content h3 a {
    transition: all 0.3s ease;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    font-family: var(--rob);
}

.relatedproduct-content h3 a:hover {
    color: var(--main);
}

.relatedproduct-content span {
    margin-bottom: 15px;
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--rob);
    color: var(--main);
}

.related-product {
    margin-bottom: 25px;
}

.relatedproduct-inner {
    margin-top: 55px;
}


/*product-details-page-close */


/*others css adding in drupal */

.system-col:nth-child(1),
.system-col:nth-child(1),
.system-col:nth-child(2),
.system-col:nth-child(3),
.system .system-col,
.system .system-col:nth-child(4) {
    margin-bottom: 70px;
}

.btn-primary {
    /* color: #fff!important; */
    color: #fff;
    background-color: var(--main);
    border-color: var(--main);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--main);
    border-color: var(--main);
    border-radius: 5px;
}

#commerce-product-add-to-cart-form .form-control{
	margin-top:10px;
	width:auto;
}
#commerce-product-add-to-cart-form .form-control:focus,
#commerce-product-add-to-cart-form .form-control:hover{
	border-radius:4px;	
	border-color:var(--main);
}
.form-control:focus {
    box-shadow: none;
}

#page-6 .home-contact {
    margin-top: -5px;
}

ul.menu a.is-active {
    color: var(--main);
}

.cart-form .form-actions,
.cart-form .form-item {
    margin-top: 0;
}

.table-responsive td input {
    border: 0;
}

.cart-form .form-actions input,
.cart-form form-item input,
.cart-form .form-submit input {
    border: 0;
}

.cart-form input {
    border: 0;
    border-radius: 0;
    padding: 10px 30px;
}

.cart-form .table-responsive tr td {
    vertical-align: middle;
    /* text-align: center; */
}

figure {
    margin: 0 0 1rem;
}


.quantity-inner form .form-actions {
    margin: 0 10px;
}

.modal-content {
    padding: 40px;
}

.modal-content svg {
    display: none;
}

.modal-content p {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
}

.modal-content h3 {
    font-size: 30px;
    margin: 20px 0;
}

.modal-content span.purchased-entity-price {
    margin: 10px 0 15px 0;
    font-weight: bold;
    font-size: 20px;
    color: var(--main);
}

.contact-form {
    margin-top: 40px;
}

.contact-wrp input:hover,
input,
input:hover,
input:focus,
button,
button:hover,
button:focus {
    background-color: none;
    border: 1px solid #ced4da;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--main);
    border-color: var(--main);
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: var(--main);
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgb(166 33 57);
}

.home-blog h3 a {
    margin-bottom: 5px;
}

.newslatter form .messages--error {
    top: 0;
}

img {
    vertical-align: inherit;
}

.mfp-figure button {
    border: 0;
}

.contact-inner ul a:hover {
    color: var(--main);
}

.cart-block--contents {
    width: 400px;
    background: white;
    color: black;
    top: 69px;
    left: 63.5%;
}

.cart-block--contents table td img {
    width: 80px;
    height: auto;
}

.table td,
.table th {
    vertical-align: middle;
    border-left: 1px solid #dee2e6;
}

.home-banner-content p a {
    color: #fff;
}

.home-banner-content p a:hover {
    color: var(--main);
}

#footer-fifth {
    background: #0f0f0f;
    color: #fff;
}

#footer-fifth a {
    color: #fff;
}

.home-blog img{
	    border-radius: 10px;
}
.home-blog .blog-meta span {
    align-items: center;
}

.services-gallery {
    margin-top: 120px;
    /* background: whitesmoke; */
    /* padding: 100px 0; */
}

.services-gallery .services-gallery-column:first-child {
    margin-bottom: 38px;
}

.section-head-laptops {
    margin-top: 120px;
}

.section-head-laptops strong {
    margin-bottom: 11.8px;
    display: inline-flex;
    align-items: center;
}

.section-head-laptops strong::before,
.section-head-laptops strong::after {
    display: inline-block;
    width: 28.5px;
    height: 1px;
    content: '';
    background: #CBCBCB;
}

.section-head-laptops svg {
    width: 15.47px;
    margin: 0px 10px;
    height: 15.5px;
    fill: var(--main);
}

.section-head-laptops strong::before,
.section-head-laptops strong::after {
    display: inline-block;
    width: 28.5px;
    height: 1px;
    content: '';
    background: #CBCBCB;
}

.section-head-laptops span {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    word-spacing: 4px;
    display: block;
    margin-bottom: 11px;
    color: var(--main);
    text-transform: uppercase;
}

.section-head-laptops p {
    margin-top: 25px;
}

.home-products-parts {
	background-image:url('../img/about-us3.jpg');
    /* background: var(--main); */
    padding: 112px 15px 122px 15px;
    color: #fff;
    text-align: center;
	border-radius:15px;
}

.home-products-parts span,
.home-products-parts svg {
    color: #fff;
    fill: #fff;
}

.home-products-parts:after {
    conent: ">";
    position: absolute;
    height: 30px;
    width: 30px;
    top: 0;
}

.home-products-parts:after {
    conent: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid blue;
}

.home-products-parts:before {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid blue;
}

.services-gallery-column img {
    width: 100%;
    height: auto;
}


/*contact-page-close */


/*inner-page-close*/


/*simplelogin-form*/

body.simplelogin {
    background-color: #8a1c30;
}

.simplelogin-logo {
    padding: 5px;
    background: #8a1c30;
    border-radius: 0px 0px 50px 50px;
}

.simplelogin-bg input.button {
    background-color: #8a1c30;
}

.simplelogin-bg input.button:hover {
    background-color: #000;
}

.simplelogin-link a,
.forgot-password a {
    color: #440b15;
}

.simplelogin-link a:hover,
.forgot-password a:hover {
    color: #000;
}

.simplelogin-logo h1 {
    color: #fff;
}

.simplelogin a,
.simplelogin-form .forgot-password a,
.simplelogin a:hover,
.simplelogin a:focus {
    color: #8a1c30;
}


/*simplelogin-form*/
.why-rent .section-title ,
.steps-section .section-title {
  text-align: center;
  margin-bottom: 40px;
}

/* WHY RENT FROM US */

.why-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
}

.why-card {
  background: #fff;
  border-radius: 12px;
  padding: 35px 20px;
  /* text-align: center; */
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
}
.why-card .icon svg{
      width: 64px;
    height: 64px;
    fill: var(--main);
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.why-card .icon {
  margin-bottom: 20px;
}

.why-card h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
	/* color:var(--main); */
    font-family: var(--rob);
  margin-bottom: 15px;
}
.why-card {
    filter: drop-shadow(0 0 20px rgba(0,0,0,.07));
    -webkit-filter: drop-shadow(0 0 20px rgba(0,0,0,.07));
    filter: drop-shadow(0 0 20px rgba(0,0,0,.07));
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: .3s all ease
}

.why-card:before {
    content: '';
    position: absolute;
    right: -65px;
    width: 95px;
    height: 95px;
    top: -55px;
    border-radius: 50px;
    background-color: var(--main);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: -1
}

.why-card:hover .icon svg{
	fill:#fff;
}
.why-card:hover:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    color: #fff;
    background-color: var(--main)
}

.why-card,.why-card h3,.why-card p {
    transition: .3s all ease
}

.why-card:hover,.why-card:hover h3,.why-card:hover p {
    color: #fff
}
/* .steps-wrapper {
  max-width: 1200px;
  margin: auto;
  display: flex;
  gap: 40px;
  position: relative;
} */

.step {
  /* position: relative;
  flex: 1; */
  margin-bottom: 30px;
}

.step-header {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
  padding: 6px 14px;
  border-radius: 20px;
  /* display: inline-block; */
  display: none;
  margin-bottom: 15px;
}

/* .color-1 { background: #f26a21; } */
/* .color-2 { background: #1f3c88; } */
/* .color-3 { background: #18a999; } */
/* .color-4 { background: #f4b400; } */

.step-box {
  background: #fff;
  border-radius: 14px;
  padding: 30px 20px;
  text-align: center;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
  position: relative;
  z-index: 2;
  min-height: 230px;
}
.step-box .icon {
  font-size: 34px;
  margin-bottom: 15px;
}
.step-box h3 {
   font-size: 19px;
    line-height: 25px;
    font-weight: 500;
	/* color:var(--main); */
    font-family: var(--rob);
  margin-bottom: 15px;
}
.step-box .icon svg{
      width: 64px;
    height: 64px;
    fill: var(--main);
}
.arrow {
  position: absolute;
  top: 50%;
  right: -30px;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
}

.arrow::after {
  content: "➜";
  font-size: 23px;
  color: var(--main);
  font-weight: bold;
}

.step-4 .arrow {
  display: none;
}

/* HOVER EFFECT */
.step-box:hover {
  transform: translateY(-6px);
  transition: all 0.3s ease;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  /* .steps-wrapper {
    flex-direction: column;
    gap: 60px;
  } */

  .arrow {
    display: none;
  }
}


/* #block-wcsb-content img{ */
	/* border-radius:10px; */
/* } */
.productdetails-right .field--name-price{
	font-size: 20px;
    font-weight: 600;
}
.productdetails-right small{
	width: fit-content;
    background: var(--main);
    color: white;
    border-radius: 11px;
    padding: 5px 10px;
    font-size: 13px;
	font-weight:600;
}


/* wishlist page design */

.wishlist-user-form {
  padding: 20px 0;
}

.wishlist-user-form #edit-header {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.wishlist-user-form #edit-header input[type="submit"],
.wishlist-user-form #edit-header a.wishlist-button {
  padding: 10px 18px;
  font-size: 14px;
  border-radius: 6px;
  font-weight: 600;
}

.wishlist-user-form #edit-header a.wishlist-button {
  background: #f5f5f5;
  color: #333;
  border: 1px solid #ddd;
}

.wishlist-user-form #edit-header a.wishlist-button:hover {
  background: #e9e9e9;
}
.wishlist-items .row {
  row-gap: 24px;
}
.wishlist-item {
  height: 100%;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.25s ease;
}

.wishlist-item:hover {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}
.wishlist-item__entity {
  margin-bottom: 15px;
}

.wishlist-item__entity a {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  text-decoration: none;
}

.wishlist-item__entity a:hover {
  color: var(--main);
}
.field--name-list-price {
  margin-bottom: 8px;
}

.field--name-list-price .field__label {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 2px;
}

.field--name-list-price .field__item {
  font-size: 18px;
  font-weight: 700;
  margin:15px 0px;
  color: #111827;
}
.wishlist-item__actions {
  margin-top: auto;
}

.wishlist-item__actions .form-wrapper {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.wishlist-item__actions input[type="submit"] {
  flex: 1;
  padding: 9px 12px;
  font-size: 14px;
  border-radius: 6px;
}
.wishlist-item__actions input[value="Remove"] {
  background-color: #f8f9fa;
  color: var(--main);
  border: 1px solid var(--main);
}

.wishlist-item__actions input[value="Remove"]:hover {
  background-color: var(--main);
  color: #fff;
}
@media (max-width: 767px) {
  .wishlist-user-form #edit-header {
    flex-direction: column;
  }

  .wishlist-item__actions .form-wrapper {
    flex-direction: column;
  }
}



.cart-block--contents {
  position: absolute;
  right: 0;
  top: 100%;
  width: 420px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
  border: 1px solid #e5e7eb;
  z-index: 1000;
}
.cart-block--contents__inner {
  padding: 16px;
}
.cart-block--contents__items {
  max-height: 320px;
  overflow-y: auto;
}
.cart-block table {
  width: 100%;
  border: none;
  margin: 0;
}

.cart-block table tr {
  border-bottom: 1px solid #f1f1f1;
}

.cart-block table td {
  padding: 10px 6px;
  vertical-align: middle;
  border: none;
}
.views-field-field-variation-images img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.views-field-title-1 {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.4;
}
.views-field-quantity {
  font-size: 13px;
  color: #6b7280;
  white-space: nowrap;
}
.views-field-total-price__number {
  font-size: 15px;
  font-weight: 700;
  color: #0d6efd;
  white-space: nowrap;
}
.cart-block table tr:hover {
  background-color: #f9fafb;
}
.cart-block--contents__links {
  margin-top: 14px;
  text-align: center;
}
.cart-block--contents__links a {
  border-radius: 5px;
    background: var(--main);
    padding: 10px 20px;
    font-size: 17px;
    line-height: 22px;
    color: #fff!important;
    transition: all 0.3s ease-out;
	font-size: 15px;
    line-height: 20px;
    padding: 6px 19px
}
.cart-block--contents__links a:hover {
   transform: translateY(-8px);
    color: #fff;
}
.cart-block--contents__items::-webkit-scrollbar {
  width: 6px;
}

.cart-block--contents__items::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 10px;
}
@media (max-width: 480px) {
  .cart-block--contents {
    width: 95vw;
    right: 2.5vw;
  }
}
  
  
  
  
  
  
  .cart.cart-form form
  {
	  padding:20px;
  }
  .cart.cart-form {
  padding: 25px 0;
  background: #ffffff;
  border-radius: 18px;
  /* padding: 22px; */
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}
.cart-form .table-responsive {
  /* background: #ffffff; */
  /* border-radius: 18px; */
  /* padding: 22px; */
  /* box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08); */
}
.cart-form table {
  margin: 0;
  border: none;
}

.cart-form table thead td {
  background: #f9fafb;
  font-size: 14px;
  font-weight: 600;
  color: #555;
  border-bottom: 1px solid #e5e7eb;
}

.cart-form table td {
  vertical-align: middle;
  border-color: #e5e7eb;
  padding: 14px 10px;
}
.views-field-field-variation-images img {
  width: 80px;
  height: auto;
  border-radius: 5px;
  border: 1px solid #e5e7eb;
  background: #fff;
}
.views-field-title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
}
.quantity-edit-input {
  width: 70px;
  padding: 6px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.quantity-edit-input:focus {
  border-color: var(--main);
  box-shadow: 0 0 0 2px rgba(255, 69, 0, 0.2);
}
.views-field-remove-button .button {
  background: transparent;
  border: 1px solid var(--main);
  color: var(--main);
  font-size: 14px;
  padding: 6px 14px;
  border-radius: 8px;
  transition: all 0.25s ease;
}

.views-field-remove-button .button:hover {
  background: var(--main);
  color: #ffffff;
}
.views-field-unit-price__number,
.views-field-total-price__number {
  font-weight: 600;
  color: #111;
}

.views-field-total-price__number {
  color: var(--main);
}
.order-total-summary table {
  /* background: #fff; */
  /* border-radius:0px; */
  /* overflow: hidden; */
  /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); */
}

.order-total-summary td {
  padding: 12px 14px;
  border-color: #e5e7eb;
}

.order-total-line__total td {
  font-size: 16px;
  font-weight: 700;
  color: var(--main);
}
.cart-form .form-actions {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  margin-top: 30px;
}
.cart-form .form-actions .button {
  padding: 12px 26px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 12px;
}
#edit-checkout {
  background: var(--main);
  border-color: var(--main); 
  transition: all 0.25s ease;

}

#edit-checkout:hover {
  background: #e63e00;
  color:#fff;
}
/* #edit-submit { */
  /* background: #fff; */
  /* border: 1px solid var(--main); */
  /* color: var(--main); */
    /* transition: all 0.25s ease; */

/* } */

/* #edit-submit:hover { */
  /* background: var(--main); */
  /* color: #fff; */
  
/* } */
[data-drupal-selector="order-total-summary"] {
  margin-top: 30px;
}
/* [data-drupal-selector="order-total-summary"] .offset-sm-9{ */
	/* background: #fff; */
    /* padding: 20px; */
    /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); */
    /* border-radius: 16px; */
/* } */
/* [data-drupal-selector="order-total-summary"] table { */
  /* background: #ffffff; */
  /* border-radius: 16px; */
  /* overflow: hidden; */
  /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); */
  /* border: none; */
/* } */
[data-drupal-selector="order-total-summary"] td {
  padding: 14px 18px;
  border-color: #e5e7eb;
  font-size: 14px;
  color: #333;
}
.order-total-line__subtotal td,
.order-total-line__adjustment td {
  /* background: #f9fafb; */
  font-weight: 500;
}
.order-total-line__total td {
  background: rgba(255, 69, 0, 0.08);
  font-size: 16px;
  font-weight: 700;
  color: var(--main);
}
.order-total-line td:first-child {
  text-align: right;
}

.order-total-line td:last-child {
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 768px) {
  [data-drupal-selector="order-total-summary"] .col-sm-3 {
    max-width: 100%;
    flex: 0 0 100%;
    margin-left: 0;
  }
}
#edit-order-fieldscheckout .fieldset-legend:first-child
{
	background-color: var(--main);
    color: #fff;
    /* width: 45px; */
    height: 45px;
    /* font-size: 20px; */
    text-align: center;
    line-height: 45px;
    border-radius: 5px 0 0;
    display: flex;
	align-items: center;
    justify-content: center;
}
#edit-order-fieldscheckout .fieldset-legend:first-child svg{
	width: 25px;
    fill: #fff;
    height: 25px;
}
.checkout-content.checkout-cart h2.secondary-title{
	padding:0px 10px;
}
.so-onepagecheckout input
{
	margin-bottom:10px;
	padding:10px;
}
#edit-sidebar-coupon-redemption-form input[type='submit']{
	margin: 0;
    font-size: 15px;
    font-weight: bold;
    flex: 0 0 140px;
    max-width: 119px;
    padding: 0;
    margin-left: 15px;
}
#commerce-product-add-to-cart-form .commerce-order-item-add-to-cart-form-commerce-product-2 #edit-quantity-wrapper{
	    margin-right: 16px;
}
#commerce-product-add-to-cart-form .commerce-order-item-add-to-cart-form-commerce-product-2{
	display:flex;
	/* justify-content:end; */
	    align-items: end;
}


/*product-details-page-open */

.product-detial-content h3 {
	font-size: 35px;
	font-size: 45px;
}

.prductdetails-slider {
	flex: 0 0 80%;
	max-width: 80%;
}

.prduct-slider-nav {
	flex: 0 0 20%;
	margin-bottom: -11px;
	max-width: 20%;
	padding-right: 20px;
}

.prduct-slider-nav .img-box {
	margin-bottom: 11px;
	opacity: 0.7;
	border: 1px solid transparent;
	transition: all 0.2s ease;
}

.prduct-slider-nav .img-box:hover {
	border: 1px solid var(--main);
	opacity: unset;
}

.prduct-slider-nav .slick-current {
	opacity: unset;
	border: 1px solid var(--main);
}

.productdetails-right h3 {
	margin-bottom: 20px;
	font-size: 30px;
	text-transform: capitalize;
	line-height: 37px;
	font-family: var(--secondary_font);
}

.productdetails-right span {
	/* font-size: 20px; */
	/* line-height: 25px; */
	/* display: block; */
	/* margin-bottom: 20px; */
	font-family: var(--secondary_font);
	color: var(--main);
}

/* .quantity form{ */
	/* display: flex; */
	/* align-items: end; */
/* } */
.quantity {
	margin-top: 20px
}

.quantity *{
	margin:0px;
	
}
.quantity label {
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 15px;
	font-family: var(--secondary_font);
}
/* Wrapper Design */
.quantity .custom-qty-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 140px;
  border: 1px solid #ddd;
  background: #f5f5f5;
  padding: 10px 15px;
}

/* Hide default arrows */
.quantity .custom-qty-wrapper input[type="number"]::-webkit-inner-spin-button,
.quantity .custom-qty-wrapper input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity .custom-qty-wrapper input[type="number"] {
  border: none;
  width: 40px;
  text-align: center;
  background: transparent;
  font-size: 18px;
  font-weight: 500;
}

.quantity .qty-btn {
  cursor: pointer;
  font-size: 20px;
  user-select: none;
  color: #333;
  font-family: var(--secondary_font);
}

.quantity .qty-btn:hover {
  color: #000;
}

.quantity #edit-actions--2 input,
.quantity #edit-actions--2{
	width:100%;
}
.productdetails-right .quantity #edit-actions{
	width: 100%;
}
.productdetails-right .quantity .form-actions input.button {
	appearance: none;
	width: 120px;
	text-align: center;
	height: 48px;
	width: 100%;
	color: #fff;
	background: var(--main);
	border-radius: 5px;
	font-family: var(--secondary_font);
	border: 1px solid var(--main);
	line-height: 40px;
	padding: 5px 15px;
	margin-right: 10px;
}
.productdetails-right .quantity .form-actions input.button:hover{
	background: #fff;
	color: var(--main);
}
	/* .quantity .form-actions{ */
		/* padding: 0px; */
		/* color: #fff; */
		
	/* } */
	/* .quantity .form-actions input.button{ */
		/* background: var(--main); */
		/* color: #fff; */
		/* border: none; */
		/* border-radius: 0px; */
		/* margin: 0px; */
		/* font-family: var(--secondary_font); */
	/* } */
	/* .quantity .form-actions:hover input.button{ */
		/* color: var(--main); */
		/* background: #fff; */
	/* } */
	
	
	
	.quantity svg {
		fill: #fff;
		width: 15px;
		height: 15px;
	}

	.productdetails-right .price {
		 display: flex;
		font-size: 20px;
		font-weight: 600;
		font-family: var(--secondary_font);
		color: var(--main);
		margin-bottom: 12px;
	}
	.productdetails-right .sku-number {
		 display: flex;
		font-size: 18px;
		font-weight: 600;
		font-family: var(--secondary_font);
		color: var(--black);
		margin-bottom: 12px;
		
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		padding: 10px 0px;
		margin: 12px 0px;
		justify-content: space-between;
	}
	.productdetails-right .sku-number span{
		font-size: 16px;
		font-weight: 400;
		font-family: var(--secondary_font);
		color: var(--black);
	}

	#block-productsdetails{
			margin-bottom: 2em;
	}
	#block-productsdetails .single-product-extras svg{
		fill: var(--main);
		margin-right: 10px;
		
	}
	#block-productsdetails ul,
	#block-productsdetails li{
		padding:0px;
		margin: 0px;
		line-height: 32px;
		list-style: none;
	} 
	#block-productsdetails .single-product-payments ul{
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
	}
	#block-productsdetails .single-product-extras {
		margin-top: 2em;
		margin-bottom: 2em;
	}
    #block-productsdetails .single-product-extras p{
        margin-bottom: 10px;
    }
	#block-productsdetails .single-product-payments {
		/* margin-bottom: 2em; */
		display: inline-block;
		margin-top: 0;
		padding: 0.625em 1.5em 0.625em 1em;
		border-radius: 0.25rem;
		border: 1px solid #cbcbcb;
	}
	#block-productsdetails .single-product-payments legend {
		padding: 0 0.5em;
		font-family: var(--secondary_font);
		color: var(--black);
		width: auto;
		font-size: 18px;
		font-weight: 600;
	}
	#block-productsdetails .single-product-payments .thewebs-svg-iconset svg{
			height: 30px;
		width: auto;
		
	}
	.productdetails-right small div {
		margin-left: 15px;
	}

	.prductdetails-left {
		align-items: center;
		display: flex;
	}

	.relatedproduct-inner {
		transition: all .3s ease;
		background: #fff;
		padding: 20px 0px;
		text-align: center;
	}

	.relatedproduct-inner:hover {
		box-shadow: 0px 5px 10px rgba(0 0 0/16%);
	}

	.relatedproduct-inner figure {
		overflow: hidden;
		margin: 0;
		min-height: 268px;
		padding: 0px 15px;
		border-bottom: 1px solid rgba(166 33 57/44%);
		padding-bottom: 55px;
		position: relative;
	}

	.relatedproduct-button {
		transition: all .3s ease;
		position: absolute;
		bottom: -20px;
		opacity: 0;
		width: 100%;
		left: 0;
		display: flex;
		justify-content: center;
	}

	.relatedproduct-inner:hover .relatedproduct-button {
		bottom: 13px;
		opacity: 1;
	}

	.relatedproduct-inner svg {
		fill: #fff;
		transition: all 0.3s ease;
	}

	.relatedproduct-button a {
		transition: all 0.3s ease;
		margin: 0px 5px;
		width: 29px;
		height: 29px;
		border-radius: 50%;
		background: var(--main);
	}

	.relatedproduct-button a:hover {
		background: #fff;
		box-shadow: 0 0 6px rgba(0 0 0/ 16%);
	}

	.relatedproduct-button a:hover svg {
		fill: var(--main);
	}

	.relatedproduct-button .wishlist svg {
		width: 11.06px;
		height: 10.29px;
	}

	.relatedproduct-button .zoom svg {
		width: 11.06px;
		height: 10.29px;
	}

	.relatedproduct-content {
		padding: 14px;
		padding-bottom: 0;
	}

	.relatedproduct-content h3 {
		line-height: 0;
		margin-bottom: 10px;
	}

	.relatedproduct-content h3 a {
		transition: all 0.3s ease;
		font-size: 17px;
		line-height: 20px;
		font-weight: 400;
	}

	.relatedproduct-content h3 a:hover {
		color: var(--main);
	}

	.relatedproduct-content span {
		margin-bottom: 15px;
		display: block;
		font-size: 20px;
		line-height: 24px;
		font-weight: 400;
		color: var(--main);
	}
	.related-product {
		margin-bottom: 25px;
	}

	.relatedproduct-inner {
		margin-top: 55px;
	}
	.Products-details img {
	  width: 100%;
	  height: 400px;
	  background: #fff;
		border-radius: 12px;
	  object-fit: contain;
	}
	.products-items-thumbnail{
		border: 1px solid #eee;
		border-radius: 12px;
	}
	.productdetails-bottom {
		margin-top:40px;
	}
	.productdetails-bottom li span{
		border-bottom: 3px solid black;
	}
	.productdetails-bottom ul{
		border: none;
		box-shadow: none;
		list-style: none;
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;
		
	}
	.product_variations_slider {
	  margin-top: 20px;
	}
	.Products-details .col-md-4{
		padding: 0px;
	}
	.Products-details .field__label{
		display:none;
	}
	.product_variations_slider .field__items .slick-list {
		padding: 0px!important;
	}
	.product_variations_slider .field__items .slick-slide{
		margin: 5px;
	}
	.product_variations_slider .field__items {
	  display: flex;
	  gap: 12px;
	}

	.product_variations_slider .field__item img {
	  width: 90px;
	  height: 90px;
	  object-fit: cover;
	  cursor: pointer;
	  border-radius: 8px;
	  border: 2px solid #f3f3f3;
	  transition: .3s ease;
	}

	.product_variations_slider .field__item img:hover,
	.product_variations_slider .field__item img.active {
	  border-color: var(--main);
	  transform: scale(1.05);
	}
	.productdetails-right span {
	  /* font-size: 32px; */
	  font-weight: 700;
	  margin-bottom: 8px;
	  display: inline;
	}

	.productdetails-right p a {
	  color: var(--main);
	  font-weight: 600;
	}

	.form-item--quantity-0-value label {
	  margin-bottom: 6px;
	}

	.form-element--type-number {
	  width: 120px;
	  margin-bottom: 10.5px;
	  margin-right: 10.5px;
	  padding: 8px 12px;
	  border-radius: 3px;
	  border: 1px solid #ccc;
	}
	.form-element--type-number:hover{
	  border: 1px solid #ccc;
	}
	@media (max-width: 768px) {
	  .Products-details {
		padding: 30px 0;
	  }
	  .productdetails-right h3 {
		font-size: 22px;
	  }

	  .productdetails-right span {
		font-size: 26px;
	  }

	  .product_variations_slider .field__items {
		justify-content: center;
	  }
	}
	/* .cart-form { */
	  /* padding: 40px 0; */
	/* } */

	.cart-form table.views-table {
	  width: 100%;
	  border-collapse: separate;
	  border-spacing: 0 12px;
	}
    #edit-sidebar-coupon-redemption-form input[type='submit'],
	.checkout-pane-payment-information .address-book-edit-button,
	.commerce-checkout-flow .form-actions .button,
	.checkout-pane-coupon-redemption .button,
	.cart-form #edit-checkout,
	.cart-form #edit-submit,
	.delete-order-item{
		color:white;
		text-transform: capitalize;
		background-color:var(--main);
		border: 1px solid var(--main);
		padding: 12px 15px; 
		font-size: 15px;
		box-shadow: none;
		transition: all 0.3s ease;
		font-weight:500;
	}
     #edit-sidebar-coupon-redemption-form input[type='submit']:hover,
	.checkout-pane-payment-information .address-book-edit-button:hover,
	.commerce-checkout-flow .form-actions .button:hover,
	.checkout-pane-coupon-redemption .button:hover,
	.cart-form #edit-checkout:hover,
	.delete-order-item:hover,
	.cart-form #edit-submit:hover{
		color: var(--main);
		background-color: var(--addit_white);
	}
	.cart-form #view-purchased-entity-table-column{
		width: 100%;
	}
	.cart-form thead th {
	  font-size: 14px;
	  font-weight:500;
	  color: #444;
	  text-transform: uppercase;
	  padding: 12px 15px;
	  background: #f3f3f3;
	  border: none;
	  border-radius: 2px;
	}

	.cart-form tbody tr {
	  background: #ffffff;
	  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
	  /* border-radius: 10px; */
	}

	.cart-form tbody td {
	  padding: 18px 15px;
	  vertical-align: middle;
	  /* border: none; */
	}

	.cart-form tbody tr td:first-child {
	  border-radius: 10px 0 0 10px;
	  font-weight: 500;
	}

	.cart-form tbody tr td:last-child {
	  border-radius: 0 10px 10px 0;
	  font-weight: 600;
	}

	.quantity-edit-input {
	  width: 70px;
	  padding: 8px 10px;
	  border-radius: 6px;
	  border: 1px solid #ddd;
	  text-align: center;
	}
	.button:not(:focus){
		box-shadow:none;
	}
	.order-total-summary,
	[data-drupal-selector="order-total-summary"] {
	  margin-top: 40px;
	}

	.order-total-summary table {
	  width: 100%;
	  background: #f9fafc;
	  border-radius: 10px;
	  overflow: hidden;
	}

	.order-total-summary td {
	  padding: 14px 16px;
	  font-size: 15px;
	  border: none;
	}

	.order-total-line__total td {
	  font-size: 17px;
	  font-weight: 700;
	  color: #111;
	}

	.commerce-checkout-flow .form-actions {
	  display: flex;
	  justify-content: flex-end;
	  gap: 15px;
	  align-items: center;
	  margin-top: 30px;
	}
	.commerce-checkout-flow #edit-submit {
	  background: #e8eaef;
	  color: #111;
	}

	.commerce-checkout-flow #edit-checkout {
	  background: var(--main);
	  color: #fff;
	}

	.commerce-checkout-flow #edit-checkout:hover {
	  background: #1f1c6d;
	}

	@media (max-width: 767px) {
	  .commerce-checkout-flow .form-actions {
		flex-direction: column;
	  }

	  .commerce-checkout-flow .form-actions .button {
		width: 100%;
	  }
	}


	/* .layout-checkout-form {
	  padding: 40px 0;
	} */

	.col-left,
	.col-right {
	  margin-bottom: 30px;
	}

	.checkout-pane {
	  background: #ffffff;
	  border-radius: 12px;
	  padding: 24px;
	  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
	  margin-bottom: 25px;
	}

	.commerce-checkout-flow .field--name-title{
		display:none;
	}
	.commerce-checkout-flow .fieldset {
	  border: 1px solid #eee;
	  border-radius: 10px;
	  /* padding: 18px; */
	  box-shadow: none;
	  margin-bottom: 20px;
	}

	.commerce-checkout-flow .fieldset__legend {
	  font-size: 16px;
	  font-weight:500;
	  color: #111;
	  margin-bottom: 10px;
	}

	.commerce-checkout-flow .fieldset__wrapper {
	  font-size: 15px;
	  color: #555;
	  line-height: 1.6;
	}

	.commerce-checkout-flow .fieldset__legend a {
	  font-size: 14px;
	  color: var(--main);
	  text-decoration: none;
	  color:#fff;
	  font-family:var(--tertiary_font);
	  font-weight:500;
	}

	.commerce-checkout-flow .fieldset__legend a:hover {
	  text-decoration: underline;
	}
	.secondary-title {
	  font-size: 22px;
	  font-weight: 700;
	  color: #111;
	}

	.checkout-cart table {
	  width: 100%;
	  border-collapse: collapse;
	}

	.checkout-cart tbody tr:hover{
		background-color: #fffbf4bd;
	}
	.checkout-cart td {
	  padding: 12px 8px;
	  font-size: 14px;
	      vertical-align: middle;
	}

	.views-field-quantity {
	  font-weight: 500;
	  color: #333;
	  white-space: nowrap;
	}
	.views-field-purchased-entity a {
	  display: inline-block;
	  margin-top: 4px;
	  text-transform: capitalize;
	  color: var(--black);
	  text-decoration: none;
	}

	.views-field-purchased-entity a:hover {
	  color: var(--main);
	}

	.views-field-total-price__number {
	  font-weight: 500;
	  color: var(--main);
	  white-space: nowrap;
	  /* text-align: right; */
	}

	.order-total-summary table {
	  width: 100%;
	  background: #ffffff;
	  border-radius: 10px;
	  margin-top: 20px;
	}

	.order-total-summary td {
	  padding: 14px 16px;
	  font-size: 15px;
	}

	.order-total-line__total td {
	  font-size: 16px;
	  font-weight: 700;
	  color: #111;
	}

	.checkout-pane-coupon-redemption {
	  margin-top: 20px;
	}

	.checkout-pane-coupon-redemption input[type="text"] {
	  width: 100%;
	  padding: 10px 12px;
	  border-radius: 6px;
	  border: 1px solid #ddd;
	}
	.checkout-pane-coupon-redemption .form-actions {
	  margin-top: 30px;
	  display: flex;
	  align-items: center;
	  gap: 18px;
	}

	.checkout-pane-coupon-redemption #edit-actions-next {
	  background: var(--main);
	  color: #fff;
	  padding: 14px 30px;
	  border-radius: 10px;
	  font-size: 16px;
	  font-weight: 700;
	  border: none;
	}

	.checkout-pane-coupon-redemption #edit-actions-next:hover {
	  background: #1f1c6d;
	}

	.checkout-pane-coupon-redemption .link--previous {
	  font-size: 14px;
	  color: #555;
	  text-decoration: none;
	}
	.checkout-pane-payment-information {
	  background: #ffffff;
	  border-radius: 12px;
	  padding: 24px;
	  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
	  margin-bottom: 25px;
	}

	.checkout-pane-payment-information .fieldset__legend {
	  margin-bottom: 15px;
	}

	.checkout-pane-payment-information .fieldset__label {
	  font-size: 18px;
	  font-weight:500;
	  color: #111;
	}

	.checkout-pane-payment-information .fieldset__wrapper {
	  font-size: 15px;
	  color: #555;
	}

	.checkout-pane-payment-information .address {
	  background: #f9fafc;
	  border-radius: 10px;
	  padding: 16px 18px;
	  line-height: 1.6;
	  color: #333;
	}

	.checkout-pane-payment-information .given-name,
	.checkout-pane-payment-information .family-name {
	  font-weight: 500;
	}

	.checkout-pane-payment-information .country {
	  font-weight: 500;
	}
	.link--previous:hover {
	  text-decoration: underline;
	}
	.offset-sm-9{
		margin-left: auto;
	}

	@media (max-width: 991px) {
	  .col-left,
	  .col-right {
		width: 100%;
	  }
	}

	@media (max-width: 767px) {
	  .secondary-title {
		font-size: 20px;
	  }

	  .form-actions {
		flex-direction: column;
		align-items: stretch;
	  }

	  #edit-actions-next {
		width: 100%;
		text-align: center;
	  }
	}
	@media (max-width: 767px) {
	  .checkout-pane-payment-information {
		padding: 18px;
	  }

	  .checkout-pane-payment-information .fieldset__label {
		font-size: 16px;
	  }
	}
	.commerce-checkout-flow .checkout-pane-payment-information {
	  background: #ffffff;
	  border: 1px solid #e5e7eb;
	  border-radius: 8px;
	  padding: 20px;
	  margin-bottom: 24px;
	  margin-top: 0px;
	}

	.commerce-checkout-flow .checkout-pane-payment-information .fieldset__label {
	  /* font-size: 16px; */
	  /* font-weight: 600; */
	  /* color: #111827; */
	}

	.commerce-checkout-flow .checkout-pane-payment-information .js-form-item {
	  margin-bottom: 14px;
	}

	.commerce-checkout-flow .checkout-pane-payment-information label {
	  font-size: 15px;
	  font-weight: 500;
	  color: #374151;
	  margin-bottom: 0px;
	  display: block;
	  margin-bottom:10px;
	}

	.commerce-checkout-flow .checkout-pane-payment-information input[type="text"],
	.commerce-checkout-flow .checkout-pane-payment-information select {
	  width: 100%;
	  height: 42px;
	  padding: 8px 12px;
	  border-radius: 6px;
	  border: 1px solid #d1d5db;
	  font-size: 14px;
	  color: #111827;
	  background: #ffffff;
	}

	.commerce-checkout-flow .checkout-pane-payment-information input[type="text"]:focus,
	.commerce-checkout-flow .checkout-pane-payment-information select:focus {
	  outline: none;
	  border-color: var(--main);
	}

	.commerce-checkout-flow .checkout-pane-payment-information .address-container-inline {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  gap: 14px;
	}

	.commerce-checkout-flow .checkout-pane-payment-information .address-container-inline .js-form-item {
	  margin-bottom: 0;
	  margin:0px;
	}

	.commerce-checkout-flow .checkout-pane-payment-information .form-checkbox {
	  margin-right: 8px;
	  border: none;
	  box-shadow: none;
	}

	.commerce-checkout-flow .checkout-pane-payment-information .form-item--payment-information-billing-information-copy-to-address-book {
	  margin-top: 16px;
	  font-size: 14px;
	  color: #374151;
	}

	@media (max-width: 768px) {
	  .commerce-checkout-flow .checkout-pane-payment-information {
		padding: 16px;
	  }

	  .commerce-checkout-flow .checkout-pane-payment-information .address-container-inline {
		grid-template-columns: 1fr;
	  }
	}
	.form-item--payment-information-billing-information-copy-to-address-book {
	  display: flex;
	  align-items: center;
	}
	.form-item--payment-information-billing-information-copy-to-address-book label {
	  cursor: pointer;
	  font-size: 14px;
	  color: #374151;
	}

	#product-home .products-row {
	  margin-top: 10px;
	  gap: 30px 0px;
	  justify-content: left;
	}

	/* Product card */
	#product-home .products-item {
	  margin-bottom: 30px;
	}

	#product-home .product-item-innr {
	  height: 100%;
	  background: #fff;
	  border-radius: 10px;
	  overflow: hidden;
		border:1px solid #fff;

	  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
	  transition: all 0.35s ease;
	}

	#product-home .product-item-innr:hover {
	  border:1px solid var(--main);
	  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
	}

	#product-home .product-item-innr img {
	  width: 100%;
	  height: 300px;
	  object-fit: cover;
	  display: block;
	}

	#product-home .product-content {
	  padding: 30px 30px;
	  text-align:center;
	}

	#product-home .product-image-slider{
		background:var(--addit_white);
		border-radius:10px 10px 0px 0px;
	}
	#product-home h3.products-title *,
	  #product-home .products-title  a{
		/* font-size: 23px; */
		font-weight: 500;
		color: var(--black);
		margin-bottom: 0px;
		text-transform: capitalize;
		line-height: 24px;
		transition: all 0.35s ease;
	}
	#product-home .product-card-details:hover h3.products-title *,
	  #product-home .product-card-details:hover .products-title a{
		  /* color: #fff; */
	  }

	#product-home .product-card-details .product-price .field__item, 
	#product-home .product-card-details .product-skl .field__item,
	#product-home .product-card-details .product-content .form-item__label ,
	#product-home .product-card-details .product-content .product-price ,
	#product-home .product-card-details .products-title a{
		transition: all 0.35s ease;
	}
	#product-home .product-card-details:hover .product-price .field__item, 
	#product-home .product-card-details:hover .product-skl .field__item,
	#product-home .product-card-details:hover .product-content .form-item__label ,
	#product-home .product-card-details:hover .product-content .product-price ,
	#product-home .product-card-details:hover .products-title a{

	  /* color: var(--addit_white); */
	}
	.product-content strong,
	.product-content b {
	  font-weight: 700;
	}

	.product-content > span,
	.product-content > div,
	.product-content > p:first-of-type {
	  margin-bottom: 10px;
	}

	.product-content text,
	.product-content .price {
		transition: all 0.35s ease;
	  font-size: 22px;
	  font-weight: 700;
	  color: var(--main);
	  margin-bottom: 8px;
	  display: block;
	}

	.product-content p a {
	  color: var(--main);
	  font-weight: 500;
	  text-decoration: none;
	}

	.product-content p a:hover {
	  text-decoration: underline;
	}

	@media (max-width: 767px) {
	  .product-content > .price {
		font-size: 20px;
	  }
	}
	@media (max-width: 575px) {
	  #product-home .product-item-innr img {
		height: 250px;
	  }
	}
	#product-home .commerce-order-item-add-to-cart-form*{
		margin:0px;
	}
	#product-home .commerce-order-item-add-to-cart-form{
		/* display: flex; */
		/* align-items: flex-end; */
		/* justify-content: space-between; */
	}
	#product-home .product-card-details{
	  background: #FFFAF5;
	  border-radius: 12px;
	  height: 100%;
	  width: 100%;
	  padding: 0px;
	  border:1px solid var(--main);
	  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
	  transition: all 0.3s ease;
	}

	#product-home .product-card-details:hover {
	  transform: translateY(-6px);
	  border:1px solid var(--main);
	  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
	  /* background: #3d3d3d; */
	}
	.form-actions .button{
		box-shadow:none;
	}
	#product-home .product-image-slider .field__item{
		display: flex;
		justify-content: center;
	}
	#product-home .product-image-slider img {
	  width: 100%;
	  height: 235px;
	  object-fit: cover;
	  border-radius: 10px 10px 0px 0px;
	}

	/* product content */
	/* #product-home .product-content { */
	  /* padding-bottom: 0px; */
	/* } */

	#product-home .product-card .field__label {
	  display: none;
	}

	#product-home .product-price .field__item,
	#product-home .product-skl .field__item {
	  font-size: 18px;
	  font-weight: 700;
	  font-family: var(--secondary_font);
	  color: var(--main);
	  margin-bottom: 6px;
	}
	#product-home .product-home-row{
		justify-content: center;
	}
	#product-home .product-home-row .col-12{
		display: contents;
	}
	#product-home .product-home-btn{
		width: fit-content;
	}
	#product-home .product-desc {
	  font-size: 14px;
	  color: #555;
	  margin-bottom: 0px;
	}
	#product-home .button--add-to-cart {
		background: var(--main);
		border-radius: 3px;
		padding: 12px 15px;
		color: var(--addit_white);
		position: relative;
		overflow: hidden;
		text-transform: capitalize;
	  width: 100%;
	  margin: 0px;
	  font-size: 16px;
	  font-weight: 500;
	  border: none;
		  transition: all .21s ease;

	}
	#product-home .button--add-to-cart:hover {
		color: var(--addit_white);
		background-color: var(--main);
		transform: translateY(-5px);
	}

	#product-home .form-item--quantity-0-value {
	  margin-bottom: 0px;
	  margin-top: 0px;
	  display: none;
	}

	@media (max-width: 991px) {
	  #product-home .product-card {
		margin-bottom: 25px;
	  }

	  #product-home .product-image-slider img {
		height: 220px;
	  }
	}

	@media (max-width: 575px) {
	  #product-home {
		padding: 50px 0;
	  }

	  #product-home h3.products-title *,
	  #product-home .products-title {
		font-size: 20px;
	  }
	}
	.messages--status {
		border-color: var(--main);
		background: #ffb22d2b;
	color: #000;
	}
	.messages--status{
		    padding: 20px;
    font-size: 17px;
	}
	.messages__header{
		display: none;
	}
	.messages__content{
		margin: 0px;
		text-transform:capitalize;
	}
	.messages__content a{
		color: var(--main);
	}
	.messages__content a:hover{
		color: var(--black);
	}
	
	.cart-block--contents table td.views-field-field-product-image{
		width: 53px;
	}
	
.view-commerce-order-item-table thead th,
.view-commerce-user-orders thead th,
.cart-form .view-commerce-cart-form thead th{
	background-color:var(--main);
	color:white;
	font-size: 16px;
	border-radius:0;
}
.cart-form .view-commerce-cart-form tbody td {
    padding: 20px 15px;
	height:auto
}
.cart-form .view-commerce-cart-form table.views-table{
	border-collapse: collapse;
}
/* .cart-form .view-commerce-cart-form tbody tr td:first-child{
	color: var(--main);
	font-weight:700;
} */
.cart-form .view-commerce-cart-form tbody .order-total-line td{
	padding:15px;
}
.cart-form .view-commerce-cart-form .views-field-edit-quantity .quantity-edit-input{
	width:70px;
	padding:5px;
	text-align:left
}

.product-name{
	text-transform: capitalize;
}
.view-id-commerce_cart_form .delete-order-item{
	padding:12px
}
.commerce-checkout-flow  legend .fieldset__label{
	background:var(--main);
	color:#fff;
	font-size:16px;
	padding:15px
}
.commerce-checkout-flow .field--name-shipping-method legend .fieldset__label{
	padding:15px;
}
.commerce-checkout-flow .checkout-pane-payment-information.checkout-pane{
	padding:0;
}
.commerce-checkout-flow .checkout-pane-shipping-information{
	padding: 0;
}
.commerce-checkout-flow .form-item__label{
	text-transform: capitalize;
    font-weight:500;
    font-size: 15px;
    color: black;
    margin-bottom:7px;
}
.commerce-checkout-flow input,.commerce-checkout-flow select{
	width:100%;
}
.commerce-checkout-flow input[type="submit"].form-submit{
	width:auto;
}
.commerce-checkout-flow .checkout-pane-payment-information .form-checkbox,
.commerce-checkout-flow .field--name-shipping-method input[type="radio"]{
	width:20px;
	height:20px;
	border:1px solid #d1d5db;
}

.commerce-checkout-flow .checkout-cart-title .secondary-title,.checkout-pane .form-wrapper__login-option .fieldset__legend .fieldset__label,.checkout-pane .form-item--sidebar-coupon-redemption-form-code .form-item__label{
	background: var(--main);
	font-family:var(--tertiary_font);
    color: #fff;
    padding: 15px;
    font-size:16px;
	margin: 0;
	display:block;
	font-weight:500;
}
.commerce-checkout-flow .fieldset__wrapper{
	    margin-top: 30px;
}
.checkout-cart .view-commerce-checkout-order-summary table{
	margin-left: auto;
	margin-top:15px;
	margin-bottom:15px;
}
.commerce-checkout-flow #edit-coupon-redemption{
    padding: 15px;
}
.commerce-checkout-flow .col-right .checkout-pane{
	padding:0px 15px;
	padding-bottom:15px;
}

.checkout-total-table table{
	width: 30%;
}
.checkout-total-table table td{
	height:auto;
	vertical-align:middle
}
.commerce-checkout-flow .fieldset.checkout-pane-contact-information{
	margin-top:0;
	padding:0;
}
.checkout-cart .link--previous,.form-wrapper__guest-checkout #edit-login-guest-continue,.checkout-pane .form-wrapper__login-option #edit-login-returning-customer-forgot-password,.checkout-pane .form-wrapper__login-option input[type='submit']{
    color: white;
    text-transform: capitalize;
    background-color: var(--main);
    border: 1px solid var(--main);
    padding: 12px 15px;
    font-size:1rem;
	font-weight:500;
    box-shadow: none;
    transition: all 0.3s ease;
	font-family: var(--tertiary_font);
}
.checkout-cart .link--previous:hover,.form-wrapper__guest-checkout #edit-login-guest-continue:hover,.checkout-pane .form-wrapper__login-option #edit-login-returning-customer-forgot-password:hover,.checkout-pane .form-wrapper__login-option input[type='submit']:hover{
	color: var(--main);
    background-color: var(--addit_white);
}
.checkout-cart .field--name-sku div{
	display:inline-block;
	color:black;
}
.checkout-pane .form-wrapper__login-option input[type='submit'],.form-wrapper__guest-checkout #edit-login-guest-continue{
	margin-top:20px;
	line-height:normal;
}
.checkout-pane-shipping-information .address-container-inline{
	display:flex;
	justify-content: space-between;
}
.checkout-pane-shipping-information .field--name-shipping-method .fieldset__wrapper{
	padding-left:15px;
	margin-top:15px;
}
.checkout-pane-shipping-information .address-container-inline .form-type--textfield{
	margin-right:0px;
}
.checkout-pane-shipping-information .field--type-address .js-form-item-shipping-information-shipping-profile-address-0-address-locality{
	margin-right:15px;
}
.checkout-pane .view-commerce-checkout-order-summary .views-field-field-product-image,.view-commerce-cart-form .views-field-field-product-image{
	width: 100px;
}
/* .checkout-pane-coupon-redemption input[type="text"]{
	margin-top:20px;
} */
.checkout-pane.checkout-pane-review{
	padding:0;
}
.checkout-pane.checkout-pane-review #edit-review-contact-information{
	margin:0;
}
.icon-detials a{
	text-align:center;
	background:#b7925233;
	border-radius:10px;
	padding:30px 0;
	display:block;
	margin:0 20px;
	text-decoration:none
}
.icon-detials a svg{
	width:70px;
	height:70px;
	margin:auto;
	transition: all 0.3s ease;
	fill: var(--main);
}
.icon-detials .icon-title{
	margin:auto;
	color:var(--main);
	padding-top:8px;
	font-size:18px;
	transition: all 0.3s ease;
}
.icon-detials:hover .icon-title,.icon-detials:hover svg{
	fill:#000;
	color:#000
}
.user-login-form input[type="submit"]{
	background-color:var(--main);
}
.icon-detials{
	margin-bottom:20px;
}
/* ---------------------- */
/* Header Open */
/* ---------------------- */
@media(max-width:1199px)
{
    #product-home .products-row{
		justify-content: center;
	}
    .checkout-pane-shipping-information .address-container-inline{
        display:block;
    }
    .checkout-pane-shipping-information .address-container-inline input,.checkout-pane-shipping-information .address-container-inline select{
        width: 100%;
    }
    .checkout-pane-shipping-information .address-container-inline .form-type--textfield{
        display:block;
    }
    .checkout-pane-shipping-information .address-container-inline > .form-item{
        display:block;
        margin-right:0;
    }
}
@media(max-width: 767px)
{
	.cart-block--contents table{
		margin:0px;
	}
	.cart-block--contents{
		width: 350px;
	}
    .checkout-content.checkout-cart .form-actions #edit-actions-next{
        width:auto;
    }
    .commerce-checkout-flow .checkout-cart .form-actions{
        flex-direction:row;
    }
}
@media all and (max-width: 1024px) {
	.train-left .field--name-field-product-image img{
		width: 100%; 
	}
	
}
@media all and (max-width: 991px) {
	#product-home .products-row{
		margin-top: 10px;
	}
	
   
}
@media(max-width:991px) {

    .prductdetails-left {
        max-width: 500px;
    }
    .productdetails-right {
        margin-top: 70px;
    }
}

@media(max-width:767px) {
    .productdetails-right h3 {
        font-size: 25px;
        line-height: 32px;
    }
    #views-form-commerce-cart-form-default-26{
	    overflow:scroll;
    }
}

@media(max-width:575px) {
   
    .relatedproduct-inner {
        margin-left: auto;
        margin-right: auto;
        max-width: 350px;
    }
}

@media(max-width:450px) {
    .productdetails-right h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .prduct-slider-nav {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .prductdetails-slider {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .checkout-content.checkout-cart .form-actions #edit-actions-next{
        margin:0;
    }
}
#contact-page-23 .contact-page-detail-wrapper .contact-page-detail{
	max-width: 100%;
}


/* dashboard page */


.icon-detials a{
	text-align:center;
	background:#b7925233;
	border-radius:10px;
	padding:30px 0;
	display:block;
	margin:0 20px;
	text-decoration:none
}
.icon-detials a svg{
	width:70px;
	height:70px;
	margin:auto;
	transition: all 0.3s ease;
	fill: var(--main);
}
.icon-detials .icon-title{
	margin:auto;
	color:var(--main);
	padding-top:8px;
	font-size:18px;
	transition: all 0.3s ease;
}
.icon-detials:hover .icon-title,.icon-detials:hover svg{
	fill:#000;
	color:#000
}


.product-container {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* IMAGE SECTION */
.product-gallery .main-image img {
  width: 100%;
  border-radius: 16px;
}

.thumbnail-images {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}

.thumbnail-images img {
  width: 70px;
  border-radius: 10px;
  cursor: pointer;
}

/* RIGHT SIDE */
.product-info {
  padding-left: 30px;
}

.product-page-wrapper .badge {
  /* background: #eee; */
  padding: 5px 12px;
      margin-right: -26px;
  border-radius: 20px;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 10px;
}

.product-title {
  font-size: 28px;
  font-weight: 600;
}

.rating {
  color: #f5a623;
  margin: 10px 0;
}

.rating span {
  color: #777;
  font-size: 14px;
}

.price {
  font-size: 26px;
  font-weight: bold;
  color: var(--main);
  margin: 15px 0;
}

.description {
  color: #555;
  margin-bottom: 15px;
}

.sku {
  font-size: 14px;
  color: #999;
  margin-bottom: 20px;
}

/* VARIATION */
.variation {
  margin-bottom: 20px;
}

/* BUTTON */
.btn-cart {
  background: var(--main);
  color: white;
  padding: 12px 25px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: 0.3s;
}

.btn-cart:hover {
  background: var(--black);
}

/* TABS */
.productdetails-bottom {
  margin-top: 40px;
}
.user-logged-in.path-user .tabs {
list-style: none;
  display: flex;
  gap: 0px;
  border-bottom: 0px solid #ddd;
  padding-bottom: 10px;
}
.tabs {
  list-style: none;
  display: flex;
  gap: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.tabs li {
  cursor: pointer;
  font-weight: 500;
}

.tabs li.active {
  color: var(--main);
}

.tab-content {
  margin-top: 15px;
  color: #555;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .product-info {
    padding-left: 0;
    margin-top: 20px;
  }
}

/* TENURE WRAPPER */
.product-page-wrapper .form-item{
	margin-bottom: 0px;
    margin-top: 5px;
}
.product-page-wrapper .form-radios {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  /* margin: 8px 0 0; */
}

/* HIDE RADIO */
.product-page-wrapper .form-radios input[type="radio"] {
  display: none;
}

/* BUTTON STYLE */
.product-page-wrapper .form-radios label.option {
     background: #fff;
    color: #333;
    border:1px solid #a2a2a2;
    border-radius: 5px;
    padding: 5px 13px;
  cursor: pointer;
  font-size: 14px;
  transition: 0.3s;
  display: inline-block;
}

/* HOVER */
.product-page-wrapper .form-radios label.option:hover {
  border-color: var(--main);
  color: var(--main);
}

/* ACTIVE SELECTED */
.product-page-wrapper .form-radios input[type="radio"]:checked + label.option {
  background: var(--main);
  color: #fff;
  border-color: var(--main);
}

/* TEXT CLEAN */
.product-page-wrapper .form-radios .field__item {
  margin: 0;
}

/* OPTIONAL SHADOW */
/* .product-page-wrapper .form-radios label.option { */
  /* box-shadow: 0 2px 6px rgba(0,0,0,0.05); */
/* } */

/* .product-page-wrapper .form-radios input[type="radio"]:checked + label.option { */
  /* box-shadow: 0 4px 12px rgba(108, 99, 255, 0.3); */
/* } */
.add-to-cart-link{
    display: none;
}
/* QUANTITY + BUTTON WRAPPER */
.product-page-wrapper .field--widget-commerce-quantity,
.product-page-wrapper #edit-quantity-wrapper {
  display: inline-block;
  margin-right: 15px;
      margin-top: 20px;
  width: 30%;
  float: left;
}

/* .product-page-wrapper legend
{
	display: none;
} */
 .product-page-wrapper legend,
.product-info label,
.product-page-wrapper .form-item-quantity-0-value label {
  /* display: block; */
  font-size: 14px;
  margin-bottom: 6px;
  /* color: #555; */
  font-weight: 500;
}
#edit-commerce-vado-group fieldset{
    display: none;
    margin: 0px;
}
/* QUANTITY INPUT STYLE */
.product-page-wrapper input.form-number {
  /* width: 80px; */
  height: 45px;
  border: 1px solid #ddd;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
}



/* 
.product-info form {
  margin-top: 15px;
}

.product-info input.form-text,
.product-info input.form-number {
  width: 100%;
  height: 45px;
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 14px;
  transition: all 0.3s ease;
}

.product-info input:focus {
  border-color: #2a2689;
  box-shadow: 0 0 0 3px rgba(42,38,137,0.1);
  outline: none;
}

.product-info .form-item-quantity-0-value {
  margin-top: 15px;
}

.product-info .button--add-to-cart {
  width: 100%;
  height: 50px;
  background: #2a2689;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  margin-top: 20px;
  transition: all 0.3s ease;
}

.product-info .button--add-to-cart:hover {
  background: #000;
  transform: translateY(-2px);
} */






/* LABEL */
/* .commerce-order-item-vado-group-add-to-cart-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #333;
} */

/* INPUT FIELD */
.commerce-order-item-vado-group-add-to-cart-form input[type="text"],
.commerce-order-item-vado-group-add-to-cart-form input[type="number"] {
    width: 100%;
    height: 45px;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 0 12px;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* INPUT FOCUS */
.commerce-order-item-vado-group-add-to-cart-form input:focus {
    border-color: var(--main);
    /* box-shadow: 0 0 0 3px rgba(42,38,137,0.1); */
    outline: none;
}

/* REMOVE NUMBER ARROWS */
.commerce-order-item-vado-group-add-to-cart-form input[type="number"]::-webkit-inner-spin-button,
.commerce-order-item-vado-group-add-to-cart-form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* FORM ITEM SPACING */
/* .commerce-order-item-vado-group-add-to-cart-form .form-item {
    margin-bottom: 18px;
} */

/* CHECKBOX */
.commerce-order-item-vado-group-add-to-cart-form .form-checkboxes,
.commerce-order-item-vado-group-add-to-cart-form #edit-commerce-vado-group .form-composite ,
.commerce-order-item-vado-group-add-to-cart-form .form-checkbox {
    margin-right: 8px;
    display: none;
}

/* PRICE FIELD */
#edit-unit-price-0-amount {
    background: #f9f9ff;
    padding: 10px;
    border-radius: 8px;
}

/* BUTTON */
.commerce-order-item-vado-group-add-to-cart-form .button--add-to-cart {
    width: 100%;
    height: 48px;
    background: #2a2689;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: 0.3s ease;
}

/* BUTTON HOVER */
/* .commerce-order-item-vado-group-add-to-cart-form .button--add-to-cart:hover {
    background: #1d1a6b;
    transform: translateY(-2px);
} */

/* RESPONSIVE */
@media (max-width: 768px) {
    .commerce-order-item-vado-group-add-to-cart-form {
        padding: 15px;
    }
}
/* REMOVE ARROWS */
/* .product-page-wrapper input[type="number"]::-webkit-inner-spin-button, */
/* .product-page-wrapper input[type="number"]::-webkit-outer-spin-button { */
  /* -webkit-appearance: none; */
  /* margin: 0; */
/* } */
.product-page-wrapper input[type="number"]::-webkit-inner-spin-button{
	/* -webkit-appearance: none; */
	/* content:'+'; */
	/* width: 10px; */
}
/* ADD TO CART BUTTON */
.product-page-wrapper .form-actions {
  display: inline-block;
  margin-bottom: 0px;
}

.product-page-wrapper .button--add-to-cart {
  height: 45px;
  padding: 0 25px;
  border-radius: 10px;
  margin-top: 20px;
  background: var(--main);
  border: none;
  color: #fff;
  font-weight: 500;
  transition: 0.3s;
}

/* HOVER */
.product-page-wrapper .button--add-to-cart:hover {
  background: var(--black);
}

/* .product-page-wrapper .quantity-box { */
  /* display: flex; */
  /* align-items: center; */
  /* border: 1px solid #ddd; */
  /* border-radius: 10px; */
  /* overflow: hidden; */
  /* width: fit-content; */
/* } */

/* .product-page-wrapper .qty-btn { */
  /* width: 40px; */
  /* height: 45px; */
  /* border: none; */
  /* background: #f5f5f5; */
  /* cursor: pointer; */
  /* font-size: 18px; */
/* } */

/* .product-page-wrapper .qty-btn:hover { */
  /* background: #eee; */
/* } */

/* .product-page-wrapper .quantity-box input { */
  /* border: none; */
  /* width: 60px; */
  /* text-align: center; */
/* } */