ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / thebhoeo / public_html / officepoint / wp-content / uploads / custom-css-js

<style type="text/css">
/*  */

html.vat-ex .price .woocommerce-Price-amount::after {
  margin-top: 6px;
}

html.vat-inc .price .amount {
    font-size: 16px;
}

html.vat-inc del .amount {
    font-size: 14px !important;
}

.home-slider .slider-image img {
    min-width: 550px;
}

.home-slider .first-title {
    display: inline-flex;
    flex-direction: column;
}

.slider-col .vc_column-inner {
    padding-top: 0 !important;
	border-radius: 12px !important;
}

.slider-col .vc_column-inner .wd-nav-pagin-wrap.wd-slider-pagin {
    margin-top: -20px !important;
    display: grid;
    position: relative;
    top: -30px;
}

.home-slider .first-title .title {
    order: 1;
    font-family: "Open Sans";
    font-size: 45px;
    font-weight: 400;
    color: rgb(51, 62, 72);
    letter-spacing: 1.94444px;
    line-height: 58px;
}

.home-slider .first-title .title-subtitle {
    order: 2;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 700;
    color: rgb(51, 62, 72);
    letter-spacing: 0.972222px;
    line-height: 34px;
    padding-top: 10px;
}

.home-slider .sec-title .title {
    font-family: "Open Sans";
    font-size: 53px;
    font-weight: 700;
    color: rgb(51, 62, 72);
    letter-spacing: 1.94444px;
    line-height: 39px;
}

.home-slider .sec-title .title-subtitle {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 500;
    color: rgb(51, 62, 72);
    letter-spacing: 0.972222px;
    line-height: 34px;
    text-transform: uppercase;
}

.home-slider .slider-btn {
    background-color: #83b735;
    color: #fff;
    padding: 13px 55px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    text-transform: capitalize;
}

.home-slider .slider-btn:hover {
    background-color: #9DDC40;
}

.slider-col li.wd-nav-pagin-item.wd-active {
    width: 30px;
    background-color: #83b735;
    border-radius: 10px;
    border-color: #83b735;
}

.slider-col .wd-nav-pagin-item span {
    border: 2px solid #83b735 !important;
    background-color: #83b735 !important;
}

/*  */

.hero-section {
  padding-top: 30px;
}

.hero-section #SR7_1_1,
#SR7_1_1_wrapper {
  border-radius: 15px !important;
  overflow: hidden;
}

.hero-section .hermes.sr7-bullets {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: auto !important;
  transform: translateX(-50%) !important;
  left: 50% !important;
  bottom: 20px !important;
}

.hero-section .hermes .sr7-bullet {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s ease !important;
}

.hero-section .hermes .sr7-bullet.selected {
  width: 30px !important;
  border-radius: 10px !important;
}

.hero-section .small-col .btnfull {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
}

.hero-section .small-col .btnfull::after {
    content: "";
    display: inline-block;
    width: 14px;  
    height: 14px; 
    margin-left: 6px;
    background-image: url(https://thebinarysouls.com/officepoint/wp-content/uploads/2026/01/Arrow.svg);
    background-size: contain;

}

.hero-section .first-row-boxes {
  padding: 23px 10px;
  background-color: #F5F5F5;
  transition: background-color 0.5s ease-in-out !important;
  gap: 10px !important;
  margin-bottom: 20px;
  border-radius: 10px;
}

.hero-section .first-row-boxes p {
  color: #242424;
  margin-bottom: 0px !important;
  font-size: 17px;
}

.hero-section .first-row-boxes .btn {
  color: #242424;
  border: none;
  text-transform: capitalize;
  padding: 0px;
  min-height: 27px;
}

.hero-section .first-row-boxes .info-btn-wrapper {
  margin-top: 0px !important;
}

.hero-section .first-row-boxes:hover {
  background-color: #e0e0e0;
}

.hero-section .first-row-boxes .btn:hover {
  background: none;
}

.hero-section .first-row-boxes .fa-solid::before {
  color: #97BE0D;
}

/* Three Banner*/

.banner-section-one {
  padding-top: 10px;
  padding-bottom: 60px;
}

.banner-section-one .banner-one .banner-title {
  font-size: 26px;
  font-weight: bold;
  margin-top: 0 !important;
  color: #83b735 !important;
}

.banner-section-one .banner-one .banner-subtitle {
  font-size: 13px;
  letter-spacing: 1px;
  color: #282828 !important;
}

.banner-section-one .banner-one .banner-inner {
  margin-top: 50px !important;
}

.banner-section-one .banner-one p {
  font-size: 16px;
  color: #282828 !important;
}

.banner-section-one .banner-one strong {
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #29873c !important;
}

.banner-section-one .banner-one del {
  font-size: 16px !important;
  color: #9aa5b3 !important;
}

.banner-section-one .banner-one {
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
  will-change: transform;
}

.banner-section-one .banner-one:hover {
  transform: scale(1.04) !important;
  cursor: pointer;
}

.banner-section-one .promo-banner-wrapper {
  overflow: visible !important;
  padding-top: 15px;
  margin-top: -15px;
}

/* Four Columns*/

.four-columns {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #F6F6F6;
  margin-bottom: 0px !important;
}

.four-columns .vc_column-inner {
  margin-bottom: 0px !important;
}

.four-columns h2.widgettitle {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 500;
}

.four-columns .widget {
  background-color: #ffffff;
  padding: 30px 20px 20px;
  border-radius: 10px;
}

.four-columns a.wd-entities-title {
  margin-bottom: 2px;
  text-transform: capitalize;
  font-size: 15px !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.four-columns .widget-col .widget-btn {
  text-transform: capitalize;
}

.four-columns .widget-col .wpb_wrapper {
  padding-top: 20px;
  border-radius: 10px;
  background-color: #fff;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 0px;
}

.four-columns .widget-col .inline-element {
  margin-right: 0px;
}

.four-columns .widget-col .title-wrapper {
  margin-bottom: 0px !important;
  width: auto !important;
}

.four-columns .widget-col .wd-button-wrapper {
  width: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0px !important;
}

.four-columns .product_list_widget>li .widget-product-wrap {
  align-items: center;
}

/* Latest testimonial Section */

.testimonials-section {
  padding: 50px 0px;
  background-color: #E0EDCD;
}

.testimonials-section .generic-title h2 {
  font-size: 26px;
}

.testimonials-section .generic-title .title-after_title {
  color: #323b49;
}

.testimonials-section .wd-testimon.testimonials-box {
  display: flex;
  flex-direction: column;
}

.testimonials-section .testimonials-box .wd-testimon-text {
  order: 1;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  background-color: #fff !important;
  border-radius: 10px 10px 0px 0px !important;
}

.testimonials-section .testimonials-box .wd-testimon-text p {
  color: #323b49;
  margin-bottom: 0px;
  margin-top: 5px;
}

.testimonials-section .testimonials-box .wd-testimon-info {
  order: 2;
  padding: 20px 25px 25px;
  background-color: #fff;
  border-radius: 0px 0px 10px 10px !important;
  display: flex !important;
  position: relative !important; 
  width: 100% !important;
}

.testimonials-section .testimonials-box .testimon-style-info-top .wd-testimon-thumb img {
  min-width: 50px;
  max-width: 50px
}

.testimonials-section .testimonials-box .wd-testimon-name {
  margin-bottom: 0px;
}

.testimonials-section .testimonials-box .heading-text {
  font-weight: 500;
  color: #0e121b;
  font-size: 24px;
}

.testimonials-section .testimonials-box .heading-text {
  position: relative;
}

.testimonials-section .testimonials-box .heading-text::after {
  content: "";
  position: absolute;
  top: 45%;
  right: 0;
  left: 363px;
  width: 36px;
  height: 36px;
  transform: translateY(-50%);
  background-color: #C2FF66;
  background-image: url("https://thebinarysouls.com/officepoint/wp-content/uploads/2026/01/Inverted-commas.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  border-radius: 50%;
}

.testimonials-section .testimonials-box .wd-testimon-text:before {
  display: none;
}

.testimonials-section .wd-nav-pagin {
  gap: 0px;
}

.testimonials-section .wd-nav-pagin-wrap .wd-nav-pagin-item span {
  width: 8px !important;
  height: 8px !important;
  background-color: #B2B2B2 !important;
  border: none !important;
  opacity: 1 !important;
  transition: all 0.3s ease !important;
}

.testimonials-section .wd-nav-pagin-wrap .wd-nav-pagin-item.wd-active span {
  background-color: #000000 !important;
  position: relative;
  width: 8px;
  height: 8px;
}

.testimonials-section .wd-nav-pagin-wrap .wd-nav-pagin-item.wd-active span::before {
  content: "";
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  width: 18px;
  height: 18px;
  border: 1px solid #000000;
  border-radius: 50%;
}

.testimonials-section .wd-nav-pagin-wrap .wd-nav-pagin-item {
  margin: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px !important;
}

/**/

/* 
.testimonials-section .testimonials-box .wd-testimon-info::after {
  content: "★ 4.5/5";
  font-weight: 700;
  font-size: 16px;
  color: #000;
}

.testimonials-section .testimonials-box .wd-testimon-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
} */

/* .testimonials-section .testimonials-box .wd-testimon-info {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  position: relative !important;
} */

.testimonials-section .testimonials-box .wd-testimon-info::before {
  content: "★" !important;
  color: #FFD700 !important;
  font-size: 29px !important;
  position: absolute !important;
  right: 77px !important; 
  top: 45% !important;
  transform: translateY(-50%) !important;
}

.testimonials-section .testimonials-box .wd-testimon-info::after {
  content: " 4.5/5" !important;
  color: #000000 !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  margin-left: 5px !important;
}

/**** Four Icons Section ****/

.choose-info-section {
  padding-top: 20px;
  padding-bottom: 25px;
}

.choose-info-section .choose-boxes .info-box-inner {
  margin-top: 5px !important;
}

.choose-info-section .choose-boxes {
  margin-bottom: 0px !important;
  padding-left: 20px;
}

.choose-info-section .wd-carousel-container {
  margin-bottom: 0px;
}

/* CARD LAYOUT */

.products-tabs-sec {
  padding-top: 60px;
  padding-bottom: 60px;
}

.products-tabs-sec.vc_row {
  margin-bottom: 0px !important;
}

.products-tabs-sec .wd-tabs {
  margin-bottom: 0px !important;
}

.products-tabs-sec .tab-label {
  text-transform: capitalize;
  font-size: 18px;
}

.products-tabs-sec .wd-nav-tabs li.wd-active .tab-label {
  font-weight: 800 !important;
  color: #000 !important;
}

.products-tabs-sec .wd-tabs-header {
  border-bottom: 2px solid #ebebeb;
  margin-bottom: 20px;
}

.products-tabs-sec .pro-tab-one {
    padding: 15px;
    overflow: visible;
}

.products-tabs-sec .tab-label:before {
  content: " ";
  height: 4px;
  width: 10px;
  background-color: #83b735;
  display: none;
  position: absolute;
  bottom: -15px;
  left: 50%;
  border-radius: 0 0 10px 10px;
  transform: translateX(-50%);
}

.products-tabs-sec li.wd-active .tab-label:before {
  display: block;
}

.products-tabs-sec .tab-label:after {
  top: 140% !important;
}

#products-tabs-sec .pro-tab-one .wd-carousel-item{
  display: flex !important;
  height: auto !important;
  padding: 0 !important;
}

#products-tabs-sec .pro-tab-one .wd-product{
  border-right: 1px solid rgba(0,0,0,.08) !important;
  padding: 0 18px 65px !important;
}

#products-tabs-sec 
.pro-tab-one .wd-carousel-item:nth-child(6n) .wd-product{
  border-right: none !important;
}

#products-tabs-sec .pro-tab-one .product-wrapper{
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

#products-tabs-sec .pro-tab-one .product-element-bottom{
  display: flex !important;
  flex-direction: column !important;
  order: 1 !important;
  margin: 0 !important;
  gap: 5px;
}

#products-tabs-sec .pro-tab-one .wd-product-cats{
  margin: 0 0 6px 0 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  color: rgba(0,0,0,.55) !important;
}

#products-tabs-sec .pro-tab-one .wd-product-cats a{
  color: rgba(0,0,0,.55) !important;
  text-decoration: none !important;
}

#products-tabs-sec .pro-tab-one .wd-product-cats a:hover{
  color: #000 !important;
}

#products-tabs-sec .pro-tab-one .wd-entities-title{
  order: 2 !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

#products-tabs-sec .pro-tab-one .wd-entities-title a{
  color: #0a58ca !important;
  text-decoration: none !important;
}

#products-tabs-sec .pro-tab-one .wd-entities-title a:hover{
  text-decoration: underline !important;
}

#products-tabs-sec .pro-tab-one .star-rating,
#products-tabs-sec .pro-tab-one .fade-in-block{
  display: none !important;
}

#products-tabs-sec .pro-tab-one .product-element-top{
  order: 2 !important;
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 220px !important;
  margin-top: 14px !important;
}

#products-tabs-sec .pro-tab-one
.product-image-link img{
  width: 100% !important;
  max-width: 190px !important;
  height: auto !important;
  object-fit: contain !important;
}

#products-tabs-sec .pro-tab-one .hover-img,
#products-tabs-sec .pro-tab-one .wd-buttons.wd-pos-r-t{
  display: none !important;
}

#products-tabs-sec .pro-tab-one .wrap-price{
  position: absolute !important;
  left: 1px !important;
  bottom: -60px !important;
  margin: 0 !important;
  z-index: 5 !important;
}

#products-tabs-sec .pro-tab-one .price{
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #000 !important;
}

#products-tabs-sec .pro-tab-one .wrap-price span.woocommerce-Price-amount.amount{
  color: #000000;
  line-height: 0.5;
}

#products-tabs-sec .pro-tab-one .wrap-price span.woocommerce-Price-amount.amount bdi {
    display: block;
    font-size: 20px;
}

#products-tabs-sec .pro-tab-one .wrap-price del span.woocommerce-Price-amount.amount bdi {
    font-size: 14px;
	line-height: 2.2;
}

html.vat-inc .price .vat-current-amount::after,
html.vat-ex .price .woocommerce-price-suffix
.woocommerce-Price-amount::after{
  font-size: 12px;
  color:#5d5d5d;
}

#products-tabs-sec .pro-tab-one .wd-add-btn{
  position: absolute !important;
  right: 0 !important;
  bottom: -58px !important;
  margin: 0 !important;
  z-index: 6 !important;
}

#products-tabs-sec .pro-tab-one
.wd-add-btn a.add-to-cart-loop{
  width: 40px !important;
  height: 40px !important;
  min-width: 38px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #97be0d !important;
  background-image: url("https://thebinarysouls.com/officepoint/wp-content/uploads/2026/01/special-cart-icon.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;

border: none !important;
  box-shadow: none !important;
  font-size: 0 !important;
}

#products-tabs-sec .wd-add-btn a.add-to-cart-loop::before{
  content: none !important;
}

#products-tabs-sec .wd-carousel-item:hover .wd-add-btn a.add-to-cart-loop{
  background-color: #29873c !important;
}

#products-tabs-sec .wd-product.wd-hover-fw-button .wd-add-btn .add-to-cart-loop span {
    font-size: 0px;
}

#products-tabs-sec .price del {
    font-size: 14px;
}

@media (max-width: 768px){
  #products-tabs-sec .pro-tab-one .wd-product{
    padding: 14px 14px 66px !important;
    min-height: 380px !important;
  }

#products-tabs-sec .pro-tab-one .price{
    font-size: 16px !important;
  }

#products-tabs-sec .pro-tab-one .wrap-price{
    left: 14px !important;
  }

#products-tabs-sec .pro-tab-one .wd-add-btn{
    right: 14px !important;
  }
}

/* Categories-Section */

.cate-section {
  background-color: #fff;
}

.cate-section .generic-title {
  margin-bottom: 50px;
}

.cate-section .wd-cat {
  background-color: #F5F5F5 !important;
  border-radius: 10px;
}

.cate-section .generic-title .title {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 500;
}

.cate-section .wd-cat .wd-entities-title {
  text-transform: capitalize;
}

.cate-section .categories-row {
  padding-top: 65px;
  /* overflow: hidden; */
}

.cate-section .wd-cat img {
  margin-top: -55px;
  width: 70% !important;
  position: relative;
  z-index: 999;
  padding-bottom: 25px;
  margin-bottom: 5px;
  border-bottom: 1px solid #d1cbcb;
}

.cate-section .wd-cat-content {
  padding: 10px 10px 20px;
}

.cate-section .category-grid-item:hover .category-image {
  transform: none !important;
}

.cate-section .category-grid-item .wd-cat-thumb {
  overflow: visible;
  box-shadow: none !important;
}

.cate-section .cat-design-default.categories-with-shadow .wd-cat-inner {
  overflow: visible;
  box-shadow: none !important;
}

.cate-section .wd-carousel {
  overflow: visible;
}

.cate-section h3.wd-entities-title {
  font-size: 16px !important;
}

.cate-section .category-grid-item {
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.cate-section .category-grid-item:hover {
  transform: translateY(-10px) !important;
}

.cate-section .vc_column-inner {
    overflow: hidden;
}

/* =========================================================
   Cate Section: Bigger pagination + active triple width
   Scope: .cate-section .wd-nav-pagin-wrap
   ========================================================= */

/* Container spacing (optional) */
.cate-section .wd-nav-pagin-wrap{
  margin-top: 18px !important;
}

/* Base bullet size = 2x */
.cate-section .wd-nav-pagin-wrap .wd-nav-pagin .wd-nav-pagin-item{
  width: 14px !important;   /* was ~8px, now double */
  height: 14px !important;
  border-radius: 999px !important;
  transition: width .25s ease, background-color .25s ease, opacity .25s ease !important;
  opacity: .45 !important;
}

/* The inner span should fill the li */
.cate-section .wd-nav-pagin-wrap .wd-nav-pagin .wd-nav-pagin-item > span{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: inherit !important;
}

/* Active bullet = 3x wider than others */
.cate-section .wd-nav-pagin-wrap .wd-nav-pagin .wd-nav-pagin-item.wd-active{
  width: 30px !important; /* 3 * 16px */
  opacity: 1 !important;
}

/* Optional: keep bullets aligned nicely */
.cate-section .wd-nav-pagin-wrap .wd-nav-pagin{
  display: inline-flex !important;
  gap: 10px !important; /* spacing between bullets */
  align-items: center !important;
}

/***** Latest Product Section *****/

.latest-product-sec {
  padding: 60px 0px;
  background-color: #F6F6F6;
}

.latest-product-sec img.attachment-full.size-full {
  padding-top: 10px;
}

.latest-product-sec .product-btn {
  background-color: #97be0d;
  text-transform: capitalize;
  color: #fff;
  letter-spacing: 1px;
  padding: 12px 25px;
  min-height: 0;
}

.latest-product-sec .product-btn:hover {
  background-color: #29873c;
}

.latest-product-sec.vc_row {
  margin-bottom: 0px !important;
}

.latest-product-sec .wd-products-element {
  margin-bottom: 0px !important;
}

.latest-product-sec img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  border-radius: 10px;
}

.latest-product-sec .wd-product.wd-hover-tiled .product-wrapper {
  border-radius: 10px;
  box-shadow: none;
}

.latest-product-sec .wd-hover-with-fade.hover-ready:hover .product-wrapper {
        z-index: 20;
        transform: none;
}

.latest-product-sec .wd-product.wd-hover-fw-button .fade-in-block {
    display: none;
}

.latest-product-sec .wd-products {
  gap: 25px;
}

.latest-product-sec .wd-product:hover .product-wrapper {
  z-index: 20;
  transform: none;
  background-color: #fff;
}

.latest-product-sec .wd-product:hover .content-product-imagin {
    border-radius: 5px;
	 background-color: #fff;
}

.latest-product-sec .wd-product .content-product-imagin {
  margin-bottom: 0 !important;
}

.latest-product-sec .wd-product .hover-ready:hover .content-product-imagin {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  margin-bottom: -128.406px;
}

.latest-product-sec .wd-product .product-element-bottom {
  padding-bottom: 10px;
  transition: padding-bottom 0.4s ease;
}

.latest-product-sec .wd-entities-title,
.wd-entities-title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
  min-height: 3em !important;
  line-height: 1.5em !important;
}

.latest-product-sec .stars .star-rating {
    position: absolute;
    right: 13px;
    bottom: 52px;
}

.latest-product-sec {
    padding: 30px 0px;
  }

.latest-product-sec .wd-products {
    gap: 15px;
  }

.latest-product-sec .h-btn-row {
    align-items: center;
    margin-bottom: 25px;
  }

.latest-product-sec .h-btn-row .generic-title {
    margin-bottom: 0px;
  }

.latest-product-sec .product-btn {
    padding: 10px 18px;
  }
	
	
	
.latest-product-sec .wd-product:hover .product-element-bottom {
  padding-bottom: 0px;
}

.latest-product-sec .wd-product:hover .product-wrapper {
  z-index: 0;
  transform: none;
  box-shadow: none;
}

.latest-product-sec .wd-product .product-wrapper {
  border-radius: 5px;
  background-color: #fff !important;
}

.latest-product-sec .wd-product .product-element-bottom {
  padding-bottom: 0px;
}

.latest-product-sec .add-to-cart-loop:before {
  right: 80px !important;

}

.latest-product-sec .wd-quantity-overlap div.quantity:not(.hidden)+.button {
  margin-inline-start: 75px;
  padding-inline-start: 0px;
}

.latest-product-sec .wd-quantity-overlap :is(div, .cart):hover>div.quantity input[type] {
  box-shadow: none;
}

.latest-product-sec .wd-product.wd-hover-fw-button .wd-add-btn>a {
  border-radius: 5px !important;
  width: 165px;
}

/* Three Banner Section */

/* .three-banner-section {
  padding: 50px 0px;
}

.three-banner-section .banner-gallery .isotope-item img {
  padding: 10px;
  border-radius: 20px !important;
  min-height: 311px;
}

.three-banner-section .wpb_gallery {
  margin-bottom: 0px !important;
}

.three-banner-section .banner-gallery .isotope-item img {
  transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: transform;
}

.three-banner-section .banner-gallery .isotope-item:hover img {
  transform: translateY(-15px) !important;
}

.three-banner-section .banner-gallery .isotope-item {
  overflow: visible !important;
} */

.images-banner-row {
  padding-top: 10px;	
  padding-bottom: 60px;
}

.images-banner-row .wd-image {
  margin-bottom: 0px !important;
}

.images-banner-row .col-a {
  width: 450px;
}

.images-banner-row .col-a img {
  width: 100% !important;
  height: 300px !important;
  border-radius: 10px;
}

.images-banner-row .col-b {
  width: 370px;
}

.images-banner-row .col-b img {
  width: 100% !important;
  height: 300px !important;
  border-radius: 10px;
}

.images-banner-row .col-c {
  width: 570px;
}

.images-banner-row .col-c img {
  width: 100% !important;
  height: 300px !important;
  border-radius: 10px;
}

.images-banner-row .first-img {
    background: linear-gradient(to left, #E6F2FF 50%, #C4CED9 50%) right;
    background-size: 200% 100%;
    transition: background-position 0.6s ease, transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    border-radius: 10px;
}

.images-banner-row .first-img:hover {
    background-position: left;
    transform: scale(1.04);
}

.images-banner-row .second-img {
    background: linear-gradient(to bottom, #D0D0D0 50%, #F5F5F5 50%) bottom;
    background-size: 100% 200%;
    transition: background-position 0.6s ease, transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    border-radius: 10px;
}

.images-banner-row .second-img:hover {
    background-position: top;
    transform: scale(1.04);
}

.images-banner-row .third-img {
    background: linear-gradient(to top, #D9D4C4 50%, #FFF9E6 50%) top;
    background-size: 100% 200%;
    transition: background-position 0.6s ease, transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    border-radius: 10px;
}

.images-banner-row .third-img:hover {
    background-position: bottom;
    transform: scale(1.04);
}

/* 10 Product Grid Section */

.feature-grid {
  padding-bottom: 50px;
}

/* .feature-grid img.attachment-woocommerce_thumbnail {
  background-color: #F8F8F8;
} */

.feature-grid .wd-products-element {
  margin-bottom: 0px !important;
}

.feature-grid .vc_column-inner {
  padding-top: 0px !important;
}

.feature-grid input.minus.btn {
  border-radius: 5px !important;
}

.feature-grid a.button {
  border-radius: 5px !important;
}

/**** Printer Machine *****/

.printer-machine-row {
	padding-top: 50px;
	padding-bottom: 50px;
}

.printer-machine-row .generic-title h2 {
    font-size: 26px;
}

.printer-machine-row .product-btn {
  background-color: #97be0d;
  text-transform: capitalize;
  color: #fff;
  letter-spacing: 1px;
  padding: 12px 25px;
  min-height: 0;
}

.printer-machine-row .product-btn:hover {
  background-color: #29873c;
}

.printer-machine-row .wd-hover-with-fade .content-product-imagin {
  background: transparent;
}

/* Three Banner in Row*/

.three-banner-row {
	padding-top: 50px;
}

.three-banner-row .three-banner {
  border-radius: 10px;
}

.three-banner-row .one .content-banner {
  width: 35%;
}

.three-banner-row .three-banner .content-banner {
  width: 50%;
}

.three-banner-row .three-banner .wrapper-content-banner {
  align-items: center;
}

.three-banner-row .three-banner .banner-subtitle {
  color: #fff;
}

.banner-gallery .wpb_image_grid_ul .isotope-item:nth-child(1) {
  background-color: #E6F2FF !important;
  /* Example Light Blue */
  border-radius: 15px;
}

.banner-gallery .wpb_image_grid_ul .isotope-item:nth-child(2) {
  background-color: #F5F5F5 !important;
  /* Example Light Grey */
  border-radius: 15px;
}

.banner-gallery .wpb_image_grid_ul .isotope-item:nth-child(3) {
  background-color: #FFF9E6 !important;
  /* Example Light Yellow */
  border-radius: 15px;
}

/* Reviews Section */

.testimonial-sec {
  padding-top: 30px;
  padding-bottom: 50px;
}

.testimonial-sec .reviews-box p {
  color: #191919;
  margin-bottom: 0px;
  font-size: 14px;
}

.testimonial-sec .reviews-box .testimonial-content footer {
  color: #787878;
  margin-top: 3px;
  font-size: 13px;
  font-weight: 600;
}

.testimonial-sec .reviews-box .testimonial-rating {
  display: block !important;
}

.testimonial-sec .reviews-box .star-rating:before,
.testimonial-sec .reviews-box .star-rating span:before {
  content: "" !important;
  display: none !important;
}

.testimonial-sec .reviews-box .star-rating {
  height: 18px !important;
  width: 100px !important;
  display: block !important;
  position: relative;
  background-image: url("https://thebinarysouls.com/officepoint/wp-content/uploads/2025/12/stars-5.svg") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left center;
}

.testimonial-sec .trustpilot-col .wpb_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.testimonial-sec .trustpilot-box {
  gap: 5px;
  margin-bottom: 0px;
}

.trustpilot-col .generic-title,
.trustpilot-col .wd-image,
.trustpilot-col .wd-text-block {
  margin-bottom: 5px;
}

.testimonial-sec .wd-carousel-inner {
  align-items: center;
  margin: 0;
}

/* Banner Images Section */

.banner-images-sec {
  padding-bottom: 20px;
}

/* .banner-images-sec .banner-imges img {
  transition: transform 0.6s ease-in-out;
  border-radius: 10px;
  cursor: pointer;
}

.banner-images-sec .banner-imges:hover img {
  transform: translateY(-8px);
} */

.banner-images-sec .banner-imges img {
  transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: transform;
  border-radius: 10px;
  cursor: pointer;
}

.banner-images-sec .banner-imges:hover img {
  transform: translateY(-15px) !important;
}

.banner-imges.one img {
  background-color: #d5d7ca;
  border: 1px solid #cdcdcd;
}

/******/

.banner-image-row .col-one {
  width: 75%;
}

.banner-image-row .col-two {
  width: 25%;
}

.banner-image-row .col-one .col-a {
  width: 70%;
}

.banner-image-row .col-one .col-b {
  width: 30%;
}

.banner-image-row .b-img {
  margin-bottom: 15px;
  border-radius: 8px !important;
}

.banner-image-row .vc_column_container>.vc_column-inner {
  box-sizing: border-box;
  padding-left: 7px;
  padding-right: 7px;
}

.banner-image-row .b-img {
  background: linear-gradient(to left, #e9e9e9 50%, #D2D2D2 50%) right;
  background-size: 200% 100%;
  transition: background-position 0.6s ease, transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
  border-radius: 10px;
  cursor: pointer;
}

.banner-image-row .b-img:hover {
  background-position: left;
  transform: scale(1.03) !important;
}

.banner-image-row .big {
    transition: 1.1s;
}

.banner-image-row .tall-img {
    background: linear-gradient(to bottom, #D2D2D2 50%, #e9e9e9 50%) bottom;
    background-size: 100% 200%;
    transition: background-position 1s ease, transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    border-radius: 10px;
}

.banner-image-row .tall-img:hover {
    background-position: top;
    transform: scale(1.04);
}

.paper-printer-sec .heading-row .generic-title {
    margin-bottom: 0px;
}

.paper-printer-sec .heading-row .generic-title h2 {
    font-size: 26px;
}

.paper-printer-sec .heading-row .generic-title .title-after_title {
    font-size: 16px;
    color: #323b49;
}

.shopping-cart-widget-footer a.button.btn-cart.wc-forward {
    background-color: #3ea251;
    color: #ffffff;
    text-transform: capitalize;
    font-size: 16px;
    border-radius: 5px;
}

.shopping-cart-widget-footer a.button.checkout.wc-forward {
    background-color: #050f07;
    border-radius: 5px;
    font-size: 16px;
    text-transform: capitalize;
}

.shopping-cart-widget-footer a.button.btn-cart.wc-forward:hover,
.shopping-cart-widget-footer a.button.checkout.wc-forward:hover {
    background-color: #83b735;
    color: #ffffff;
}

.cart-widget-side .cart-info input.minus.btn {
    border-radius: 7px 0 0 7px;
}

.cart-widget-side .cart-info input.plus.btn {
    border-radius: 0 7px 7px 0;
}

.cart-widget-side .cart-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.cart-info span.quantity {
    font-size: 100%;
	padding-bottom: 10px;
}</style>

[-] 15599.css [edit]
[-] 15438.css [edit]
[+] ..
[-] 15514.js [edit]
[-] index.php [edit]