/*
  Theme Name: OctoQueue
  Theme URI: https://octoqueue.com/
  Author: testRigor Team
  Author URI: https://octoqueue.com/
  Description: Octo Queue designed and developed for the Octo Queue website use only
  Tags: OctoQueue
  Version: 1.0
  Requires at least: 5.0
  Tested up to: 5.4
  Requires PHP: 7.0
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.htpl
  Text Domain: OctoQueue
  This theme, like WordPress, is licensed under the GPL.
*/

body {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  background: #fff;
  color: #000
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 900;
  color: #000
}

h2 {
  font-size: 35px;
  line-height: 120%
}

code {
  font-size: .875em;
  color: #d63384;
  word-wrap: break-word;
  background: #d6338417;
  padding: 1px 3px;
  font-size: 15px;
}

img {
  max-width: 100%;
  height: auto
}

.container {
  position: relative
}

#header {
  padding: 10px 0px;
  height: 70px
}

#header .logo {
  position: absolute;
  left: 15px;
  top: 2px
}

#header .cta {
  position: absolute;
  right: 15px;
  top: 2px 
}

#header .logo img {
  height: 45px
}

#navigation .menu-toggle {
  display: none
}

#navigation ul#menu-primary-menu, #navigation ul#menu-primary-menu li {
  padding: 0px;
  margin: 0px
}

#navigation ul#menu-primary-menu {
  padding: 2px 20px 10px 250px
}

#navigation ul#menu-primary-menu li {
  display: inline-block
}

#navigation ul#menu-primary-menu li a {
  color: #000;
  font-weight: 100;
  text-decoration: none;
  display: inline-block;
  padding: 10px 20px
}

/* content */
.home-hero {
  width:100%;
	height:100%;
  padding: 80px 0px;
  color: #000;
	background: url("https://testrigor.com/wp-content/uploads/2026/07/hero-bg-light.jpeg") center center no-repeat;
	background-position: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.home-hero .home-hero-content {
  max-width: 700px
}
.home-hero .home-hero-content h1 {
  font-size: 65px
}
.home-hero .home-hero-content h1 span {
  font-weight: 400
}
.home-hero .home-hero-content .integrates-with-imgs img {
  height: 30px;
  margin-right: 40px
}
.block {
  padding: 80px 0px
}
.gray-block {
  width: 100%;
  background: #F0F2F5;
  padding: 30px
}
.product-does .gray-block {
  position: relative;
  padding-left: 70px;
}
.fa-cube {
  position: absolute;
  top: 24px;
  left: 20px;
  background: #000;
  color: #fff;
  font-size: 22px;
  border: 1px solid #000;
  padding: 8px 8px;
  -webkit-border-radius: 60px;
  border-radius: 60px
}
.single-pricing-box {
  max-width: 400px;
  margin: 0px auto;
  color: #fff;
  background: #001843;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding: 30px
}
.single-pricing-box .badge-primary {
  color: #000;
  background: #3999F4;
  border: 0px
}
.single-pricing-box .spb-point {
  position: relative;
  padding: 8px 0px 8px 32px
}
.single-pricing-box .spb-point .fa-check-circle {
  position: absolute;
  left: 0px;
  top: 8px;
  font-size: 24px;
  color: #6bb3f8
}
.single-pricing-box .btn-light {
  background: #fff;
  color: #000;
  width: 100%;
}
.single-pricing-box .btn-light:hover {
  background: #c4e3ff;
  color: #000;
  width: 100%;
}
/* END >> content */

#footer {
  background: #001843;
  padding: 30px 0px 0px 0px
}

#footer .copyright {
  color: #fff;
  font-weight: 100px;
  font-size: 14px;
  text-align: center;
  border-top: 0.5px solid #fff;
  padding: 30px 20px
}

/* Bootstrap Overwrites */
.btn {
  position: relative;
  padding: 10px 30px;
  -webkit-border-radius: 40px;
  border-radius: 40px
}
.btn-primary:hover::before {
  opacity: 0.2;
}

.btn-primary  span {
  z-index: 1;
}
.btn-primary {
  position: relative;
  overflow: hidden;
  background: linear-gradient(155deg,  #0080ce 0%,#0708a2 80%)
}
.btn-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(155deg,  #0080ce 0%,#0708a2 20%);
  opacity: 0;
  transition: opacity .4s;
}
.btn.has-icon {
  padding: 10px 50px 10px 20px
}
.btn-dark.has-icon .fa-chevron-circle-right {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 30px;
}
.badge-outline-secondary {
  border: 1px solid #000;
  color: #000
}

/* CSS Defaults */
  /* FONT */
    .font8{font-size: 8px;line-height:125%}.font9{font-size: 9px; line-height:125%}.font10{font-size: 10px; line-height:125%}.font11{font-size: 11px; line-height:125%}.font12{font-size: 12px; line-height:125%}.font13{font-size: 13px; line-height:125%}.font14{font-size: 14px; line-height:125%}.font15{font-size: 15px; line-height:125%}.font16{font-size: 16px; line-height:125%}.font17{font-size: 17px; line-height:125%}.font18{font-size: 18px; line-height:125%}.font19{font-size: 19px; line-height:125%}.font20{font-size: 20px; line-height:125%}.font21{font-size: 21px; line-height:125%}.font22{font-size: 22px; line-height:125%}.font23{font-size: 23px; line-height:125%}.font24{font-size: 24px; line-height:125%}.font25{font-size: 25px; line-height:125%}.font26{font-size: 26px; line-height:125%}.font27{font-size: 27px; line-height:125%}.font28{font-size: 28px; line-height:125%}.font29{font-size: 29px; line-height:125%}.font30{font-size: 30px; line-height:125%}.font35{font-size: 35px; line-height:125%}.font40{font-size: 40px; line-height:125%}.font45{font-size: 45px; line-height:125%}.font50{font-size: 50px; line-height:125%}.font55{font-size: 55px; line-height:125%}.font60{font-size: 60px; line-height:125%}
  /* COLOR */
	  .text-white{color:#fff}.text-yellow{color:#ffbc00}.text-red{color:#f5151c}.text-black{color:#000}.text-green{color:#36958e}.text-blue{color: #136cc2}.text-brown{color: #8a6d3b}.text-gray{color: #a3adbd}.text-cyan{color: #15A7C3}.text-orange{color: #FF8A0E}
  /* BACKGROUND */
    .no-bg{background: none}.bg-light-yellow{background:#fbefc8}.bg-light-red{background:#fce8e6}.bg-light-gray{background: #edf1f5}.gray-bg{background: gray}.white-bg{background: white}.light-green{background:#dff0d8}.light-yellow{background:#fcf8e3}.light-red{background:#f2dede}.light-blue{background:#eaf3f8}
  /* MARGIN */
    .mall-0{margin: 0px}.mall-5{margin: 5px}.mall-10{margin: 10px}.mall-15{margin: 15px}.mall-20{margin: 20px}.mall-25{margin: 25px}.mall-30{margin: 30px}.mall-35{margin: 35px}.mall-40{margin: 40px}.mall-45{margin: 45px}.mall-50{margin: 50px}
    .mt-0{margin-top: 0px}.mt-5{margin-top: 5px}.mt-10{margin-top: 10px}.mt-15{margin-top: 15px}.mt-20{margin-top: 20px}.mt-25{margin-top: 25px}.mt-30{margin-top: 30px}.mt-35{margin-top: 35px}.mt-40{margin-top: 40px}.mt-45{margin-top: 45px}.mt-50{margin-top: 50px}.mt-55{margin-top: 55px}.mt-60{margin-top: 60px}.mt-65{margin-top: 65px}.mt-70{margin-top: 70px}.mt-80{margin-top: 80px}.mt-90{margin-top: 90px}.mt-100{margin-top: 100px}.mt-200{margin-top: 200px}
    .mb-0{margin-bottom: 0px}.mb-5{margin-bottom: 5px !important}.mb-10{margin-bottom: 10px}.mb-15{margin-bottom: 15px}.mb-20{margin-bottom: 20px}.mb-25{margin-bottom: 25px}.mb-30{margin-bottom: 30px}.mb-35{margin-bottom: 35px}.mb-40{margin-bottom: 40px}.mb-45{margin-bottom: 45px}.mb-50{margin-bottom: 50px}.mb-55{margin-bottom: 55px}.mb-60{margin-bottom: 60px}.mb-65{margin-bottom: 65px}.mb-70{margin-bottom: 70px}.mb-80{margin-bottom: 80px}.mb-90{margin-bottom: 90px}.mb-100{margin-bottom: 100px}.mb-200{margin-bottom: 200px}
    .ml-0{margin-left: 0px}.ml-5{margin-left: 5px}.ml-10{margin-left: 10px}.ml-15{margin-left: 15px}.ml-20{margin-left: 20px}.ml-25{margin-left: 25px}.ml-30{margin-left: 30px}.ml-35{margin-left: 35px}.ml-40{margin-left: 40px}.ml-45{margin-left: 45px}.ml-50{margin-left: 50px}
    .mr-0{margin-right: 0px}.mr-5{margin-right: 5px}.mr-10{margin-right: 10px}.mr-15{margin-right: 15px}.mr-20{margin-right: 20px}.mr-25{margin-right: 25px}.mr-30{margin-right: 30px}.mr-35{margin-right: 35px}.mr-40{margin-right: 40px}.mr-45{margin-right: 45px}.mr-50{margin-right: 50px}
  /* PADDING */
    .pall-0{padding: 0px}.pall-5{padding: 5px}.pall-10{padding: 10px}.pall-15{padding: 15px}.pall-20{padding: 20px}.pall-25{padding: 25px}.pall-30{padding: 30px}.pall-35{padding: 35px}.pall-40{padding: 40px}.pall-45{padding: 45px}.pall-50{padding: 50px}
    .pt-0{padding-top: 0px}.pt-5{padding-top: 5px}.pt-10{padding-top: 10px}.pt-15{padding-top: 15px}.pt-20{padding-top: 20px}.pt-25{padding-top: 25px}.pt-30{padding-top: 30px}.pt-35{padding-top: 35px}.pt-40{padding-top: 40px}.pt-45{padding-top: 45px}.pt-50{padding-top: 50px}.pt-55{padding-top: 55px}.pt-60{padding-top: 60px}.pt-65{padding-top: 65px}.pt-70{padding-top: 70px}.pt-80{padding-top: 80px}.pt-90{padding-top: 90px}.pt-100{padding-top: 100px}.pt-200{padding-top: 200px}
    .pb-0{padding-bottom: 0px}.pb-5{padding-bottom: 5px}.pb-10{padding-bottom: 10px}.pb-15{padding-bottom: 15px}.pb-20{padding-bottom: 20px}.pb-25{padding-bottom: 25px}.pb-30{padding-bottom: 30px}.pb-35{padding-bottom: 35px}.pb-40{padding-bottom: 40px}.pb-45{padding-bottom: 45px}.pb-50{padding-bottom: 50px}.pb-55{padding-bottom: 55px}.pb-60{padding-bottom: 60px}.pb-65{padding-bottom: 65px}.pb-70{padding-bottom: 70px}.pb-80{padding-bottom: 80px}.pb-90{padding-bottom: 90px}.pb-100{padding-bottom: 100px}.pb-200{padding-bottom: 200px}
    .pl-0{padding-left: 0px}.pl-5{padding-left: 5px}.pl-10{padding-left: 10px}.pl-15{padding-left: 15px}.pl-20{padding-left: 20px}.pl-25{padding-left: 25px}.pl-30{padding-left: 30px}.pl-35{padding-left: 35px}.pl-40{padding-left: 40px}.pl-45{padding-left: 45px}.pl-50{padding-left: 50px}
    .pr-0{padding-right: 0px}.pr-5{padding-right: 5px}.pr-10{padding-right: 10px}.pr-15{padding-right: 15px}.pr-20{padding-right: 20px}.pr-25{padding-right: 25px}.pr-30{padding-right: 30px}.pr-35{padding-right: 35px}.pr-40{padding-right: 40px}.pr-45{padding-right: 45px}.pr-50{padding-right: 50px}
  /* HELPERS */
    .clear{clear: both}.v-center{margin-top: auto; margin-bottom: auto}.nowrap{white-space: nowrap}.italic{font-style: italic}.hide{display: none}.line-through{text-decoration: line-through}.underline{text-decoration: underline}.pointer{cursor: pointer}.not-allowed{cursor:not-allowed}.uppercase{text-transform:uppercase}.inline{display: inline}.inline-block{display: inline-block}.block{display: block}.absolute{position: absolute}.relative{position: relative}.text-left{text-align: left}.text-center{text-align: center}.text-right{text-align: right}.font-slim{font-weight: 100}.font-normal{font-weight: 400}.font-bold{font-weight: 700}.font-xbold{font-weight: 900}.v-center{margin-top: auto;margin-bottom: auto}
  /* SHADOW */
    .shadow{-webkit-box-shadow: 0 2px 16px #0000001a; box-shadow: 0 2px 16px #0000001a}
  /* TRANSITION */
    .trans { transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s}
    .trans:hover { transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s}
  /* DIVIDERS */
    .divider {margin: 50px auto; height: 2px; width: 80%; background: #b3b3b3; background: linear-gradient(90deg, hsl(0deg 0% 100%), hsl(0, 0%, 70%), hsl(0deg 0% 100%))}
  /* ROUND CORNERS */
    .round-6 { -webkit-border-radius: 6px; border-radius: 6px}.round-12 { -webkit-border-radius: 12px; border-radius: 12px}.round-20 { -webkit-border-radius: 20px; border-radius: 20px}
  /* BACKGROUND IMAGE */
    .background-image {background-position: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  /* FLEXBOX */
    .flexbox-vertical-left-center {display: flex}
/* END CSS Defaults */

@media screen and (max-width: 992px) {
  .menu-primary-menu-container {position: relative}
  #navigation ul#menu-primary-menu {display: none; position: absolute; top: 60px; right: 0px; padding: 0px}
  #navigation ul#menu-primary-menu li {display: block}
  #navigation ul#menu-primary-menu li a {background: #fff; display: block; width: 200px; border: 1px solid #ebf1f7; border-bottom: 0px}
  #navigation ul#menu-primary-menu li:last-child a {border-bottom: 1px solid #ebf1f7}
  #navigation .menu-toggle {display: none; position: absolute; top: 10px; right: 142px; border: 1px solid #0807a2; background: #fff; color: #0807a2; padding: 2px 10px;}
  .home-hero .home-hero-content .integrates-with-imgs img {height: 25px; margin-right: 30px}
}

@media screen and (max-width: 768px) {
  .mobile-left {text-align: left !important}
  .home-hero .home-hero-content h1 {font-size: 50px} 
  .home-hero .home-hero-content .integrates-with-imgs {display: block} 
  .home-hero .home-hero-content .integrates-with-imgs img {width: auto; max-width: auto; height: 30px; margin-right: 30px; margin-bottom: 20px}
}

@media screen and (max-width: 500px) {
  #header .logo img {height: 35px}
  #header .logo {top: 7px}
}