.bggry { background:#f8f8f6; color: #163347; font-size:15px; line-height:24px;}

.bggry p {font-size:15px; line-height:24px; color: #163347;}

.prwrapper {max-width:920px; margin:0 auto;}



.prwrapper-in {max-width:850px; margin:0 auto;}

.rwsml .row {margin-left:-10px; margin-right:-10px;}
.rwsml .row > div { padding-left:10px; padding-right:10px;}



/* Breadcumb */

.brdcumb {max-width:1015px; margin:0 auto;}

.breadcrumb {
  background-color: #f8f8f6;
}
 .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #6c757d;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  content: "\f054";
  box-sizing: border-box;
  font-size: 11px;
  line-height: 24px;
}
.breadcrumb-item a {
  color: #101010;
}
.breadcrumb li {
  font-size: 12px;
}
.breadcrumb-item.active {
  color: #008ccf !important;
}
/* PRODUCT */
 

a:hover {text-decoration:none;}
.product-category-box {
  border-radius: 15px;
  overflow: hidden;
  margin-bottom:25px;
  background:#ffffff;
  border:1px solid #f8f8f6;
}
.pcg-desc {padding:20px;}
.pcg-desc h3 {
    color:#010c1c; font-size:15px; line-height:22px; font-weight:600;
    font-family: 'Lato', sans-serif; min-height:75px;
}

.pcg-arrow {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: #32424e;
  line-height: 11px;
  padding: 3px;
  text-align: center;
  border-radius: 50px;
}
.pcg-arrow i {transform: rotate(45deg);
  font-size: 11px; color:#ffffff;}

.product-category-box a:hover .pcg-arrow {background: #008ccb;}
.product-category-box a:hover .pcg-arrow i {color:#ffffff;}

.product-category-box a:hover .pcg-desc h3 {
    color:#008ccb; font-size:16px; transition:all ease-in-out 0.5s;}
    
.product-category-box:hover {border:1px solid #008ccb; transition:all ease-in-out 0.5s;}

/* Pr Sub Cat */

.subpr-head {
  display: flex;
  align-items: center;
  padding: 20px 0;
   font-family: 'Lato', sans-serif;
   position:relative;
    
}
.subpr-hleft {
  padding-right: 20%;
  width: 80%;
}
.subpr-hright {text-align:right;}
.thumb-poductsubcat {
  max-width: 137px;
  position: absolute;
  right: 0;
  top: 44px;
}



.subprheading {
  color: #010C1C;
  font-size: 24px;
  font-weight: 600;
  line-height: 38px;
}

.product-subcategory-box {
  background: #fff;
  border-radius: 5px;
  margin-bottom: 18px;
}

.psubcat-box { 
    display: flex;
    align-items: center;
    flex-wrap: wrap; 
    -ms-flex-wrap: wrap;
    gap: 8px;
    border: 1px solid #fff;
    border-radius: 5px;
}    

.psub-thumb {
  width: 125px;
  padding: 6px;
  height: auto;
  overflow: hidden;
}

.psub-desc {
   /* flex: auto;*/
    width:250px;
    
}
.psub-desc .subctitle {
    color:#010c1c; 
    font-size:15px;
    font-weight:400;
    
}
.psub-desc .subcproduct-count {
    color:#8EADBA; 
    font-size:13px;
    letter-spacing:1.2;
    text-transform: uppercase;
    font-weight:600;
    
}

.subcat-arrw {
  margin-right: 20px;
  position: absolute;
  right: 13px;
  top: 46%;
}

.psubcat-box:hover {border:1px solid #008ccb; transition:all ease-in-out 0.5s;} 

.pcg-arrow-sm {
 display: inline-block;
  width: 20px;
  height: 20px;
  background: #32424e;
  line-height: 9px;
  padding: 3px;
  text-align: center;
  border-radius: 50px;
}
.pcg-arrow-sm i {transform: rotate(45deg);
  font-size: 10px; color:#ffffff;}


.product-subcategory-box a:hover .subcat-arrw {background: #008ccb;}
.product-subcategory-box a:hover .subcat-arrw i {color:#ffffff; transform: rotate(90deg); transition:all ease-in-out 0.5s;}

.product-subcategory-box a:hover .psub-thumb img.hovhide { display:none !important;} 
.product-subcategory-box a:hover .psub-thumb img.hovshow { display:block !important;} 

.clear-foot {clear:both; height:100px;}


/* Sub Cat Landing */

.pd-20 {padding-top:20px; padding-bottom:20px;}

.headpart-2 h1 {color: #010c1c;
  font-size: 1.6rem;
  font-weight: 600;
    
}
 .headpart-2-thumb img {
  margin-bottom: 20px;
}
 
 .hidedesk {display:none;}
 .hidemob {display:block !important;}
 
 .rp-box {
  background: #fff;
  border-radius: 6px;
  margin-bottom:25px;
  min-height: 360px;
  
}

.bdrbx {border: 1px solid #f8f8f6;}
.bdrbx:hover {border: 1px solid #008ccb;
  transition: all ease-in-out 0.5s;}

.rp-thumb {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  height: 228px;
  position: relative;
  width: 258px;
}
.rp-thumb img {
  position: absolute;
  width: 100%;
  height: auto;
}

.pd-rp { padding:15px;}

.elp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.rp-title.mb-2 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 13px !important;
}

.rp-title2 {color:#02142F;
    font-weight: 700;
    font-size: 20px;
    line-height:30px;
}

.rp-foot {position:relative;}

.rp-desc h4 {color: #163347;
  font-size: 15px;
  font-weight: 600;}
.rp-desc p {
  font-size: 14px;
  line-height: 19px;
  color: #163347;
  font-weight: 300;
}
.subcproduct-count-sm {
  color: #8EADBA;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
}
 
.bxover:hover .hovhide1 {display:none;}   
.bxover:hover .hovshow1 {display:block !important;}

.bxover  a:hover .pcg-arrow-sm {background: #008ccb;}
.bxover  a:hover .pcg-arrow-sm i {color:#ffffff;}
 
 
.headpart-3-desc h2 {color: #02142F;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px; margin-bottom:4px;} 
  
 .subhead3 {color: #163347;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;} 
 
 .headpart-3-desc p {color:#163347;}
 
 .tb-desc-area th {color:#163347;}
 .tb-desc-area th, .tb-desc-area td { font-size: 14px; line-height: 21px;}
 
 .tbblue { background-color: #E6F1F4; border-radius: 10px; }
 
 .tbblue.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #ffffff;
}

.headpart-3-thumb img {
  margin-bottom: 20px; padding:5px;
}

.product-specification {
  background: #fff;
  border-radius: 11px;
  padding: 10px;
  margin: 16px 0 31px;
}
.product-specification .table {margin-bottom:0px;}
.ps-data{ display:block; font-weight:600;}
.ps-label { color:#8EADBA; font-size:12px; line-height:18px; display:block; letter-spacing:1.2px; text-transform:uppercase; font-weight:800;}


.tb5-relatedproducts .rp-thumb {
  height: 143px;
  width: 163px;
}
.tb5-relatedproducts .rp-box {
  min-height: 376px;
}

/* Accd */

.pscadd .card-header {
  padding: 0px;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: none;
}
.pscadd .card-header h2, .pscadd .card-header h2 button {color: #163347;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
    position:relative;
    
}

.pscadd .card {
  border-radius: 5px !important;
  margin-bottom: 7px;
  border: none !important;
}

 .pscadd .card-header h2 button {
 padding: 10px 25px 10px 13px;
 }
 
 .btn:focus {outline:medium none; box-shadow: none;}
 .btn:hover, .btn:focus {text-decoration:none;}
  
.pscadd .card-header h2 button::after {
  position: absolute;
  color: #163347;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  content: "\f139";
  box-sizing: border-box;
  font-size: 18px;
  line-height: 25px;
  right: 20px;
  text-align: center;
  transform: rotate(180deg);
  
}

.pscadd .card-header h2 button.collapsed::after {
    transform: rotate(0deg);
}
.pscadd .card-header h2 button { background:#E6F1F4;} 
.pscadd .card-header h2 button.collapsed { background:#ffffff;} 

.pscadd .card-body {padding:0px;}
.pdsf-flex-area .col-4 {padding:10px;}
.psfwicon i {text-align:right; color:#8FB9CE;}

.table-striped.tbblue2 tbody tr:nth-of-type(2n+1) {
  background-color: #fff;
}
 .table-striped.tbblue2 tbody tr {
  background-color: #E6F1F4;
}
.psfwicon {
  text-align: right;
  padding-right: 9px;
}

.pdsf-flex-area .table td, .pdsf-flex-area .table th {
  padding: .75rem 15px;
}
.pd15 {padding:15px;}
 
/* Responsive Code */



@media (max-width:768px) {
    
.thumb-poductsubcat {
  max-width: auto;
  position: relative;
  right: unset;
  top: unset;
  margin:10px 0 15px;
}
.subpr-hleft {
  padding-right: 0;
  width: 100%;
}

.hidemob {display:none !important;}
.hidedesk {display:block !important;}

.headpart-2-desc h2 { margin-bottom:20px; font-size:18px;}

.headpart-3-desc h2 {
  font-size: 18px;
  line-height: 30px;
}
body { font-size: 14px;}
.fwdd {width:auto !important;}
    
}

@media screen and (min-width:400px) and (max-width:576px) {
    .rp-area .row > div {max-width:49%; display:inline-block; }
    
}

@media (max-width:399px) {
    
    .rp-thumb img {
  position: relative;
   
}
.rp-thumb {
  height: auto;
}
}