/* @font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand/Quicksand-Medium.eot');
  src: local('Quicksand Medium'), local('Quicksand-Medium'),
      url('../fonts/Quicksand/Quicksand-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Quicksand/Quicksand-Medium.woff2') format('woff2'),
      url('../fonts/Quicksand/Quicksand-Medium.woff') format('woff'),
      url('../fonts/Quicksand/Quicksand-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand/Quicksand-Light.eot');
  src: local('Quicksand Light'), local('Quicksand-Light'),
      url('../fonts/Quicksand/Quicksand-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Quicksand/Quicksand-Light.woff2') format('woff2'),
      url('../fonts/Quicksand/Quicksand-Light.woff') format('woff'),
      url('../fonts/Quicksand/Quicksand-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand/Quicksand-Regular.eot');
  src: local('Quicksand Regular'), local('Quicksand-Regular'),
      url('../fonts/Quicksand/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Quicksand/Quicksand-Regular.woff2') format('woff2'),
      url('../fonts/Quicksand/Quicksand-Regular.woff') format('woff'),
      url('../fonts/Quicksand/Quicksand-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Quicksand';
  src: url('Quicksand-Bold.eot');
  src: local('Quicksand Bold'), local('Quicksand-Bold'),
      url('../fonts/Quicksand/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Quicksand/Quicksand-Bold.woff2') format('woff2'),
      url('../fonts/Quicksand/Quicksand-Bold.woff') format('woff'),
      url('../fonts/Quicksand/Quicksand-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
} */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root{
  --default-font-size: 18px;
  --color-black: #2d2d2d;
  --color-red:#da0000;
  --color-green:#63bf3f;
  --white-color:#fff;
  --orange-color:#ffbe00;
  --link-color:#004ecf;
  --title-font-size: 24px;
  --text-center: center;
  --border-radius:5px;
  --border:1px solid #d2d2d2;
  --font-size-24:24px;
  --font-size-30:30px;
  --headline:35px;
  --subheadline:35px;
  --light-bg:#f9f9f9;
  --company-name: 72px;
  --small-fonts:14px 
}
/* body{background: var(--white-color) !important;} */
body{background:#f6f7f8 !important;overflow:unset !important}
body, h1,h2, h3, h4, h5, h6, a, p, ul, li, .header-nav .pumgmenu li a{font-family: 'Roboto' !important;font-weight:normal;font-size: var(--default-font-size);color:var(--color-black);}
h1,h2, h3, h4, h5, h6{font-weight: bolder !important;font-family: 'Roboto' !important;}
.breadcrumbs{display: none;}
.cms-any-rental-home .breadcrumbs + .container{max-width:100%;padding:0}
.cms-any-rental-home .body-content{margin-top:unset;}
.btn-default, .big-button{background: #34b346 !important;display: flex;justify-content: center;align-items: center;border-radius: var(--border-radius);color:var(--white-color);font-weight: bolder;width:fit-content;text-align: center;}
.btn-default{height:50px !important;padding:0 25px;font-size:22px;font-family: 'Roboto' !important;}
.big-button{height:60px;padding:0 30px;font-size:24px !important;font-family: 'Roboto' !important;}
.link{color:var(--link-color);font-size:var(--title-font-size);font-weight: bolder;}
.link:hover{color:var(--color-red) !important}
.btn-default:hover, .big-button:hover{background: #27933c !important;color:var(--white-color) !important}
.free-trial-link, .free-trial, .btn-default.free-trial{background-color: #34b346 !important;;color:var(--white-color);font-size:22px}
.free-trial-link:hover, a.free-trial:hover, .btn-default.free-trial:hover{background-color:#27933c !important}
.text-red{color:var(--color-red)}
.blue-text{color:var(--color-black)}.customers-say .quote.blue-btn, .demo-section .btn-default{background:#004ecf!important; color: var(--white-color) !important;}
a.btn-default.blue-btn:hover, a.big-button.blue-btn:hover, .demo-section .btn-default:hover{background: #003bb0!important; color: var(--white-color) !important;}
section{padding: unset;}
.highlighted-text{color:#34b346;font-size: 30px !important;font-weight: 800;}
/* a:focus{color:var(--white-color) !important} */
.free-trial-text{font-size: var(--font-size-30);}
.cms-any-rental-home .carousel-control-prev, .cms-any-rental-home .carousel-control-next, .slider-section .next, .slider-section .prev{width:60px;height:60px;border-radius: 50%;top:29%;border:1px solid #7a7a7a !important;background: var(--white-color);position: absolute;}
.cms-any-rental-home .carousel-control-prev, .slider-section .prev{left: -68px !important;}
.cms-any-rental-home .carousel-control-next, .slider-section .next{right:-68px !important;}
.cms-any-rental-home .carousel-control-prev-icon, .cms-any-rental-home .carousel-control-next-icon{filter: brightness(0.5);}
.cms-any-rental-home input[type="text"], .cms-any-rental-home input[name="rental_date"], .cms-any-rental-home input[name="industry"], .cms-any-rental-home input[type="email"], .cms-any-rental-home select{height: 45px !important;border-radius:var(--border-radius);}
img{object-fit: contain;}
.slider-section .prev, .slider-section .next{display: flex;justify-content: center;align-items: center;}
.hero-section .sub-healine{font-size:var(--subheadline)}
.company-name{font-size: var(--company-name) !important;font-weight: 700;color: #2d2d2d;}
/*Hero Section*/

.hero-section {display: flex;align-items: center;justify-content: flex-start;color: white;text-align: center;flex-direction: column;position:relative}
.banner-content{margin:15px auto 20px;}
.banner-content h1{font-size:44px;font-weight: bolder;text-align: center;font-family: 'Roboto' !important;margin-bottom:0;}
.banner-content .sub-category-title + h1{display: none;}
sub, sup{font-size:0.5em !important;vertical-align: super !important;}
.banner-content ul{display: flex;justify-content:space-between;width:fit-content;margin: 0 auto;color:var(--color-black); gap: 30px;}
.banner-content ul:not(.action){margin-top:20px;margin-bottom:30px;gap:100px;font-weight: bolder;}
.banner-content ul li{width: fit-content;display: flex;align-items: center;}
.banner-content ul:not(.action) li:before{content:"";min-width:15px;height:15px;border-radius: 50%;background:var(--color-red);margin-right:15px}
.we-offer{position: relative;width: fit-content;margin: 0 auto;}
.we-offer .hero-image{position: relative;z-index: 1;margin-left: -27px;}
.we-offer .f-circle-1, .we-offer .f-circle-2, .we-offer .f-circle-3{width:235px;height:235px;position: absolute;display: flex;justify-content: center;align-items: center;flex-direction: column;cursor: pointer;}
.we-offer .f-circle-1:hover p, .we-offer .f-circle-2:hover p, .we-offer .f-circle-3:hover p{color:var(--link-color) !important}
.hero-section .f-circle-1::before, .hero-section .f-circle-2::before, .hero-section .f-circle-3::before{width:232px;height:232px;background: var(--white-color);border-radius:50%;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);left:0;top:0; z-index: 1;}
.hero-section h2{font-size:var(--font-size-24);font-weight: bolder;}
.hero-section .f-circle-1{top:-24%;left: -20%;transition: all 0.5s ease;}
.hero-section .f-circle-2{bottom:25%;left: -15%;transition: all 0.5s ease;}
.hero-section .f-circle-3{top:0%;right: -15%;transition: all 0.5s ease;}
.hero-section .f-circle-1 img, .hero-section .f-circle-2 img, .hero-section .f-circle-3 img{max-width: 50px;z-index: 1;transition: all 0.7s ease-out;}
.hero-section .f-circle-1 p, .hero-section .f-circle-2 p, .hero-section .f-circle-3 p{position: relative;z-index: 2;text-align: center;font-size: var(--title-font-size) !important;font-weight: bolder;width: 80%;}
.hero-section .f-circle-1::after, .hero-section .f-circle-2::after, .hero-section .f-circle-3::after, .hero-section .f-circle-1::before, .hero-section .f-circle-2::before, .hero-section .f-circle-3::before{content:"";position: absolute;}
.hero-section .f-circle-1::after, .hero-section .f-circle-2::after, .hero-section .f-circle-3::after{width: 537px;display: block;height: 295px;border-top: 3px dashed #2d2d2d;border-radius: 50%;z-index: 0;}
.hero-section .f-circle-1.active, .hero-section .f-circle-2.active, .hero-section .f-circle-3.active{z-index: 5;}
.hero-section .f-circle-1.active p, .hero-section .f-circle-2.active p, .hero-section .f-circle-3.active p{color:var(--link-color) !important}
.hero-section .f-circle-1:hover::before, .hero-section .f-circle-1.active::before{border:2px dashed #58c437;transition: all 0.5s ease;animation: move-border 25s linear infinite;} 
.hero-section .f-circle-2:hover::before, .hero-section .f-circle-2.active::before{border:2px dashed #e43526;transition: all 0.5s ease;animation: move-border 25s linear infinite;} 
.hero-section .f-circle-3:hover::before, .hero-section .f-circle-3.active::before{border:2px dashed #ffbe00;transition: all 0.5s ease;animation: move-border 25s linear infinite;}
.hero-section .f-circle-1:hover::after, .hero-section .f-circle-1.active::after{border-top:2px dashed #58c437;transition: all 0.5s ease;}
.hero-section .f-circle-2:hover::after, .hero-section .f-circle-2.active::after{border-top:2px dashed #e43526;transition: all 0.5s eas}
.hero-section .f-circle-3:hover::after, .hero-section .f-circle-3.active::after{border-top:2px dashed #ffbe00;transition: all 0.5s ease;}
.hero-section .f-circle-1::after{transform: rotate(11deg);left: 35%;top: 112px;}
.hero-section .f-circle-2::after{transform: rotate(161deg);left: 20%;top: -150px;}
.hero-section .f-circle-3::after{transform: rotate(151deg);right: 36%;top: 79px;}

.floating-element {
  animation: float-1 15s ease-in-out infinite alternate;
}
  #center-box{position: relative;}
  [class^="f-circle-content-"]{
    position: absolute;
    width:71.4%;
    top:35px;
    left: 0;
    right:0;
    margin:0 auto;
    z-index: 2;
    height: 82%;
    background:var(--white-color);
  }
.f-circle-1 {
  animation-name: float-1;
}

.f-circle-2 {
  animation-name: float-2;
}

.f-circle-3 {
  animation-name: float-3;
}

/* Keyframe animations with slight variations */

@keyframes float-1 {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(5px, -10px);
  }
  50% {
    transform: translate(-5px, 10px);
  }
  75% {
    transform: translate(10px, -5px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes float-2 {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-10px, 5px);
  }
  50% {
    transform: translate(10px, -10px);
  }
  75% {
    transform: translate(-5px, 5px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes float-3 {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(10px, 10px);
  }
  50% {
    transform: translate(-10px, -5px);
  }
  75% {
    transform: translate(5px, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes move-border {
  0% {
      border-color: #ffbe00 #e43526 #3373dd #58c437;
      transform: rotate(0deg);
  }
  100% {
      border-color: #ffbe00 #e43526 #3373dd #58c437;
      transform: rotate(360deg);
  }
}
#center-box{position: relative;}
[class^="f-circle-content-"]{
  position: absolute;
  width:71.4%;
  top:35px;
  left: 0;
  right:0;
  margin:0 auto;
  z-index: 2;
  height: 82%;
  background:var(--white-color);
}
[class^="f-circle-content-2"], [class^="f-circle-content-3"]{display: none;}
[class^="f-circle-content-"] .headline{margin-top:25%}
/*About Company*/
.about-company{background: var(--color-black);padding:50px 0}
.about-company .col-md-4:nth-child(2){border-left: var(--border);border-right:var(--border)}
/* .about-company h2{font-size: var(--font-size-30);} */
.about-company h2, .about-company p{color: var(--white-color); text-align: center;width:75%;margin:0 auto}

/*Cetegories*/
.slider-section{margin:0 auto;position: relative;width: 69.25%;}
.all-categories #multi-item-carousel{position: relative;}
.all-categories .carousel-inner {padding:0 15px}
.all-categories .carousel-item > .row{gap: 15px;}
.slider-section .item {padding: 5px;display: flex;flex-direction: column;overflow: visible !important;}
.slider-section .item a{display: block !important;max-height:200px !important;width:100%; overflow:hiddden !important}
.slider-section .item img{width:100%;margin-bottom: 11px;object-fit: cover;max-height:200px !important;border-radius:30px !important;}
.all-categories .category-list h2, .slider-section .item h2{margin-top:15px}
.sub-category-title h1{color:#da0000}

/*Features*/
.features-headline{background: var(--color-red);padding:50px;display: flex;justify-content: center;flex-direction: column;}
.features-headline h2, .features-headline p{color:var(--white-color)}
.feature-list{padding:50px}
.feature-list .col-md-4{height:80px}
.feature-item{display: flex;justify-content:flex-start;align-items: flex-start;position:relative;cursor: pointer;}
.feature-item figure{width:35px;margin-right: 18px;}
.feature-item h2{width:calc(100% - 123px);line-height: 19px;}
.feature-item figure img{width:100%}
.feature-item h2{display: flex;justify-content: space-between;}
.tool-tip{display: none; position: absolute;background-color: #f5f9ff;padding: 20px;border-radius:15px;box-shadow:1px 0px 22px rgba(0, 0, 0, 0.1);line-height: 19px;height: fit-content;top:upset !important;bottom:83px}
.feature-item:hover .tool-tip{display:block;}
.feature-item:hover .tool-tip:focus{color: var(--link-color);}
.tool-tip a{font-size: var(--small-fonts);}
.tool-tip a:hover{color:var(--link-color)}
.tool-tip::after{content:"";border-top:20px solid #f5f9ff; border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:0px;position:absolute;bottom:-20px;left:15px;}
/*Mobile Managment*/
/* .ar-details{background:url(../images/world-map.jpg) no-repeat;min-height:800px} */
.ar-details{padding: 0;}
.service-maintenance, .online-sales, .unmatched-communication{padding:45px 0px 30px 5px;display: flex;gap: 50px;width: calc(100% - 53px);margin-top:40px}
.online-sales{padding:45px 20px 30px 0px;}
.top-content{width: 120%;position: relative;z-index: 2;background: rgba(255, 255, 255, 0.7);border-radius: 30px;
  margin-top: 30px;box-shadow: 2px 2px 19px rgba(0, 0, 0, 0.1);padding:35px 35px 20px 35px !important;margin-bottom:20px}
.top-content > h2{font-size: 30px;}
.online-sales .top-content{transform: translateX(-15.1%);}
.content-image{position: relative;max-height: 904px;transform: translateX(3px);}
.online-sales .content-image{transform: translateX(0px);}
.image-shadow{height:100%;width:100%;padding-top:72px;padding-bottom:65px;position: relative;}
.image-shadow::before{    content: "";
  width: calc(100% - 54px);
  height: 66px;
  background: #ecb206;
  transform: skew(8deg) rotate(6deg);
  position: absolute;
  top: 37px;
  right: 3px;}
.image-shadow::after{content: "";
  width: calc(100% - 56px);
  height: 66px;
  background: #ecb206;
  transform: skew(-8deg) rotate(-6deg);
  position: absolute;
  bottom: 37px;
  right: 3px;}
  .content-image::before {
    content: "";
    background: var(--orange-color);
    width: calc(100% - 49px);
    height: 100%;
    display: block;
    position: absolute;
    right:0
}
.feature-content{justify-content: center;margin-left: 15px;}
.online-sales .feature-content{margin-left: 0px;}
.feature-content .col-md-6:first-child{background: #fef8f8;}
.feature-content .col-md-6{padding:25px}
.feature-content li{display: flex;align-items: flex-start;margin-top:10px}
.feature-content li:before{content:"";width:20px;height:20px;background: url(../images/next.png) no-repeat;background-size: 16px;filter: invert(1);margin-top: 5px;}
.feature-content.row h3:nth-child(even) {
  background: #fef8f8;
  /* padding: 30px; */
}
.feature-content.row h3:nth-child(odd) {
  background: #fff;
  /* padding: 30px; */
}
.feature-content.row h3:nth-child(even), .feature-content.row h3:nth-child(odd){
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 186px;
  margin: 0;
  font-size:22px;
}
.online-sales .content-image::before{background: var(--link-color);}
.unmatched-communication .content-image::before {background: var(--color-green);}
.online-sales .image-shadow::before{transform: skew(-6deg) rotate(-5.5deg);left: 3px;top: 35px;background:#305ca4}
.online-sales .image-shadow::after{transform: skew(8deg) rotate(5.3deg);left: 3px;bottom: 34px;background:#305ca4}
.unmatched-communication .image-shadow::before, .unmatched-communication .image-shadow::after{background: #53a235;}
.online-sales .content-image::before{left:0}
.content-image img{position: relative;z-index: 1;}
.service-maintenance img, .unmatched-communication img{border-radius: 30px 0 0 30px;}
.online-sales img{border-radius: 0px 30px 30px 0px;}
.mm-style-1{background:#fcebe9}
.mm-style-2{background:#fff8e5;}
.mm-style-3{background:#eef9eb;}
.mm-style-4{background:#eaf0fb;}
.mm-style-1 strong{border-bottom-color:#da0000}
.mm-style-2 strong{border-bottom-color:#ffbe00}
.mm-style-3 strong{border-bottom-color:#58c437}
.mm-style-4 strong{border-bottom-color:var(--link-color)}

/*Rental Management*/
.rental-management{background:var(--light-bg)}
.rental-management li{display: flex;}
.rental-management li::before{content: ""; width:30px;height:18px;background: url(../images/check-icon.png) no-repeat;display: block;margin-top: 5px;margin-right: 8px;}

/*Testimoniala*/
.customers-say{background-color: var(--light-bg);}
.quotes{display: flex;justify-content: center;gap:3.33%}
.customers-say .quote{/*background-color: var(--white-color);border-radius:10px;padding:30px 25px;position: relative;*/display: flex;flex-direction: column;align-items: center;width:30%;}
/* .customers-say .quote p{text-align: center;} */
.customers-say .customer-image{width:100px;height:100px;background-color: var(--light-bg);border-radius: 50%;overflow: hidden;}
.customers-say .quote-icon{width:60px;height:60px;color:#fff;background: var(--color-red);border-radius:15px;display: flex;justify-content: center;align-items: center;position: absolute;top:-30px;left:30px;display: none;}
.customers-say .country{color:var(--color-red)}
.customer-name{margin-right: auto;}

/*Demo*/
.demo-section{background: var(--light-bg);}
.demo-section > .container{background-color: #fff; border-radius: 15px;padding:30px}
.demo-section .row{display:flex; justify-content: space-between;}
.demo-section .demo-text{padding-right:25px}
.demo-section .demo-form{padding-left:25px}
.demo-section .col-md-6:not(.demo-form) .headline, .demo-section .col-md-6:not(.demo-form) p{color:#fff}
.demo-section .demo-text{display: flex; justify-content: center;flex-direction: column;}
.demo-section .input_date, .demo-section .input_time{display: flex;flex-direction: column;}
.demo-section .btn-default{border:none;margin-left: auto !important;margin-top: 10px !important;}

/*Newsletter*/
section.newsletter{background: var(--color-black);}
.newsletter .headline{color:var(--white-color)}
.newsletter .newsletter-form form{width:100%; display: flex;align-items: center;gap:15px;position:relative}
.newsletter #newsletter{min-height:55px;width:calc(100% - 230px)}
.newsletter div#rcode{position: absolute;top:70px}
.newsletter .big-button{display: flex;gap:15px;}
.newsletter .validation-advice{position:absolute; top:calc(100% - 10px); font-size: 15px;}

/*footer*/
footer{background-color: #fff;}
footer p{margin-top:7px !important;line-height: normal; padding-right:10px}
footer p, footer a, footer h4{color:var(--color-black) !important;text-transform: capitalize;}
footer h4{font-size: var(--font-size-24);}
footer li::before{display: none;}
.copyright{background-color: var(--color-black);}
.copyright p{color:#a4a4a4 !important;padding: 0 !important;margin: 15px 0 !important;}
/*------Knowledge------*/
.kb-category-view .body-content > .container{max-width: 100%;}
div.kb-s-form{border-radius: 15px;}
.category.level-0 {display: flex !important;justify-content: space-between;border-bottom: 1px solid #ddd;padding: 6px 0 !important;font-weight: 600;}
div.kb-category-sidebar .block-content .category span{font-size: 12px;align-items: center;}
.sidebar .block .block-title{font-size:22px}
.kb-category-sidebar ul {list-style: none;margin: 0;padding: 0;}
.kb-category-sidebar li {margin: 5px 0;}
.kb-category-sidebar a {text-decoration: none;color: #000;display: block;}
.kb-category-sidebar li.active > ul {display: block;}
.outer-top-bd > .container > .row > .col-md-9.col-xs-12{background: #fbfbfb;padding: 35px;}
div.kb-s-form{background: #ffffff;border: 1px solid #cdd7e8;padding:15px;}
div.kb-s-form .input-text{height: 40px;}
div.kb-s-form  .button.form-button{background: #3777e2;border-color: #3777e2;color:#fff;border-radius: 0 8px 8px 0 !important;  font-size: 18px;  font-weight: 600;}
div.kb-s-form  .button.form-button:hover{background: #34b346; border-color: #34b346;}
div.kb-s-form select{border-radius: 8px 0 0 8px;}
div.kb-category-view .kb-category-view-subcategory{border-radius: 15px;width: calc(49.5% - 7.5px);margin-bottom:15px}
div.kb-category-view .kb-category-view-subcategory:nth-child(odd){margin-right:23px}
.outer-top-bd > .container > .row .col-md-3.col-xs-12.sidebar{width: calc(21%); margin-left: 20px;height: 750px; overflow: auto;padding-left: 25px;margin-bottom:40px}
.outer-top-bd > .container > .row > .col-md-9.col-xs-12{width: calc(100% - 23%);}
.outer-top-bd > .container > .row .col-md-3.col-xs-12.sidebar {scrollbar-width: thin;scrollbar-color: #b3b3b3 #ffffff;}
/* For Webkit-based browsers (Chrome, Edge, Safari) */
.outer-top-bd > .container > .row .col-md-3.col-xs-12.sidebar::-webkit-scrollbar {width: 5px;}
.outer-top-bd > .container > .row .col-md-3.col-xs-12.sidebar::-webkit-scrollbar-track {background: #ffffff;}
.outer-top-bd > .container > .row .col-md-3.col-xs-12.sidebar::-webkit-scrollbar-thumb {background-color: #b3b3b3;border-radius: 6px;border: 3px solid #e0e0e0;}
.outer-top-bd > .container > .row .col-md-3.col-xs-12.sidebar::-webkit-scrollbar-thumb:hover {background-color: #b3b3b3;}
.mceIframeContainer.mceFirst.mceLast iframe {border: 1px solid red;max-width: 100%;}
div.kb-article-view{padding:20px}
.sub-container.xyz{transition: all ease-out !important; transition-duration: 0.08s !important;}

/* Slider*/

/* Style the slider container to control the slider's visibility and positioning */
.all-categories{
  position: relative;
}
.slider-container {
  position: relative;
  overflow: hidden;
}

/* Format the slider element to align the slides properly */
.slider {
  display: flex;
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 100%;
  height: 525px;
  margin-bottom:50px;
}

/* Style the slide elements to make them responsive and visually appealing */
.slide {
  flex: 0 0 calc(100% / 4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

/* Style the images and headers within the slide elements */
.all-categories .slide img {
  width: 100%;
  height: 499px;
  object-fit: cover;
  border-radius: 5px;
}
.slide h2 {
  margin-top: 1rem;
  font-size: 1.3rem;
  margin-top:1rem;
}
.slide h3 {
  margin-top: 1rem;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
}
/* Styling for buttons */
.slider-button {
  position: absolute;
  width:60px;height:60px;border-radius: 50%;top:20%;border:1px solid #7a7a7a !important;background: var(--white-color);
  color: #777 !important;
  transition: all 0.3s ease; /* Smooth transition for hover effect */
}

/* Positioning the "Previous" button */
.prev-button {
  left: 12%; /* Position on the left side */
}

/* Positioning the "Next" button */
.next-button {
  right: 12%; /* Position on the right side */
}

/* Hover effect: change border and text color */
.slider-button:hover {
  background-color: #dfdfdf; /* Change background on hover */
  color: white; /* Change text color to white */
  border-color: white; /* Change border color to white */
}
/* Media queries to adjust the slider's layout based on the viewport width */
.small-text{font-size:8px;transform: translateY(-5px);display: inline-block;}
.cms-page-view .hero-section h2{width:92%;margin: 0 auto;font-size:28px !important;}
.cms-page-view .demo-section h2{width:60%;margin:0 auto}
.cms-page-view .demo-section{margin:0 auto;}
.demo-form .headline{font-size:30px !important;margin-bottom: 5px !important;}
.demo-section .demo-form .headline + p{text-align: center;margin-bottom:40px !important;font-size:18px !important;line-height: 24px;}
.cms-page-view .headline + p, .cms-page-view .headline + p + p, .cms-page-view .headline + p + p + p{margin-bottom:0 !important;line-height: 26px;}
.cms-page-view .headline + p + p, .cms-page-view .headline + p + p + p{margin-top:15px !important}
.row.subcategory-img a {display: flex;justify-content: center;align-items: center;}
.catalog-category-view .banner-content .sub-category-title>h1{font-size: 44px !important;}
.category-box-item:hover img {filter: grayscale(1);}
    .category-box-item:hover p, .category-box-item a:hover span{color: #004ecf;}
    .row:has(.category-box-item){display:flex;justify-content:center;padding: 0 24px;gap:20px}
    .category-box-item{background:#fff;border-radius:10px;box-shadow:0 2px 3px rgba(0,0,0,.05);padding:34px 15px;width:calc(25% - 20px);display: flex;flex-direction:column;text-align:center;max-height: 271px;}
    .category-box-item {border: 3px solid transparent;}
    .category-box-item:hover {border: 3px solid #145ed7;}
    .category-box-item a{font-size: 24px !important;font-weight: 500;display: flex; flex-direction: column;}
    .category-box-item a span{line-height: normal; padding-top: 20px;text-transform: uppercase; color:#000;font-size: 18px;}
    .categorypath-industries-equipment-tools-html .category-box-item{width:calc(20% - 20px);}
    .demo-trial-box, .features-box {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .05);
        padding: 30px;
        width: fit-content;
    }
    .demo-trial-box{
      padding: 17px 30px;
    }
    .demo-trial-box input {
        border: 1px solid #939393;
        border-radius: 5px;
        min-width: 248px;
        min-height: 50px !important;
    }
     h2 {
        font-size: var(--font-size-24);
    }
    .demo-trial-box .blue-btn, .demo-links .blue-btn, .demo-trial-box .blue-btn, .demo-links .blue-btn:focus,button:focus {
        background-color: #145ed7 !important;
        color:#fff !important;
    }
    .font-30{font-size:30px}
    @media(min-width:1025px){
      .category-box-item img{width:auto;height:85px !important}
    }
@media (max-width: 1024px) {
  .slide {
      flex: 0 0 calc(100% / 2);
  }
  .prev-button {
    left: -15px; 
  }
  .next-button {
    right: -15px;
  }
  .slide img{
    width:auto;
  }
  .row:has(.category-box-item) {flex-direction: row;gap: 5px;}
  .category-box-item, .categorypath-industries-equipment-tools-html .category-box-item{flex:1 1 100%;width: 100%;margin-right:0}
  .category-box-item img{width:auto;height:85px !important}
  .category-box-item{padding:10px}
  .col-md-6.right .detail-box{min-width: 100% !important;}
  .categorypath-industries-tech-creative-html .category-box-item{max-width: calc(33.33% - 10px);}
  .categorypath-industries-sports-activities-html .category-box-item{max-width: calc(25% - 10px);}
  .categorypath-industries-equipment-tools-html .category-box-item{max-width: calc(20% - 10px);}
  .category-box-item a span{font-size: 16px;line-height: normal;}
}

@media (max-width: 767px) {
  .slide {
      flex: 1 0 100%;
  }
  .row:has(.category-box-item) {display: flex;flex-direction: column;gap: 10px;margin-bottom:30px}
  .categorypath-industries-tech-creative-html .category-box-item, .categorypath-industries-sports-activities-html .category-box-item, .categorypath-industries-equipment-tools-html .category-box-item{max-width: calc(100%);}
}


@media(min-width:1648px) and (max-width:1768px){
  .hero-section .f-circle-1 {left: -14%;}
}
@media(min-width:1400px) and (max-width:1647px){
  .hero-section .f-circle-1, .hero-section .f-circle-2 {left: -4%;}
  .hero-section .f-circle-3 {right: -6%;}
}
@media(max-width:1536px){
  .feature-item h2{width:calc(100% - 36px);}
  .hero-section .f-circle-1, .hero-section .f-circle-2{left: -9%;}
  .hero-section .f-circle-3 {right: -10%;}
}
@media(min-width:1261px) and (max-width:1399px){
  .hero-section .f-circle-1{left: 4%;}
  .hero-section .f-circle-1::after{top: 145px;}
  .hero-section .f-circle-2::after{top: 15px;}
}
@media(min-width:1261){
  /* .item {max-width: calc(24.8%) !important;} */
}
@media(min-width:1260px){
  .for-mobile{display: none;}
  .for-desktop{display: block;}
  /* .slider-section .item {padding: 5px;min-width: calc(24.8%) !important;} */
}
@media(max-width:1399px){
  .hero-section{min-height: fit-content;padding-top:20px}
  .demo-section{padding-bottom:30px}
  .banner-content{margin-top:10px}
  .banner-content h1{font-size: 40px;}
  .banner-content ul:not(.action){gap:15px}
  .offer-list{display: flex;flex-direction: row;gap:15px}
  .we-offer .f-circle-1, .we-offer .f-circle-2, .we-offer .f-circle-3{position: relative;left: unset; margin:0 auto;width:100%;right: unset;border: 1px solid #a5a4a4;  margin-bottom: 15px !important;height: fit-content;border-radius:5px;padding-top:20px}
  .hero-section .f-circle-1 p, .hero-section .f-circle-2 p, .hero-section .f-circle-3 p{font-size: var(--font-size-24) !important;}
  .hero-section .f-circle-1::after, .hero-section .f-circle-2::after, .hero-section .f-circle-3::after, .hero-section .f-circle-1::before, .hero-section .f-circle-2::before, .hero-section .f-circle-3::before{display: none;}
  .big-button{padding: 0 20px;font-size: 22px;}
  .free-trial-text{margin:18px 0;font-size: 20px !important;}
  .free-trial-text a .text-red{font-size: 20px !important;}
  .about-company{margin-top: 30px;padding: 30px 0;}
  .headline{font-size: var(--font-size-30) !important;text-align: center;}
  .features-headline{padding: 30px 15px;}
  .features-headline p {text-align: center;margin-top:10px !important}
  .feature-list {padding: 30px 15px;}
  .feature-list .col-md-4 {height: 65px;width: 50%;}
  .cms-any-rental-home .carousel-control-prev, .slider-section .prev{left: -27px !important;}
  .cms-any-rental-home .carousel-control-next, .slider-section .next{right:-27px !important;}
  .slider-section{width: 90%;}
  .we-offer .f-circle-1, .we-offer .f-circle-2, .we-offer .f-circle-3{min-height: 156px;}
  .quotes{width:unset;gap:3.33%}
  .mobile-management-list{gap:15px}
  .mobile-management-details{min-height: fit-content;; position: relative;z-index: 1;}
  .mobile-management-list{width:36%;gap:3%; position: relative;z-index: 2;}
  .mobile-image{width:28%;margin-top: 5% !important;}
  .mobile-image img{min-width: 150%;}
  .cms-any-rental-home .carousel-control-prev, .cms-any-rental-home .carousel-control-next{top: calc(28%) !important;}
  .floating-element {
      animation: none; /* Disable animation on mobile */
    }
    .feature-item h2{font-size: 15px !important;width:calc(100% - 75px);}
}
@media(min-width:840px) and (max-width:1399px){
  .mobile-image{margin-top: unset !important;}
  .mobile-image img{min-width: 120% !important;} 
}
@media(min-width:768px) and (max-width:1260px){
  /* .slider-section .item {padding: 5px;max-width: calc(33.33% - .35rem) !important;} */
  .we-offer .hero-image{margin-left: -16px;}
  [class^="f-circle-content-"]{top:21px}
}
@media(min-width:998px) and (max-width:1024px){
  .header-nav .pumgmenu > li > a {
      padding: 10px 5px !important;
  }
}
@media(max-width:1200px){
  body{overflow-x: hidden;}
  .service-maintenance, .online-sales, .unmatched-communication{flex-direction: column;width:100%;gap:0;padding: 0px;}
  .content-section{order:1;width: 100%;}
  .feature-content{margin-left: unset;}
  .top-content, .content-image{width:100%}
  .online-sales .top-content {transform: unset;}  
  .image-shadow::before, .image-shadow::after, .content-image::before{display: none;}
  .service-maintenance img, .unmatched-communication img, .online-sales img{border-radius: 30px;width: 100%;}
  .image-shadow{padding: 0 0 20px;}
  .feature-content .col-md-6{margin-top:35px;padding: 17px;}
  .top-content{margin-top:0}
  .feature-content li:before{flex:0 0 25px}
  .slider-section .item h2{margin-top:0px}
  .std {padding: 0 25px !important;}
}
@media(max-width:767px){
 .main-container.col1-layout{padding-top:0 !important}
  .std{padding: 15px;}
  .banner-content h1{font-size: 30px;}
  .banner-content ul{flex-direction: column;}
  .banner-content ul:not(.action){gap:5px}
  .headline{font-size: var(--font-size-30);}
  .hero-section{overflow: hidden;}
  .hero-section .f-circle-1 p, .hero-section .f-circle-2 p, .hero-section .f-circle-3 p {font-size: 18px !important;}
  .mobile-management-details{flex-direction: column;}
  .mobile-management-list, .mobile-image{width:100%}
  .mobile-management-list{gap:15px}
  .we-offer .hero-image{min-width: 130%; margin:0 -15%}
  .about-company .col-md-4:nth-child(2) {border-left: unset;border-right: unset;border-top: var(--border);border-bottom: var(--border);margin:25px 0;padding:30px 0}
  .for-mobile{display: block;}
  .for-desktop{display: none;}
  .mobile-image img {min-width: unset;}
  .rental-management .col-md-5 img{display: none;}
  .rental-management .headline{text-align: left;}
  .customers-say{background-color: var(--light-bg) !important;}
  .quotes{margin: 50px 0 0 !important;}
  .quotes, .customers-say .quote{width:100%;}
  .customers-say .quote{box-shadow: 2px 2px 19px rgba(0, 0, 0, 0.1);}
  #efficient-solution .carousel-item .col-md-5{text-align: center;}
  #efficient-solution .carousel-item .btn-default{margin: 0 auto;} 
  #efficient-solution .slide img{height: fit-content;}
  .demo-section{background: unset;}
  .demo-section .container{padding: 0;}
  .demo-section .container > .row{margin: 0 !important;}
  .demo-section .demo-text{text-align: center;background-color: var(--light-bg );padding:30px !important}
  .demo-section .demo-form{padding: 0 !important;margin-top:30px}
  .ar_about .ar-options .dir-msg p, .ar_about p{margin-top: 9px !important;}
  .align-items-center {align-items: flex-start !important;}
  .align-items-center input{margin-top:5px}
  .demo-section .btn-default{margin-bottom: 30px !important;width:100%}
  .newsletter .container-fluid > .row .newsletter-form{display: flex;flex-direction: column;}
  .newsletter .container-fluid > .row .newsletter-form input, .newsletter .container-fluid > .row .newsletter-form .big-button{width: 100%;border-radius: 5px;}
  .about-col{display: flex;justify-content: center;flex-direction: column;text-align: center;border-bottom:var(--border);margin-bottom: 20px;margin-top: -10px !important;}
  .outer-top-bd > .container > .row .col-md-3.col-xs-12.sidebar{width:100%;margin-left: 0;padding-left: 12px;}
  .outer-top-bd > .container > .row > .col-md-9.col-xs-12 {width: 100%;padding-top:0}
  .kb-s-form form{flex-direction: column;}
  div.kb-s-form select, div.kb-s-form .input-text, div.kb-s-form .button.form-button, div.kb-category-view .kb-category-view-subcategory {border-radius: 8px !important;width:100%}
  div.kb-s-form .input-text{margin:15px 0;width:100% !important}
  .banner-content h2.headline{font-size:25px !important}
}
@media(max-width:575px){
  :root{
      --company-name: 45px;
  }
  .offer-list{flex-direction: column;gap:0}
  .we-offer .f-circle-1, .we-offer .f-circle-2, .we-offer .f-circle-3 {min-height: auto;}
  .banner-content ul li{justify-content: center;width:100%;}
  .banner-content ul:not(.action) li{justify-content: flex-start;width: 100%;}
  .feature-list .col-md-4{width: 100%;}
  .banner-content{margin-bottom: 15px;}
  [class^="f-circle-content-"]{top:11px;}
  .we-offer .hero-image {min-width: 101%;margin: 0px 0 0 -2%;}
  .big-button{width: 100%;font-size: 22px !important;}
  .newsletter .newsletter-form form{flex-direction: column;align-items: center;}
  .newsletter div#rcode{position:unset;width:243px}
  .newsletter #newsletter{width:100%}
  .free-trial-text{left:-22px !important;top:16px !important}
  .cms-subscription .std, .cms-subscription .plans-sec > .container, .fp-table > .container{padding:0 !important}
  .plan-box .billed-annually-price + p{right: -24px !important;}
  .demo-links, .banner-content ul{flex-wrap: wrap;gap:15px !important}
  .btn-default.start-trial, .btn-default.blue-btn, .btn-default{width:100%;font-size:22px !important}
}