/* Products Grid */

.prod-pic-bg{ background-position: center center; background-size: contain; background-repeat: no-repeat;}
.prod-pic-bg[style*="alt-image.jpg"]{ background-color: #0c1926; background-size: contain;}
.product-detail  .propapid-image{display:block;}
      .product-grid-container {
        max-width: 1200px;
        margin: 0 auto;
      }
      
      .product-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0;
        margin: 0;
      }
      
      .product-grid-item {
        border: 1px solid #ccc; 
        padding: 0;              
        margin: 0;  
        border-radius: 10px;
        overflow: hidden;
      }
      
      .product-grid-item img {
        width: 100%;  
        height: auto;
        object-fit: cover;
        display: block;
        border-bottom: 1px solid #ddd; 
      }

      .product-grid-item h3 {
        margin: 0px;
        text-align: center;
        font-size: 34px;
        font-family: 'Lato';
        line-height: 1.25;
        font-weight: normal;
        letter-spacing: -.031em;;
      }
      
      .product-grid-item p {
        font-size: inherit;
        color: #666;
        margin-top: 0;
        margin-bottom: 1em;
        text-align: center;
        line-height: 1.66;
      }

       /*category page*/
      .category-box {
        background: #F5F6FF;
        padding: 60px 20px;
        text-align: center;
        margin-bottom: 60px;
      }
      
      .category-title {
        font-size: 22px;
        font-weight: 600;
        margin-top: 60px;      
        margin-bottom: 15px;  
        text-align: center;
      }
      
      .category-description {
        font-size: 16px;
        color: #444;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
      }
      
      .single-product-page {
        padding-top: 140px;
        max-width: 1200px;
        margin: 0 auto;
      }
      
      .product-title-section {
        text-align: center;
        margin-bottom: 40px;
      }
      
      .product-title {
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 20px;
      }
      
      .product-image-section {
        text-align: center;
      }
      
      .product-image {
        width: 800px;
        max-width: 100%;
        height: auto;
        margin: 0 auto 30px auto;
        display: block;
        border-radius: 8px;
      }
      
      .product-description-section {
        text-align: center;
        margin-top: 10px;
      }
      
      .product-description {
        font-size: 18px;
        line-height: 1.8;
        max-width: 800px;
        margin: 0 auto;
      }
      
      /* pagination */
      .product-pagination {
        text-align: center;
        margin-top: 30px;
        font-family: Arial, sans-serif;
      }
      
      .product-pagination a,
      .product-pagination span {
        display: inline-block;
        margin: 0 4px;
        padding: 6px 12px;
        background-color: #f0f0f0;
        color: #333;
        text-decoration: none;
        border-radius: 4px;
        font-size: 14px;
        transition: background-color 0.3s ease;
      }
      
      .product-pagination a:hover {
        background-color: #ccc;
      }
      
      .product-pagination a.current,
      .product-pagination a.current-page {
        background-color: #0073aa;
        color: #fff;
        font-weight: bold;
      }
      
      .product-pagination span.page-numbers.current {
        background-color: #0073aa;
        color: #fff;
        font-weight: bold;
        border-radius: 4px;
        padding: 6px 12px;
        display: inline-block;
        margin: 0 4px;
        font-size: 14px;
        transition: background-color 0.3s ease;
      }
    
      .product-pagination .dots {
        color: #999;
        padding: 6px 12px;
        font-size: 14px;
      }
      
      .product-pagination a.arrow {
        font-weight: bold;
        background-color: #ddd;
        color: #333;
      }
      
      .product-pagination a.arrow:hover {
        background-color: #bbb;
      }





/*new css style start*/
.uicore-navbar.uicore-transparent .uicore-header-wrapper {background: #fff;}
#ajax-archive-grid {padding: 0 20px;}  
.custom-grid .product-grid-container{max-width: 100%;}
.custom-grid .product-grid .product-grid-item h3 {padding: 25px 40px 7px;text-align: left;}
.custom-grid .product-grid .product-grid-item p {padding: 0 40px;text-align: left;margin-top: 10px;/* font-size: 18px!important; *//* color: #606060; */}
.custom-grid ul.product-grid {gap: 40px;}
.custom-grid .product-grid li.product-grid-item img {max-height: 300px; object-fit: contain; }
.custom-grid .product-grid li.product-grid-item img[src*="alt-image.jpg"]{object-fit: cover; }
.custom-grid .product-grid li.product-grid-item {padding-bottom: 20px;border-radius: 24px 24px 24px 24px;}
.product-pagination a.current, .product-pagination a.current-page {background-color: #005e99;}
.product-pagination a, .product-pagination span {min-width: 35px;}



/*product page css start*/
.single-product-page {max-width: 1240px;padding-left: 20px;padding-right: 20px;}
.single-product-page {display: flex;}
.single-product-page .product-image {margin: 0; width: 100%;max-width: 600px;}
.single-product-page .product-title-section {margin-bottom: 10px;;}
.single-product-page .product-image-section {;margin-right: 30px;}
.single-product-page h2.product-title {text-align: left;margin: 0;}
.product-description-section{text-align: left;}

/*menu css start*/
.uicore-menu .sub-menu .ui-has-description > a {font-size: 14px !important;font-weight: normal !important;padding: 12px 21px !important;border-bottom: 1px solid #ddd;}
.uicore-navbar nav.uicore ul.sub-menu:not(.uicore-megamenu) {padding: 0!important;}
.uicore-navbar nav.uicore ul.sub-menu{ border-bottom: 3px solid var(--uicore-accent-color);background: #f0f0f0; box-shadow: none!important;border-radius: 0px 0px 6px 6px !important;}
.uicore-navbar nav.uicore ul.sub-menu::before {content: "";border-top: 10px solid transparent;border-right: 10px solid #eee;border-bottom: 10px solid transparent;display: inline-block;transform: rotate(90deg);position: absolute;top: -14px;left: 50px;}
.uicore-top-bar p {color: #fff;}
.uicore-menu .sub-menu .ui-has-description > a:hover span {color: var(--uicore-accent-color);}
.product-detail {padding-top: 30px;}

@media (max-width: 768px) {
div.uicore-top-bar{position: inherit !important;visibility: visible;max-width: 100%;max-height: inherit;}
    
}




@media only screen and (max-width:767px){
    
.custom-grid ul.product-grid {gap: 30px;grid-template-columns: repeat(1, 1fr);}    
.custom-grid .product-grid .product-grid-item h3 {padding: 20px 20px 7px;font-size: 22px;}    
.custom-grid .product-grid .product-grid-item p {padding: 0 20px;}  
  
.single-product-page {padding-top: 90px;flex-direction: column;}    
.single-product-page h2.product-title {font-size: 30px;text-align: center;}  
.product-description-section {text-align: center;}    
.single-product-page .product-image-section {margin-right: 0;margin-bottom: 20px;}
.single-product-page .product-image {max-width: 100%;margin-bottom: 20px;} 
.product-detail .productsection.ProPapid-block {padding-top: 60px;}  
    
}

/*new css style end*/

      /* Responsive tweaks */
      @media (max-width: 600px) {
        .product-pagination a,
        .product-pagination span {
          padding: 5px 8px;
          font-size: 13px;
        }
      }
      
      @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
/*Globel css start*/
body { font-family: "Lato";margin: 0;padding: 0;}
.container { max-width: 1216px; padding-left:20px; padding-right:20px; margin: auto;}
.productsection {padding: 100px 0;}
.lightblue_bg{background-color: #f6fcff;}
.padding-0{ padding: 0px!important;}
/*Globel css end*/
.detail-content{display: flex;justify-content: center;align-items: center;    gap: 110px;}
.image-box {background-color: #005f96;border-radius: 6px;padding: 30px;border-radius: 10px; width: 50%;        box-sizing: border-box;}
.image-box img{max-width: 100%;}    
.product-features {width: 100%;        box-sizing: border-box;}
.product-features h2 {color: #070707;font-size: 38px;font-family: "Lato"; font-weight: 400;    margin-top: 15px; margin-bottom: 0px;}

.lightblue_bg .product-features h2 {font-size: 29px;}
.product-features ul {margin-bottom: 25px;padding-left: 18px;}
.product-features ul li {margin-bottom: 6px;font-size: 18px;color: #4c4c4c;font-family: "Lato";}
.product-detail .btn {background-color: #6fbeeb;color: #fff;padding: 15px 25px;border: none;border-radius: 10px;cursor: pointer;font-size: 18px;text-decoration: none;font-family: "Lato";font-weight: bold;width: 150px;display: block;text-align: center;}
.btn:hover {background-color: #3b8bb5;}
.product-detail{font-family: "Lato";}
.ProPapid-block .product-features h2 {margin: 0 0 25px;}
.product-features h4 {line-height: 36px;font-size: 24px;color: #4c4c4c;font-family: "Lato";font-weight: normal;margin: 20px 0 20px 0;}
.product-features p {line-height: 32px;font-size: 18px;color: #4c4c4c;font-family: "Lato";margin-bottom: 30px;}
.ProPapid-block .image-box {padding: 0;border-radius: 30px;overflow: hidden;background: none;}
.benefits-block {padding-top: 20px;}
.resources-block{padding-top: 20px;}
/*accordion css start*/
.product-features ul.accordion_block{padding: 0;list-style: none;}
.accordion_block li { border-bottom: 1px solid #070707;}
.accordion_block .accordion {color: #070707;cursor: pointer;padding: 14px 0;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;background: none;background: url(../images/down.png) right center no-repeat;background-size: 12px;font-size: 20px;transition: none;font-weight: 600;}
.accordion_block .accordion.active {background: url(../images/up-arrow.png) right center no-repeat; background-size: 16px;}

.accordion_block .panel {display: none;overflow: hidden; }
.product-features .accordion_block .panel  p {font-size: 16px;margin: 0;margin-bottom: 10px;line-height: normal;}
.steps-container {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 0;margin: 0 -20px;}
.step-card {flex: 1;min-width: 250px;margin: 15px;padding: 40px 30px;background-color: #fff;border-radius: 12px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;text-align: left;}


@media only screen and (max-width:1024px){
.image-box {max-width: 350px;}   
.detail-content {gap: 40px;} 
.product-features h2 {font-size: 32px;    margin-bottom: 20px;}      
.product-features ul {margin-bottom: 30px;padding-left: 24px;}   
.product-features ul li {font-size: 17px;} 
.btn {padding: 15px 15px;font-size: 18px;width: 90px;} 
}

@media only screen and (max-width:768px){
.image-box {max-width: 100%; width: 100%;}
.detail-content {align-items: normal;gap: 40px;flex-direction: column;width: 100%;} 
.product-features {width: 100%;}
.productsection {padding: 50px 0;}
.accordion_block .accordion {padding: 20px 0;font-size: 24px;}    

}