@import url('https://use.fontawesome.com/releases/v5.10.1/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Raleway:wght@400;500;600&display=swap');

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position:relative; min-height:1px; padding-right:10px; padding-left:10px;}
.col-xs-15 {width: 20%;float: left;}
.xoo-wsc-basket {

right: 8px;}
.border-gray  {border:1px solid #a3d8a0;}
.wp-block-button__link {
  
  transition: all 0.3s ease-in;
  text-decoration: none !important;
  font-size: 13px;
  padding: 14px 30px;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
}
.woocommerce-error li, .woocommerce-info, .woocommerce-message {
padding: 1.5rem 1rem;}
.text-primary {
  color: #f56233  !important;
}
.link-underline a{text-decoration:underline !important; font-weight:bold;}
.btn-link {
  font-weight: 400;
  color: #fc5e2b;
  text-transform:uppercase
  font-weight: bold;
}
.btn-link:hover {
  font-weight: 400;
  color: #000 !important;
  
  font-weight: bold;
}

.wp-gap{gap:0px;}
.my-100 {
  margin-bottom: 50px;
}
.caption-size .wp-block-image figcaption {
 
  font-size: 16px;
  
}
/* Adjust the layout of star ratings and review count */
.rating-and-reviewss {
    display: flex; /* Display elements in a row */
    align-items: center; /* Vertically center align elements */
    margin-top: 5px; /* Adjust the margin as needed */
	justify-content: center;
}
.rating-and-reviewss .star-rating { margin-bottom: .1rem;}

.rating-and-reviews .review-counts {
    margin-left: 5px; /* Add space between ratings and review count */
	margin-bottom: 5px;
}




.related.products {
  display: none;
}
.not-available-msg {
  color: #710a0a;
}
.phive_book_resources.shipping-price-related { background: #fff; padding: 8px;}

.ph-calendar-days li {
  color: #000;
}

.Listings li {
  background: url(../images/tik-icon.png) no-repeat .1em .13em;
    background-size: auto;
  background-size: auto;
  background-size: 20px 20px;
  padding: 2px 0px 2px 26px;
  margin: 0px;
  list-style: none;
}
.Listings ul{margin:0px; padding:0px;}
@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
	
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%;float: left;}
}

.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background:#a1a1a1; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}

/****************************************************************************/
html {scroll-behavior: smooth;}
body{color:#000; font-family: 'Raleway', sans-serif; font-size:16px; font-weight:400; margin:0px; padding:0px; line-height:1.6;}
.font-barlow{font-family: 'Barlow', sans-serif;}

.font-weight-semi{font-weight:600}
p{margin-bottom:20px;}
ul {list-style-type:disc;}
hr {margin:30px 0 30px 0; background-color:#404c63;}

a{color:#000; outline:none!important; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}

.radio input[type=radio]{margin-top:10px;}

.container {position:relative;}
.no-gutter {margin-left:0px!important;margin-right:0px!important;}
.no-gutter div[class^="col"]{padding-left:0px!important;padding-right:0px!important;}

.gutter-xs {margin-left:-8px!important;margin-right:-8px!important;}
.gutter-xs div[class^="col"]{padding-left:8px!important;padding-right:8px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important;}

textarea.form-control{resize:none;min-height:190px;}
.form-control {height:50px; border-color:#fff;border: 1px solid #ccc;}

h1,.h1, h2,.h2,h3,.h3{font-family: 'Barlow', sans-serif; font-weight:400;}
h1,.h1{font-size:40px; margin-bottom:25px; line-height:50px; color:#535353;}
h2,.h2{font-size:35px; margin-bottom:25px;}
h3,.h3{font-size:29px; margin-bottom:15px; font-weight:600;}

.fs-45{font-size:45px;}
.fs-18{font-size:18px;}
.fs-22{font-size:22px;}

.lh-1{line-height:1;}

.Bor:after {border-bottom:2px solid #6e6e6e; content:"";display:block; margin:0 0 35px 0; padding-bottom:25px; width:70px;}
.Bor1:after {border-bottom:2px solid #6e6e6e; content:""; display:block; margin:auto auto 65px auto; padding-bottom:20px; width:70px;}

.breadcrumb{border-bottom:1px dashed #000; margin:0 0 25px; background-color:transparent;padding:0 0 15px; text-transform:uppercase; font-size:11px; font-weight:bold; letter-spacing:.050em;} .breadcrumb>li+li:before{content:"\00BB";color:#b0a049; margin:0 10px;}

/******* Helpers ********************************************************************/
.bg-danger{background-color:#802206!important;}
.bg-warning{background:#d66f00 !important;}
.text-dark{color:#525252 !important;}
.boxshadow{box-shadow:5px 5px 10px rgba(0,0,0,.3);}

.ImgFade{background-color:#000;}
.ImgFade img{opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */}
.img-thumbnail {padding: 10px; border: 1px solid #cbcbcb; border-radius: 0;	box-shadow:3px 3px 5px rgba(0,0,0,0.75);}

/******* Buttons ********************************************************************/
.btn{ moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;text-decoration:none !important;
font-size:13px; padding:14px 30px; border-radius:0px; text-transform:uppercase; letter-spacing:.1em;font-family: 'Muli', sans-serif; font-weight:700;}

.btn-dark{background-color:#03a79d; border-color:#03a79d; color:#fff !important;}
.btn-dark:hover,.btn-dark.focus,.btn-dark:focus{background-color:#f56233 !important; border-color:#f56233 !important;color:#fff !important;}

/************************************************* Header ********************************************************************/
#Header + main {margin-top:242px;} .Borhead{border-bottom:solid 1px #cccccc;}
#Header{font-size:13px; color:#d7d7d7; letter-spacing:.020em;} 
#Header .Logo{padding:20px 0px;} #Header .HdLinks .fas{color:#6e6e6e; font-size:15px;} #Header .HdLinks span{color:#010101;}
#Header .HdLinks a{font-size:12px; text-transform:uppercase; display:inline-block; padding:0 7px;color:#010101;}
#Header .HdLinks a:hover{color:#000;}

#Header .input-group{min-width:270px;}
#Header .input-group .form-control{background:#f3f3f3; border-radius:4px 0px 0px 4px; box-shadow:none; color:#000; font-size:13px; height:40px; padding-left:13px;} 
#Header .input-group .btn{background:#f3f3f3; padding:5px 10px;border-radius:0px 4px 4px 0px;height:40px;}
#Header .input-group .btn:hover{background:#ccc;}
#Header .row{display:flex; justify-content:center; align-items:center;}

/**** Additional CSS ****/

.shop_table {
  width: 100%;
}

/******* Slider ********************************************************************/
.MainBanner .carousel-caption {bottom:40%; transform:translateY(40%); width:100%; left:0; right:0px z-index:0; font-size:50px;font-family: 'Satisfy', cursive; line-height:55px; text-shadow:7px 0px 7px rgba(0,0,0,.50);}

#InfoText{padding:0px 0px 100px 0px;}
#InfoText .Imgtext{position:absolute; top:0px; left:0px; right:0px; bottom:0px; text-shadow:0px 0px 2px rgba(0,0,0,1);}

 #Products .border-dark{border-color:#cccccc !important;}
#Products .proprice{font-size:22px; color:#6e6e6e;}

#TestiArea{padding:100px 0; background:#61a508; color:#fff;} 
#TestiArea .Bor1:after {border-bottom:2px solid #fff; content:""; display:block; margin:auto auto 35px auto; padding-bottom:20px; width:70px;}
#Testimonials {line-height:35px;} 
#Testimonials .Name{color:#6e6e6e; font-weight:600;}
#Testimonials q:before,#Testimonials:before {content: open-quote; position:absolute; left:0; top:20%;}
#Testimonials q:after,#Testimonials:after {content: close-quote; position:absolute; right:0; top:20%; }
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {color:#fff; font-size:130px; font-family: 'Lora', serif; font-weight:700;}
#Testimonials .carousel-inner{width:80%; margin:auto;}
#Testimonials .carousel-indicators {position:static; margin-top:50px;}
#Testimonials .carousel-indicators li{width:12px; height:12px; margin:0 4px; background-color:#e6dfdf;border:solid 1px #e6dfdf; border-radius:50%;}
#Testimonials .carousel-indicators li.active {background-color:#a6a6a6; border:solid 1px #a6a6a6;}

.map {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}

/********** Footer ***************************************************************************************************/
#Footer{color:#fff; font-size:11px; background:#f56233; letter-spacing:.1em;}
#Footer a{color:#fff;}#Footer a:hover{color:#fbc16f;}

#Footer .input-group{min-width:423px;}
#Footer .input-group .form-control{background:#fff; border-radius:6px 0px 0px 6px; box-shadow:none; color:#555454; font-size:13px; height:50px; padding-left:15px;} 
#Footer .input-group .btn{background:#fff; padding:0px 15px; border-radius:0px 6px 6px 0px;height:50px;}
#Footer .input-group .btn:hover{background:#272727;}
#Footer .form-control::placeholder{color:#555454;}

#Footer .list-inline a{font-size:16px; margin:0px; color:#fff;}
#Footer .list-inline a:hover{color:#0090df;}
#Footer .list-inline-item:not(:last-child) {margin-right:12px;}
#Footer .copytext{font-size:11px; color:#b3b3b3; letter-spacing:.1em;}
#Footer hr{border-color:#195c8d;}

/********** New-work-inner pages ***************************************************************************************************/
.Comingsoon{background:url(../images/comingsoon.png) no-repeat center center; opacity:.1; min-height:450px;}

/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(156,156,156,0.70); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:45px; height:45px; text-indent:-9999px; display:none; webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#525252;}
#scroll:hover {background-color:#9c9c9c; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}

.container{max-width:1298px  !important;}
.container-fluid{max-width:1630px !important;}
.container-new{max-width:1920px !important; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}

@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(255,255,255,.9); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:90px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:79px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:20px 0px !important;}
.shrink .navbar-brand{padding:5px 0px !important;}
.MainBanner .carousel-item img {
    height:560px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
}

@media (min-width: 1920px) {
.container-new{max-width:1920px !important; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}
.container-fluid{max-width:1630px !important;}
.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
#Header + main {margin-top:240px;}
}
@media (max-width: 1280px) {}

@media (min-width: 1359.98px) and (max-width: 1459.98px) {}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {	}
@media (min-width: 991.98px) and (max-width: 1199.98px) {
#Header + main {margin-top:250px;}
.sec-align.wp-block-columns{
		flex-wrap: wrap !important;
	}
	 .sec-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
#InfoText,#TestiArea,#Products{padding:50px 0px;} .fs-45{font-size:28px;}
#WelText {min-height:unset; padding:50px 0px 40px 0px; line-height:30px;}
.Borhead{border:none;}#Header + main {margin-top:175px;}
#Header + main {margin-top:0px;} 
#Header {position:static; padding-bottom:10px;} 

#Header .input-group .form-control{background:#dddddd; color:#000;} 
#Header .input-group .btn{background:#dddddd; padding:5px 10px; color:#000 !important;}
#Header .form-control::placeholder{color:#000;}
.sec-align.wp-block-columns{
		flex-wrap: wrap !important;
	}
	 .sec-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}

}

@media (max-width: 767.98px) {	
#Header + main {margin-top:0px !important;} .Borhead{border:none;}
#Header {position:static; padding-bottom:10px;} 
#InfoText,#TestiArea,#Products{padding:50px 0px;}
#Footer .input-group{min-width:100%;}.fs-45 {font-size:26px;}
#Testimonials .carousel-inner {width:79%;}
#Testimonials {font-size:16px; line-height:1.6;} 
#Testimonials q:before,#Testimonials:before,#Testimonials q:after,#Testimonials:after {top:-35px; }
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {font-size:120px;}
#Header .input-group .form-control{background:#dddddd; color:#000;} 
#Header .input-group .btn{background:#dddddd; padding:5px 10px; color:#000 !important;}
#Header .form-control::placeholder{color:#000;}
.img-align .wp-block-image .alignleft {
  float: none;
  margin: 0px;
}
.img-align .wp-block-image .alignright {
  float: none;
  margin: 0px;
}
	.round-set .wp-block-image img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 0px !important;
}
}

@media (max-width: 479px) {
#Testimonials q:before,#Testimonials:before {left:-0px; top:-35px;}
#Testimonials q:after,#Testimonials:after {right:-0px; top:-35px;}
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {font-size:60px;}
#Header .HdLinks{text-align:left !important;} #Header .HdLinks a{padding:0 4px;}
#InfoText,#TestiArea,#Products{padding:30px 0px;}
#Products{font-size:14px;} .fs-45 {font-size:26px;}
.carousel-control-next img, .carousel-control-prev img{width:25px;}
}

@media (max-width: 320px) {
#Header .HdLinks a{padding:0 1px; font-size:10px;}
#InfoText,#TestiArea,#Products{padding:15px 0px;}

}