/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.office-bg {
  background: url("../images/custom/office-bg.png");
  background-size: cover;
}

.office-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgb(5 53 121 / 60%);
  z-index: 0;
}

.feature-box-border-vertical .feature-box {
  position: relative;
}

.feature-box-border-vertical .feature-box:not(.noborder)::before,
.feature-box-border-vertical.border-hover-animate
  .feature-box:not(.noborder)::after {
  content: "";
  position: absolute;
  top: calc(64px + 13px);
  left: 45px;
  width: 2px;
  height: calc(100% - 90px);
  background-color: #eee;
  z-index: 0;
}

.feature-box-border-vertical.border-hover-animate
  .feature-box:not(.noborder)::after {
  background-color: #0f6458;
  height: 0;
  transition: height 0.3s ease-in-out;
}

.feature-box-border-vertical .feature-box:nth-child(1):not(.noborder)::before {
  background-color: #0f6458;
}

.feature-box-border-vertical.border-hover-animate
  .feature-box:hover:not(.noborder)::after {
  height: calc(100% - 90px);
}

.feature-box-border-vertical .fbox-icon i,
.feature-box-border-vertical .fbox-border.fbox-light .fbox-icon i {
  line-height: 60px;
  font-size: 24px;
  z-index: 1;
  text-align: center;
}

.block-hero-20 {
  --color: #af4320;
  --color-secondary: 237, 237, 237;
}

.block-hero-20 h1,
.block-hero-20 h2,
.block-hero-20 h3,
.block-hero-20 h4,
.block-hero-20 h5,
.block-hero-20 h6,
.block-hero-20 p,
.block-hero-20 a,
.block-hero-20 .color {
  color: var(--color) !important;
}

.block-hero-20 .bg-color {
  background-color: var(--color) !important;
}

.block-hero-20 .fbox-icon i {
  background-color: var(--color);
  color: #ffe2d6;
}

.ticker-wrap {
  --cnvs-ticker-duration: 100s;

  position: absolute;
  top: 50%;
  left: -100%;
  z-index: auto;
  width: 100%;
  overflow: hidden;
  padding-left: 100%;
  box-sizing: content-box;
  opacity: 0.05;
  transform: translateY(-50%);
}

.ticker-wrap .ticker-item {
  display: inline-block;
  font-size: 15rem;
  font-weight: 900;
}

.bg-dark-green,
		.h-bg-dark-green:hover {
			background-color: #192057 !important;
			color: #ffdb3e !important;
		}

		.color-dark-green,
		.h-color-dark-green:hover {
			color: #061E23 !important;
		}

		.bg-color-brown,
		.h-bg-color-brown:hover {
			background-color: #ffdb3e !important;
		}

		.color-brown,
		.h-color-brown:hover {
			color: #ffdb3e !important;
		}

		.border-color-brown,
		.h-border-color-brown:hover {
			border-color: #ffdb3e !important;
		}

		#footer .social-icon {
			--cnvs-socialicon-size: 2rem;
			--cnvs-socialicon-fontsize: 1rem;
		}

    .striples-bg:before {
      content: '';
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: url(../images/custom/background1.webp) no-repeat top center;
      /* background-size: cover; */
      -webkit-animation: floating2 7s infinite;
      -o-animation: floating2 7s infinite;
      animation: floating2 7s infinite;
  }

  .saas-tab.nav-pills .nav-link.active {
    background-color: rgba(var(--cnvs-themecolor-rgb), .05);
    margin-bottom: 20px;
    padding: 25px;
}

.saas-tab.nav-pills .nav-link p {
  display: none;
  visibility: hidden;
  margin-bottom: 0;
  color: #333;
}

.saas-tab.nav-pills .nav-link.active p {
  display: block;
  visibility: visible;
}

#header-wrap #logo img {
  height: 50px;
}

.counter.text-primary {
  color: #13287e !important
}

.content-wrap p {
  line-height: 1.8 !important;
}
.services h3 {
  font-size: 22px;
}

.services .feature-box.fbox-plain .fbox-icon img {
  height: auto
}

.social-icon {
  --cnvs-socialicon-size: 2.5rem;
  --cnvs-socialicon-gap: 5px;
  --cnvs-socialicon-fontsize: calc( var(--cnvs-socialicon-size) / 2.5);
  --cnvs-socialicon-border: 1px;
  --cnvs-socialicon-border-color: var(--cnvs-contrast-600);
  --cnvs-socialicon-lineheight: calc(var(--cnvs-socialicon-size) - calc(var(--cnvs-socialicon-border) * 2));
  --cnvs-socialicon-rounded: 0.375rem;
  --cnvs-socialicon-color: var(--bs-contrast-900);
  float: left;
  display: block;
  margin: 0 var(--cnvs-socialicon-gap) var(--cnvs-socialicon-gap) 0;
  width: var(--cnvs-socialicon-size);
  height: var(--cnvs-socialicon-size);
  font-size: var(--cnvs-socialicon-fontsize);
  line-height: var(--cnvs-socialicon-lineheight) !important;
  color: var(--cnvs-socialicon-color);
  text-shadow: none;
  border: var(--cnvs-socialicon-border) solid var(--cnvs-socialicon-border-color);
  border-radius: var(--cnvs-socialicon-rounded);
  overflow: hidden;
}

.heading-block h3, .heading-block .h3 {
  font-size: 2.5rem !important;
}
#header-wrap {
  background-color: #0E1144;
}

.home #header-wrap {
  background-color: transparent;
}

.bg-color-theme, .bg-light {
  background-color: #f2f1eb !important;
}

.bg-primary {
  background-color: var(--cnvs-themecolor) !important;
}

.menu-link {
  color: #fff
}

.is-expanded-menu .sticky-header #header-wrap {
  
  background-color: #0E1144;
}

#footer {
  background-color: #0E1144;
}

@media screen and (max-width: 568px) {
  .slider-caption h2 {
    
    font-size: 36px;
    
}


.iconlist li {
  flex-wrap: nowrap;
}

.cnvs-hamburger .cnvs-hamburger-inner, .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after {
   
    background-color: #fff;
    
}

.home #header-wrap {
  background-color: #0E1144;
}

ul, ol {
  padding: 0 15px
}

article p, article li {
  font-size: 1.3rem;
}
article {
  padding: 0 15px
}

.page-title-content h1 {
  font-weight: 600;
}
nav.primary-menu-active {
  padding-top: 20px
}

nav.primary-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
}