/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

a.feature-box:hover {
  transform: translateY(-3px);
  box-shadow: var(--ownz-box-shadow);
}

.feature-box_1:hover {
  transform: translateY(-3px);
  box-shadow: var(--ownz-box-shadow);
}

.img-icon {
  width: 150px;
  height: 150px;
  margin-top: 10px;
}

#top-social .follow {
  margin-right: 10px;
  font-weight: 600;
}

#top-social {
  align-items: center;
}

header #top-social li a {
  color: #fff;
}
p{
    font-size: 18px;
}

#top-bar .container {
  max-width: 100%;
  /* background-color: rgba(8,8,27,0.1); */
  background: transparent;
  border: 0.5px solid rgba(255, 255, 255, 0.1);
}

/* .Categories{
	background: var(--ownz-themecolor);
} */
.Categories .badge.rounded-pill.badge-default,
.Categories h3,
.Categories p {
  color: #fff;
}

.Categories .badge.rounded-pill.badge-default {
  border: 1px solid #fff;
}

.Categories .category-list li {
  list-style-type: none;
  /* background: transparent; */
  padding: 15px;
  margin: 15px 0;
  border-radius: 20px;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.Categories .category-list a li {
  width: 100%;
  color: #ff2200;
}

.Categories .category-list a li:hover {
  width: 100%;
  color: #fff;
  transform: translate(0, -15%);
  box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15);
}
.card_up:hover {
  /* transform: translate(0,-15%); */
  transform: scale(1.1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  /*box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15);*/
}
.card_up:hover .text-white{
    color: #fe0600!important;
}
/* New Added CSS */
.grad_color {
  background: linear-gradient(to right, #ff2200, #ff5000);
}

.grad_color:hover {
  background: linear-gradient(to left, #ff2200, #ff5000);
}

/* New added css */
.badge.badge-default {
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}

/* latestpost image center */

.cent_1 {
  /* flex: 0 0 auto;
  width: auto; */
  align-items: center;
  display: flex;
}

/* Single blog border */
.entry_1 {
  /* margin-bottom: var(--ownz-post-item-margin); */
  margin-bottom: 10px;
  /* border: 1px solid rgba(255, 255, 255, 0.15); */
  border-radius: 0.3rem;
  height: auto;
}

.blog_bg {
  background-image: none !important;
  background: linear-gradient(
    45deg,
    rgba(34, 16, 66, 1),
    rgba(7, 8, 27, 1)
  ) !important;
}
.fbox-content p{
    margin-top: 20px;
}
.fbox-content h3{
    font-size: 20px;
}
.menu-link{
    font-size: 18px;
}
/* categry post images */

.entry-image_1 img {
  display: block;
  position: relative;
  width: var(--ownz-post-image-size);
  height: 276px;
}

.square_1 {
  --ownz-square-size: 3rem;
  width: 100%;
  /*height: var(--ownz-square-size) !important;*/
}

.layer_up {
  position: relative;
  z-index: 15;
}
.layer_up_1 {
  position: relative;
  z-index: 55;
}
.entry-meta a.more-link{
    font-family: var(--ownz-primary-font);
    font-weight: 400;
    color: #fff;
    margin-top: 0;
}
/* .page-title-row {
  flex-direction: row;
  justify-content: start !important;
  align-items: start !important;
} */

@media (min-width: 425px) {
}

/*Loader CSS*/
#loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

#loader {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #ff5000;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*End Loader CSS*/

/* .fut_img {
  background-image: url("/ownzapinfosec/images/upload images/background_12.png");
   
  background-size: cover;
  padding-top: 70px;
} */

.copyright-links_1 a {
  color: #fff;
}
.copyright-links_1 a:hover {
  color: #ff2000;
}

/*elipsis css*/
.ellipsis {
  overflow: hidden;
  margin-bottom: 1em;
  position: relative;
}

.ellipsis:before {
  content: "\02026";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3em;
  height: 22px;
  margin-left: -3em;
  padding-right: 5px;
  text-align: right;
  background-size: 100% 100%;
  /* background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); */
  z-index: 2;
}
.ellipsis::after {
  content: "";
  position: relative;
  display: block;
  float: right;
  /* background:#FFF; */
  width: 3em;
  height: 22px;
  margin-top: -22px;
  z-index: 3;
}
.ban_con {
  padding-top: 100px;
}

/*For testing*/
.ellipsis {
  max-width: 500px;
  text-align: justified;
}
.ellipsis-3 {
  max-height: 50px;
}

.ellipsis-5 {
  max-height: 110px;
}
.rounded-circle {
  background: linear-gradient(to right, #ff2000, #ff5000);
}

.color {
  color: #ff2000 !important;
}
.card_text {
  margin-top: 15px;
}

h4 a {
  font-size: 20px;
}

.banner_pad {
  padding-top: 180px;
  padding-bottom: 75px;
  margin-top: -80px;
}

.banner_title {
  padding: 70px 10px;
}
.img_style {
  height: inherit;
  width: inherit;
}
  .fts{
  font-size: 17px !important;
}
article.entry.card{
    height: 100%;
}
article.card .entry-content .badge{
    margin-bottom: 0;
}

.owl-carousel.owl-loading.blog-carousel{
    opacity: 1;
}
.owl-item.active.center{
    text-align: left!important;
}
.blog-carousel .entry-content{
    margin-top: 15px;
}
.blog-carousel .entry-content .more-link{
    margin-top: 0;
    margin-bottom: 10px;
}
.sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    /*background: var(--bs-custom-card-gradient);*/
}
.Categories .card-body{
    padding: 10px;
}

.achievements h3 span strong{
    display: inline-block;
    width: 100%;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}
.achievements h3 span.counter .count{
    font-size: 32px;
}
h1 .typed-cursor{
    color: #fff!important;
}
.achievements div{
    min-height: 100%;
}
.video-bg{
    position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin-top: -80px;
}
video{
    min-width: 100%;
  min-height: 100vh;
  z-index: 1;
}
.video-bg .banner_pad{
    width: 100%;
  height: 100vh;
  position: absolute;
  top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
    padding-top: 350px;
}
.overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(7 8 27 / 50%);
  z-index: 2;
}

.is-expanded-menu .sub-menu-container{
    left: inherit;
    background-color: #150c2f;
}
#header.floating-header+.include-header.contact-page{
    margin-top: -80px;
}
.is-expanded-menu #header.transparent-header+.page-title-parallax.include-header.contact-page .container{
    padding-top: 0;
}
.is-expanded-menu .sub-menu-container .menu-item>.menu-link:hover{
    color: #FF4C00;
}

.client-carousel{
    display: inline-block;
    width: 100%;
    position: relative;
}
.client-carousel .clients{padding-left: 20%;}
.owl_wrapper.client-carousel .owl-item{
  opacity: 0;
  transform: scale(0.6);
  -ms-transform: scale(0.6);
  transition: all .2s;
  -webkit-transform: all .2s;
  z-index: 1;
}
.owl_wrapper.client-carousel .active{opacity: 0.5;}
.owl_wrapper.client-carousel .active.middle_beside{
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  opacity: 0.8;
  margin: 0 -0.5%;
  z-index: 2;
}
.owl_wrapper.client-carousel .active.middle{
  transform: scale(1);
  -ms-transform: scale(1);
  opacity: 1;
  z-index: 3;
}
.owl_wrapper.client-carousel .active.next_to_mid{margin-left: -0.5%;}
.owl_wrapper.client-carousel .active.prev_to_mid{margin-right: -0.5%;}



/*===== Navigation =====*/
.owl_wrapper.client-carousel .prev, .owl_wrapper .next{
  position: absolute;
  left: 100px;
  width: 30px;
  border-radius: 100%;
  text-align: center;
  line-height: 30px;
  color: #fff;
  background: #777;
  cursor: pointer;
  z-index: 5;
  top: 40%;
}
.owl_wrapper.client-carousel .next{left: calc(100% - 100px);}
.no_select{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sub-menu-container .menu-item .feature-box .fbox-icon{
    width: calc(2.5rem + var(--ownz-featured-box-padding-x) * 2);
    height: 2.5rem;
}
.feat .col-lg-6{
    align-self: center;
}
.contact-us .bg-img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 90px 0;
}
.categories-1, .categories-4, .categories-2, .categories-3, .categories-5, .categories-6{
  margin-top: 26%;
}
.categories-1, .categories-3{
  margin-left: 18%;
}
.categories-4, .categories-6{
  margin-left: -18%;
}
.categories-1, .categories-2, .categories-3{
  text-align: right;
}
h1.main__title.fw-bold.text-white{
    font-size: 40px;
}
.stretched #gotoTop{
    bottom: 100px;
}
.is-expanded-menu .sub-menu-container{
    box-shadow: 0px 13px 43px 11px rgb(7 7 7 / 60%);
}

.client-slider .slider {
	position: relative;
	z-index: 200;
	padding: 0 0px;
	margin: 5rem auto;
	max-width:80%;
	width: 100%;
	}

.client-slider .slick-arrow {
		position: absolute;
		top: 50%;
		width: 20px;
		height: 20px;
		line-height: 20px;
		margin-top: -25px;
		border: none;
		background: transparent;
		color: #fff;
		font-family: monospace;
		font-size: 2rem;
		z-index: 300;
		outline: none;
	}

.client-slider .slick-prev {
	left: -10%;
	text-align: left;
	}

.client-slider .slick-next {
	right: 0;
	text-align: right;
	}



.client-slider .item.slick-slide {
	width: 300px;
	height: 300px !important;
	transition: transform .4s;
	position: relative; 
	background: var(--bs-custom-card-gradient);
	border: var(--bs-card-border-width) solid var(--bs-card-border-color);
	--bs-card-border-width: var(--bs-border-width);
	--bs-card-border-color: var(--bs-border-color-translucent);
	}
	

.client-slider .slick-slide:after {
	content:'';
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(45deg, rgb(34 16 66 / 0%), rgb(7 8 27 / 0%));
	transition: transform .4s;
	}

.client-slider .item.slick-slide {
	transform: scale(0.6)  translate(280px);
	}

.client-slider .item.slick-slide.slick-center + .slick-slide {
	transform: scale(0.7) translate(-90px);
	z-index: 10;
	}

.client-slider .item.slick-slide.slick-center + .slick-slide + .item.slick-slide {
	transform: scale(0.6)  translate(-280px);
	z-index: 5;
	}

.client-slider .item.slick-slide.slick-active {
	transform: scale(0.7) translate(90px);
	}

.client-slider .item.slick-slide.slick-center {
	/* margin: 0 -10%; */
	transform: scale(0.9);
	z-index: 30;
	}
.subcontainer{
  width: 85%;
  margin: auto;
  padding-top: 20px;
}
#cookies{
  width: 100%;
  position: fixed;
  bottom: 0;
  color: #fff;
  background: linear-gradient(45deg, rgba(34, 16, 66, 1), rgba(7, 8, 27, 1));
  z-index: 999;
}
.cookies{
  min-height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
.categories-4 .card_text a{
    font-size: 18px;
}
.feature-group-panel {
    padding: 40px 70px 0;
    font-size: 20px;
    margin-bottom: 50px;
}
.menu-open{
    display: block;
}
.primary-menu-trigger{
    margin-right: 5%;
}

/* Responsive */
@media (max-width: 1500px) {
    .video-bg .banner_pad{
        padding-top: 260px;
    }
}
@media (max-width: 1368px) {
    .contact-us .bg-img{
        background-size: contain;
    }
}
@media (max-width: 1272px) {
  .Categories h4 a.text-white{
      font-size: 17px;
  }
}
@media (max-width: 1187px) {
    .Categories h4 a.text-white {
        font-size: 16px;
    }
}
@media (max-width: 1130px) {
    .Categories h4 a.text-white {
        font-size: 15px;
    }
}
@media (max-width: 992px) {
  .Categories .revers{
    display: none;
  }
  .categories-1, .categories-4, .categories-2, .categories-3, .categories-5, .categories-6{
    margin-top: 0;
  }
  .categories-1, .categories-3, .categories-4, .categories-6{
    margin-left: 0;
  }
  .categories-1, .categories-2, .categories-3, .categories-4, .categories-5, .categories-6{
    text-align: center;
    margin: 10px auto;
  }
  .Categories h4 a.text-white {
        font-size: 20px;
    }
  .categories-1 .card_up, .categories-2 .card_up, .categories-3 .card_up, .categories-4 .card_up, .categories-5 .card_up, .categories-6 .card_up{
    margin-bottom: 5px;
  }
  .categories-1 .card_text, .categories-2 .card_text, .categories-3 .card_text, .categories-4 .card_text, .categories-5 .card_text, .categories-6 .card_text{
    margin-top: 0;
  }
}
@media (max-width: 768px) {
   .ab{
    display: none;
   }
    .title_head{
    background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.1);
   }
   .para_left{
    text-align: left;
   }

   .just-text{
    text-align: justify !important;
   }
   
  .banner_pad .row {
    flex-direction: column-reverse;
    align-items: center;
  }

  .banner_pad .row .col-md-6 {
    display: flex;
    justify-content: center;
  }
  
  .banner_pad .row .col-md-6 img {
    max-width: 100%; 
  }
  .banner_title h2 {
    font-size: 35px !important;
    text-align: center;
  }

  .feature-box_1 {
    padding: 10px !important;

    margin: 10px !important;
  }
  .banner_pad {
    padding-top: 30px;
    margin-top: 0;
  }
  .banner_pad h2 {
    font-size: 18px;
  }
  p {
    font-size: 14px;
  }
  h3 {
    font-size: 18px;
  }
  .heading-block h3 {
    font-size: 18px;
  }
  .fbox-content h3 {
    font-size: 18px;
    font-weight: 100 !important;
    text-align: center;
  }
  .fbox-content p {
    text-align: center  ;
  }
  .heading-block h2 {
    font-size: 20px;
  }
  .banner_title {
    padding: 0;
  }
  .video-bg .banner_pad{
      padding-top: 100px;
      height: auto;
  }
  .video-bg .banner_title h1{
      font-size: 24px;
  }
  img {
    height: 200px;
  }
  .feature-box .fbox-image img{
      height: 100px;
  }
  #feats .revers{
      text-align: center;
  }
  .achievements .col{
      flex: 1 0 100%;
      margin-bottom: 30px;
  }
  .img-icon {
    width: 100px;
    height: 100px;
    margin-top: 10px;
    translate: 80%; 
  }
  .heading-block h4 a {
    font-size: 16px;
  }
  .entry .entry-title h3 a {
    font-weight: 100;
  }
  .achievements h3 span.counter .count {
    font-size: 26px;
    }
    .achievements h3 span strong{
        font-size: 18px;
    }
  .card_res {
    padding: 0 10px;
  }
  .card_res div {
    margin-left: 0 !important;
  }
    .revers-img{
        width: 240px;
    }
  .widget_links li {
    font-size: 11px;
  }
  .shadow-sm {
    width: 75%;
    margin: 0 auto;
  }

  /* Services responsive */

  .toggle-header {
    font-size: 14px;
  }

  .breadcrumb li {
    font-size: 12px;
  }

  .faqs h2 {
    font-size: 18px;
  }
  .feat h2 {
    font-size: 18px;
  }
  .toggle-content img {
    height: 100px;
    width: 100px;
  }
   .revers{
    order: -1;
  }
  .contact-us .bg-img{
      padding: 0;
      background-image: none!important;
  }
  .contact-us{
      text-align: center;
  }
  .owl_wrapper.client-carousel .prev{
      left: 20px;
  }
  .owl_wrapper.client-carousel .next {
    left: calc(100% - 50px);
}
.client-carousel .clients {
    padding-left: 16%;
}
  /* Footer */
  .footer-widgets-wrap .fbox-content {
    text-align: center;
  }
}
