/*
Theme Name: FixPoint
Theme URI: https://www.mohanrao.in
Description: FixPoint theme is lightweight build custom theme from scratch ny M Mohan Rao, Web Designer and WordPress Developer.
Version: 1.0
Author: M Mohan Rao
Author URI: https://www.mohanrao.in
Text Domain: fixpoint
*/
:root{
  --yellow:#ffcc00;
  --white:#ffffff;
  --gray:#bbbfc0;
  --dark-gray: #5b6c75;
  --blue-gray: #2b373c;
  --black: #000000;
}
body{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: var(--blue-gray);
}
h1, h2, h3, h4, h5, h6{
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    color:var(--black);
    margin-bottom: 1.25rem;
}
a{color: var(--black);text-decoration: none;}
h1{font-size: 2.625rem;}
h2{font-size: 2.25rem;}
.hero-img h1{color:var(--white);}
img{max-width: 100%;height: auto;}
.bg-yellow, .search-tags a, .bg-yelow-25::before, .page-numbers li span, .woocommerce div.product form.cart .button, .woocommerce button.button{background-color: var(--yellow); color: var(--black);font-weight: 600!important;}
.bg-yelow-25{position: relative;}
.bg-yelow-25::before{content: ""; position: absolute; top: 0;bottom: 0;left: 0;right: 0;height: 240px;z-index: -1;}
.btn, .woocommerce div.product form.cart .button{font-size: 0.875rem;font-weight: 600;}
.btn:hover, .social-links li a:hover, .woocommerce button.button:hover{background-color: var(--blue-gray); color:var(--white);transition: background-color 0.5s;}
.grey-blue{background-color:var(--blue-gray); padding: 10px;}
.user-log{text-decoration: none;}
.gray-text, .third-section ul li::after, .woocommerce-MyAccount-navigation ul li a{color:var(--blue-gray);}
header a, .truest-sec figure figcaption, .nav-link, .footer-services-sec ul li a, footer ul.fmenu li a, .social-links li a, footer a, .blog-card a{color: var(--black);}
header .custom-logo-link img{width: 100%;max-width:220px; height: auto;}
.navbar-nav .dropdown-menu .nav-item a{
        border-bottom: 1px solid var(--gray);
    }
.nav-item a{padding: 0px 20px;}
.navbar-nav .nav-link {position: relative;}
.navbar-nav .nav-link:hover::before,
.navbar-nav .nav-link.active::before, .current_page_item a.nav-link::before{
    border-bottom: 1px solid var(--dark-gray);
    content: "";
    width: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
   transform: translateX(-50%);
   
}
.navbar-expand-lg .navbar-nav{gap: 10px;}
.navbar-expand-lg .navbar-nav .dropdown-menu{min-width: 250px;padding-top: 0;padding-bottom: 0;}
.menu-icon{
margin-right:8px;
vertical-align:middle;
max-width: 30px;
}

.dropdown-menu a{
display:flex;
align-items:center;
gap:8px;
padding: 20px;
}
.border-top, .border-bottom{border-color:var(--gray)!important;}
.dropdown-toggle::after{content: "\e90d";font-family: 'icomoon';border: 0px solid var(--white);font-size: 18px;}
li.menu-item-has-children.nav-item a{display: flex!important;align-items: center;}
.hero-heading{font-size: 3.625rem;line-height: 4.5rem;}
.hero-heading strong, h1 strong, h2 strong, .woocommerce-MyAccount-navigation ul li.is-active a, .hero-img a:not(.btn){color:var(--yellow);}
.carousel-item{position: relative;}
.carousel-caption{left: 0%;right: 0%;width: 100%;}
.carousel-item::after, .hero-img::after{content: ""; position: absolute; left:0;top: 0;background-color: rgba(0, 0, 0, 0.49);bottom: 0;right: 0;}
.circle-icon{width: 50px; height: 50px; border-radius: 100%;}
.truest-sec figure, figure{margin-bottom: 0!important;}
.truest-sec figure figcaption{margin-bottom: 0; margin-top: 1.875rem;font-size: 1.25rem;font-weight: 600;}
.mar-up-sec{margin-top: -110px;}
.box-hovr:hover figure{transform: translateY(-5px);}
.box-hovr figure{transition: transform 0.3s ease;}
.home-services-con .con, .testimonails-sec h3, .social-links li a, .third-section ul li::after, aside h3{font-size: 1.25rem;}
.testimonails h4{font-size: 1rem;}
/*.home-services-con .con{}*/
.home-services-con{position: relative;}
.home-services-con::before{
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 416px;
    height: 100%;

    background-image: url("./assets/images/circle-shadow.webp");
    background-position: top left;
    background-repeat: no-repeat;
    background-attachment: scroll;
    pointer-events: none;
    opacity: 0.4;
}
.home-services-con::after{
  content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-image: url("./assets/images/circle-shadow-small.webp");
    background-position: top 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    pointer-events: none;
    opacity: 0.9;
}
.home-services a.bg-yellow:hover{background-color:var(--white) !important;}
.search-field{height: 71px; width: 100%; padding: 20px 30px;border: 1px solid var(--dark-gray);outline: none;}
input[type="search"]::-webkit-search-cancel-button {
  padding-right: 0px;
  right: 60px;
  position: absolute;
}
.custom-woo-search::after{content: "\e909"; font-size: 24px; position: absolute;right: 30px;top:18px;font-family: 'icomoon';}
.search-tags span, .search-tags a{border-radius: 5px;padding: 2px 10px; margin: 5px 2px;display: inline-block;text-decoration: none;}
.search-tags, .all-services p{font-size: 14px;}
.all-services h3, .all-services h3 a{font-size: 1.375rem;color:var(--yellow);}
.mar-top-neg{margin-top: -60px;}
.in-your-area-sec .iyas-img{position: absolute;top: 50%;right: 0; transform: translateY(-50%) !important;}
.footer-services-sec ul {list-style-type: none;column-count: 5;}
.footer-services-sec ul li, footer ul.fmenu li{padding: 8px 0;}
.footer-services-sec ul li a, footer ul.fmenu li a, .social-links li a, footer a  {color:var(--blue-gray);text-decoration: none;}
footer, .subcats-pro li, .subcats-pro{font-size:0.875rem!important;}
.subcats-pro li{list-style-type: decimal;}
footer ul.fmenu {list-style-type: none;padding-left: 0;margin-bottom: 0;}
footer ul.fmenu li {display: block;}
.social-links li {
    list-style-type: none;
    display: inline-block;
}
.social-links li a {
    margin-right: 5px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--blue-gray);
    border-radius: 60px;
}
.hero-phone {padding: 6px 20px 6px 6px; border-radius: 0px 30px 30px 30px;}

.text-light-gray, .second-section a{color:var(--dark-gray);text-decoration: none;}
 .testimonails-sec h3{ margin-bottom: 10px;}
 .testimonails-sec img{border-radius: 100%;}
 .testimonial-slider{
overflow:hidden;
position:relative;
}

.testimonial-track{
display:flex;
transition:transform .45s ease;
will-change:transform;
}

.testimonial-slide{
flex:0 0 33.3333%;
padding:14px;
}

/* DOTS */

.testimonial-dots{
display:flex;
justify-content:center;
gap:10px;
margin-top:25px;
}

.testimonial-dots button{

width:16px;
height:16px;
border-radius:40px;
border:none;
background:var(--gray);
cursor:pointer;
transition:.3s;

}

.testimonial-dots button.active{
background:var(--black);
width:16px;
height:16px;
}
body.page-id-96 .testimonial-slide, .page-id-494 .testimonial-slide, .page-id-327 .testimonial-slide{flex: 0 0 50%;}
.location-sec select{padding: 19px 26px;}
.location-sec .form-select{border: 1px solid var(--gray);}
.project-filter button{
border:0;
color: var(--dark-gray);
background:var(--white);
padding:4px 14px;
margin:0px;
cursor:pointer;
font-weight: 600;
}

.project-filter button.active{
background:var(--yellow);
color:var(--black);
}

.project-box img{
transition:transform .3s ease;
}

.project-box:hover img{
transform:scale(1.05);
}

/* PROJECT IMAGE BOX */

.project-box{
position:relative;
overflow:hidden;
aspect-ratio: 16 / 9;
  overflow: hidden;
}


/* IMAGE ZOOM */

.project-box img{
 width: 100%;
  height: 100%;
  object-fit: cover; /* keeps image nicely cropped */
  display: block;
transition:transform .4s ease;
}

.project-box:hover img{
transform:scale(1.1);
}


/* OVERLAY */

.project-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);

display:flex;
align-items:center;
flex-direction: column;
justify-content:center;

opacity:0;
transition:opacity .3s ease;
}

.project-box:hover .project-overlay{
opacity:1;
}


/* ZOOM ICON */

.zoom-icon{
width:40px;
height:40px;
border-radius:50%;
background:var(--yellow);
color:var(--black);

display:flex;
align-items:center;
justify-content:center;

font-size:28px;
font-weight:bold;

transform:scale(.7);
transition:transform .3s ease;
}

.project-box:hover .zoom-icon{
transform:scale(1);
}


/* LIGHTBOX */

#custom-lightbox{
position:fixed;
top:0%;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.9);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
}

#custom-lightbox img{
margin: 0 auto;
}


/* CLOSE */

.lightbox-close{
position:absolute;
top:20px;
right:30px;
font-size:40px;
color:var(--white);
cursor:pointer;
}


/* NAVIGATION */

.lightbox-prev,
.lightbox-next{
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:40px;
color:var(--white);
cursor:pointer;
padding:10px;
}

.lightbox-prev{
left:20px;
}

.lightbox-next{
right:20px;
}
/*#gf-sticky-summary {
  position: fixed;
    top: 0;
    right: 0;
    width: 350px;
    margin-top: 30px;
    overflow: scroll;
    height: 1080px;
}*/

.gf-summary-card {
    background: var(--white);
    border: 1px solid var(--white);
    padding: 20px;
    border-radius: 8px;
}

.gf-summary-title, .gf-sticky-summary h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.gf-summary-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 14px;
}

.gf-summary-divider {
    border-top: 1px solid var(--gray);
    margin: 15px 0;
}

.gf-summary-total-row {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 16px;
}


.fitpoint-selection-grid {
    margin-bottom: 30px;
}

.variation-heading {
    font-size: 18px;
    margin-bottom: 15px;
    color: #333;
}

.single-product div.product .summary.entry-summary{
    width:100%;
    float:none;
    clear:both;
}

.third-section ul, .page-numbers {list-style-type: none;padding-left: 0;}
.third-section ul li{position: relative; padding-left: 30px; margin:25px 0;}
.third-section ul li::after{content: "\e908";font-family: 'icomoon';position: absolute;
    top: 0px;left: 0;font-size: 19px;}
.third-section h4, .blog-categories a{color:var(--blue-gray);margin-bottom: 0.5rem;}
.page-numbers{display: flex; flex-direction: row; align-items: center; justify-content: center; }
.page-numbers li{text-align: center;display: flex; align-items: center;justify-content: center;}
.page-numbers li a, .page-numbers li span{color:var(--blue-gray);width: 40px; height: 40px;border: 1px solid var(--gray) ;text-decoration: none;}
.page-numbers li span{border: 1px solid var(--yellow);}
.blog-img img{max-height: 270px;object-fit: cover;}

/*Warrenty Page*/
.card-header p{margin-bottom:0}
.card-hover:hover{box-shadow:var(--bs-box-shadow-lg)!important;}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--yellow);
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: var(--white);
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--yellow);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--yellow);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#monthlyPlans, #yearlyPlans {
    transition: all 0.3s ease;
}

#order_review_heading {
    display: none !important;
}
body.woocommerce-checkout .woocommerce .col2-set .col-1, body.woocommerce-checkout .woocommerce-page .col2-set .col-1{width:100%;}
.woo-search-list, .search-results {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.woo-search-list li, .live-search-list li {
  border: 1px solid var(--gray);
    border-top: 0px solid #f5f5f5;
    background-color: #fff;
    list-style-type: none;
}

.woo-search-list li a, .live-search-list li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
}

.woo-search-list li a:hover {
    background: #f5f5f5;
}

.no-result {
    padding: 10px;
    color: #999;
}

/* 1. Base Box Styling */
.grey-blue-hov {
    background-color: #212529; /* Deep charcoal */
    position: relative;
    border-radius: 12px;
    z-index: 1;
    overflow: hidden; /* Clips the rotating gradient */
    transition: transform 0.4s cubic-bezier(0.2, 1, 0.3, 1);
    border: none; /* We use the pseudo-element for the border instead */
}

/* 2. The Moving Gradient Layer */
.grey-blue-hov::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    /* Create the 'Snake' light effect */
    background: conic-gradient(
        transparent, 
        transparent, 
        transparent, 
        var(--yellow)/* Your Brand Yellow */
    );
    animation: rotateBorder 3s linear infinite;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -2;
}

/* 3. The "Inner" Box (Covers the middle of the gradient) */
.grey-blue-hov::after {
    content: '';
    position: absolute;
    inset: 3px; /* This defines your border thickness (3px) */
    background: #212529; /* Must match box background */
    border-radius: 10px;
    z-index: -1;
    transition: background-color 0.4s ease;
}

/* 4. Hover State Logic */
.grey-blue-hov:hover {
    transform: translateY(-8px);
    box-shadow: none !important; /* No shadow as requested */
}

.grey-blue-hov:hover::before {
    opacity: 1; /* Border light appears on hover */
}

.grey-blue-hov:hover::after {
    background-color: #2c3034; /* Interior lightens slightly on hover */
}

/* 5. Rotation Animation */
@keyframes rotateBorder {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* 6. Subtle Image/Icon lift */
.cat-img img {
    transition: transform 0.5s ease;
}

.grey-blue-hov:hover img {
    transform: scale(1.05);
}



@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?rj8av6');
  src:  url('assets/fonts/icomoon.eot?rj8av6#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?rj8av6') format('truetype'),
    url('assets/fonts/icomoon.woff?rj8av6') format('woff'),
    url('assets/fonts/icomoon.svg?rj8av6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-television1:before {
  content: "\f26c";
}
.icon-tv1:before {
  content: "\f26c";
}
.icon-television:before {
  content: "\e90f";
}
.icon-tv:before {
  content: "\e90f";
}
.icon-linkedin:before {
  content: "\e903";
}
.icon-instagram:before {
  content: "\e904";
}
.icon-facebook:before {
  content: "\e905";
}
.icon-facebook-f:before {
  content: "\e905";
}
.icon-arrow-left:before {
  content: "\e90a";
}
.icon-phone-call:before {
  content: "\e906";
}
.icon-smartphone:before {
  content: "\e90e";
}
.icon-phone:before {
  content: "\e912";
}
.icon-user:before {
  content: "\e907";
}
.icon-search:before {
  content: "\e909";
}
.icon-x:before {
  content: "\e900";
}
.icon-twitter:before {
  content: "\e900";
}
.icon-cheveron-left:before {
  content: "\e911";
}
.icon-cheveron-right:before {
  content: "\e910";
}
.icon-checkmark-outline:before {
  content: "\e908";
}
.icon-arrow-right:before {
  content: "\e902";
}
.icon-cheveron-down:before {
  content: "\e90d";
}
.icon-link:before {
  content: "\e90c";
}
.icon-plus:before {
  content: "\e90b";
}
.icon-envelope:before {
  content: "\e901";
}
.icon-mail:before {
  content: "\e901";
}
.icon-email:before {
  content: "\e901";
}
.icon-contact:before {
  content: "\e901";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-plus1:before {
  content: "\ea0a";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-youtube:before {
  content: "\ea9d";
}

@media (max-width: 768px) {
    .hero-heading{font-size: 2rem;line-height: 2.5rem;}
    .mar-up-sec{margin-top: -50px;}
    .mar-top-neg{margin-top: 20px;}
    h1{font-size: 2rem;}
h2{font-size: 1.75rem;}
.home-services-con .con{font-size: 1.125rem;}
.footer-services-sec ul{column-count: 2;}
 .in-your-area-sec .iyas-img{position: inherit;right: inherit;top: auto;text-align: center;transform: translateY(20%) !important;}
 .hero-img img, .home-hero img{
  min-height: 340px;
    object-fit: cover;
 }
 header img {
    max-width: 260px;
}
.nav-item a{padding: 5px 0;}
.navbar-nav .dropdown-menu .nav-item a {
    padding: 12px;
}
.testimonial-slide, body.page-id-96 .testimonial-slide, .page-id-494 .testimonial-slide, .page-id-327 .testimonial-slide{
flex:0 0 100%;
}
.account-wrapper .u-columns {
    display: block!important;
}
.account-wrapper .u-column1.col-1, .account-wrapper .u-column2.col-2{width: 100%!important;display: block!important;}
.woocommerce form.login, .woocommerce form.register{margin-bottom: 0;}
}
@media (max-width: 480px) {
    .hero-heading{font-size: 1.5rem;line-height: 2rem;}
    .footer-services-sec ul{column-count: 1;}
    
}


.all-services {
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
}
.all-services::-webkit-scrollbar {
    display: none; /* Chrome */
}
.carousel-dot {
    width: 38px;
    height: 12px;
    padding: 0;
    border-radius: 11px;
    border: 0px solid var(--white);
}
#carousel-pagination .btn-secondary, .home-services .btn.bg-yellow{background-color: #d2d2d2;}

/*
Brand Carousel css
*/
.brand-slider {
    overflow: hidden;
}

.brand-track {
    display: flex;
    transition: transform 0.4s ease;
}

.brand-item {
    flex: 0 0 50%;
    padding: 10px;
}
.brand-item img {
    filter: grayscale(100%);
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

.brand-item img:hover {
    filter: grayscale(0%); 
    opacity: 1;
}

@media (min-width: 768px) {
    .brand-item {
        flex: 0 0 25%;
    }
}

@media (min-width: 1024px) {
    .brand-item {
        flex: 0 0 14.285%;
    }
}

.brand-prev,
.brand-next {
    cursor: pointer;
}
.single-product .gfield_radio .gchoice, .single-product .gfield_checkbox .gchoice{ box-shadow: var(--bs-box-shadow-sm) !important;padding: 20px 20px; border-radius: var(--bs-border-radius-sm) !important;border: 1px solid var(--bs-light-border-subtle) !important;}
.single-product legend.gfield_label, .single-product .gfield_label{font-size: 1.2rem!important;font-weight: 700!important;}
.single-product .ginput_price{color: var(--gray)!important;}
.single-product .gf_list_4col .gfield_checkbox .gchoice{box-shadow: var(--bs-box-shadow-sm) !important;border: 1px solid var(--bs-light-border-subtle) !important; padding: 10px 10px; border-radius: var(--bs-border-radius-sm) !important; display: flex!important;flex-direction: column;align-items: center;}
.single-product .gf_list_4col .gfield_checkbox .gchoice label{margin-left: 0!important;text-align: center;display: flex;  flex-direction: column; gap: 5px;}
.woocommerce div.product form.cart .button{width: auto;}
.woocommerce div.product form.cart, .woocommerce div.product div.summary{margin-bottom: 0;}
.brand-search .ginput_container_text{position: relative!important;}
.brand-search .ginput_container_text::after, .sesec::after{content: "\e909"; position: absolute;right: 10px;top:12px;font-family: 'icomoon';}
.sesec::after {right: 20px;top:16px;font-size: 18px;}
.gfield {
    transition: all 0.3s ease;
}

.gfield.gf-hide {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    height: 0;
    margin: 0;
    overflow: hidden;
}
.gfield {
    transition: height 0.35s ease, 
                opacity 0.3s ease, 
                margin 0.3s ease, 
                padding 0.3s ease;
    overflow: hidden;
}
.gfield {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.gform_next_button{background-color:var(--blue-gray)!important;}
.button{padding: 0.5rem 1rem;font-weight: 600;}

/*Login and Registration form */
.account-wrapper {
    border-radius: 16px;
    background: #fff;
}

/* Left (Login) */
.woocommerce form.login, .woocommerce form.register {
    border: 0px solid #eee!important;
    padding: 0;
    margin-bottom: 0;
}
.woocommerce form.register{padding: 20px;}
/* Headings */
.woocommerce h2 {
    font-weight: 700;
    margin-bottom: 20px;
}

/* Inputs */
.woocommerce input.input-text {
    height: 48px;
    border-radius: 10px;
    border: 1px solid var(--gray)!important;
    padding:12px 25px;
}
.woocommerce input.input-text:focus, .woocommerce input.input-text:focus-visible{border: 1px solid var(--yellow)!important;border-color: var(--yellow)!important;}
/* Buttons */
.woocommerce button.button {
    transition: 0.3s;
    width: 100%;
    padding: 14px 25px;
    margin-top: 10px;
}
.woocommerce form.login button.button:hover{background: #5b6c75;}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select{background: none;}
.woocommerce form .form-row label{margin-bottom: 3px;}

/* Remember me */
.woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Forgot password */
.woocommerce-LostPassword a {
    font-size: 14px;
    color: var(--white);
    text-decoration: none;
}
p.woocommerce-LostPassword.lost_password{margin-top: 20px;}
/* Register side */
.woocommerce-form-register {
  padding: 0!important;
  margin: 0!important;
}
.account-wrapper .u-columns{display: flex;}
.account-wrapper .u-column1.col-1{background-color: var(--blue-gray);padding: 2rem;}
.account-wrapper .u-column1.col-1 .woocommerce-form-login input.input-text{color: var(--white);}
.account-wrapper .u-column2.col-2{padding: 2.4rem;}
.account-wrapper .u-column1.col-1 h2{color: var(--white);}
.account-wrapper .u-column1.col-1, .account-wrapper .u-column2.col-2{width: 50%;display: flex;flex-direction: column;justify-content: center;margin-bottom: 0!important;}
.woocommerce-MyAccount-navigation ul{padding-left: 0;}
.woocommerce-MyAccount-navigation ul li{list-style-type: none;margin: 8px 0; padding: 10px 20px;border: 1px solid #d2d2d2;}
.woocommerce-MyAccount-navigation ul li a{text-decoration: none;}

/*
Categorry page title and links
*/
/* Force single column layout */
.woocommerce ul.products {
    display: block;
    text-align: left;
}
.woocommerce-products-header{text-align: center;}

.woocommerce ul.products li.product {
    width: 100% !important;
    margin-bottom: 15px;
    padding: 20px;
    box-shadow: var(--bs-box-shadow-sm) !important;border: 1px solid var(--bs-light-border-subtle) !important;
}

/* Title styling */
.custom-product-title {
    font-size: 16px;
    font-weight: 400!important;
    margin: 0;
    text-align: left;
    color: var(--blue-gray);
}
.tax-product_cat .woocommerce ul.products li.product{display: flex; flex-direction: column; align-items: start!important;justify-content: center;}

/* Services page zip and product search*/
/*
.search-results {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  color: #000;
  z-index: 999;
  border-radius: 6px;
  display: none;
}

.live-search-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.live-search-list li {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.live-search-list li a {
  text-decoration: none;
  color: #000;
  display: block;
}*/