/*
 Theme Name: Astra Child
 Theme URI: https://example.com
 Description: Astra Child Theme
 Author: Circuit Story
 Template: astra
 Version: 1.0.0
*/
/*----------------------------------------*/
/*  6.1 Footer Style 1
/*----------------------------------------*/

/*===---child tab hide css===---*/
.portfolio-child-tabs .child-tab[data-filter="21"],
.portfolio-child-tabs .child-tab[data-filter="19"],
.portfolio-child-tabs .child-tab[data-filter="22"],
.portfolio-child-tabs .child-tab[data-filter="34"],
.portfolio-child-tabs .child-tab[data-filter="30"],
.portfolio-child-tabs .child-tab[data-filter="28"],
.portfolio-child-tabs .child-tab[data-filter="27"],
.portfolio-child-tabs .child-tab[data-filter="18"],
.portfolio-child-tabs .child-tab[data-filter="46"],
.portfolio-child-tabs .child-tab[data-filter="51"],
.portfolio-child-tabs .child-tab[data-filter="57"],
.portfolio-child-tabs .child-tab[data-filter="58"],
.portfolio-child-tabs .child-tab[data-filter="56"],
.portfolio-child-tabs .child-tab[data-filter="59"]

{display: none;}



a.portfolio-website-btn {
    color: #ffffff;
    padding: 3px 24px;
    border-radius: 10px;
    margin-top: 14px;
    display: inline-block;
    font-weight: 400;
    background: #652d90;
}

.footer-left .elementor-icon-list-text span {
    font-size: 20px;
    padding-right: 30px;
}




.ftr-hello a {
    border-bottom: 1px solid #838080;
    display: inline-block;
    width: auto !important;
}


.tax-portfolio_category .ast-container {
    max-width: 100%;
}

.portfolio-loadmore-wrap {
    text-align: center;
    margin-top: 80px;
}

.portfolio-loadmore-wrap .portfolio-loadmore-btn {
    background: #652d90;
}

/*===== animation our work ====*/
.down-arrow-icon {
  display: inline-block;
  animation: smoothBounce 2s infinite;
}

@keyframes smoothBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
}


/* ===== GLIGHTBOX TOP BAR FIX ===== */
.glightbox-container .gclose {
  display: inline-flex !important;
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0,0,0,0.65) !important;
  border-radius: 50% !important;
  z-index: 1000000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  overflow: hidden !important; 
}

.glightbox-container .gclose svg {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  fill: #ffffff !important;
  color: #ffffff !important;
  display: block !important;
}



/*====light box */
.video-thumb .play-btn img {
    height: auto;
    width: auto;
}
.video-thumb {
  position: relative;
}

.video-thumb .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 38px;
    color: #fff;
    pointer-events: none;
    background: #652d90c9;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #c9c6cb8c;
}

.glightbox-prev,
.glightbox-next {
  display: flex !important;
  opacity: 1 !important;
  z-index: 999999 !important;
}





/*=====================================*/
/* portfolio categries parent css
/*=====================================*/

.portfolio-card h4.portfolio-title {
    text-align: center;
    margin-top: 12px;
    font-weight: 100;
	text-transform: uppercase;
	
}
.portfolio-child-tabs span.tab-title {
    text-transform: capitalize;
}

.archive .ast-container {
    flex-direction: column;
}
h1.parent-category-name {
    color: #2ac4f4;
    text-transform: uppercase;
}



.portfolio-child-tabs .tab-image img {
    max-width: 50px;
}
.parent-description {
    color: #ffffff;
    font-size: 50px;
    padding: 30px 0px;
    margin: 0 auto;
    line-height: 1.2;
	font-family:agency,sans-serif;
}

.portfolio-card h3 {
    text-align: center;
    font-size: 23px;
    padding-top: 20px;
	color: #333333;
}
a.category-action-btn i {
    padding-left: 5px;
}
.parent-extra-content p {
    font-size: 18px;
    color: #dddddd;
}
section.parent-category-section {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    max-width: 100vw;
    padding: 100px 20px;
    box-sizing: border-box;
    text-align: center;
    padding-top: 140px;
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 0;
}
a.category-action-btn {
    background-image: linear-gradient(45deg, #2ac4f4, #00000052);
    padding: 14px 38px;
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #ffffffb8;
    color: #ffffff;
    font-weight: 600;
    box-shadow: 4px 4px 0px #2c1e3e;
}
section.parent-category-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(#14071e, #04090e26);
    z-index: 55555;
}

.parent-category-section .parent-category-name, .parent-category-section .parent-description, .parent-category-section .parent-extra-content, .parent-category-section .category-action-btn {
    position: relative;
    z-index: 55555;
}
.portfolio-card {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 8px;
    flex: 0 0 24%;
    border-radius: 10px;
    box-shadow: 1px 3px 0px #00000042;
    margin-top: 20px;
    position: relative;
}
.portfolio-card .portfolio-cats {
    position: absolute;
    top: 15px;
    background: #ffffff;
    color: #000000;
    padding: 1px 22px;
    margin: 0 auto;
    border-radius: 10px;
    left: 20px;
    font-size: 13px;
    box-shadow: 0px 2px 2px #00000080;
}
.video-bg-wrap video {
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    max-width: 100vw;
    box-sizing: border-box;
    z-index: 0;
    width: 100vw;
    top: 0;
    position: absolute;
    object-fit: cover;
    height: 100%;
}


section.portfolio-taxonomy {
    margin-top: 20px;
}
.portfolio-card video {
    max-width: 100%;
    height: 344px;
    width: 100%;
    object-fit: cover;
}
.portfolio-child-tabs button.active, .portfolio-child-tabs button:hover {
    border-bottom: 2px solid #652d90;
    background: #652d90;
    color: #ffffff;
	border-color:#652d90;
}
.child-tab:hover .tab-image img, .child-tab.active .tab-image img {
    filter: brightness(0) invert(1);
}
.portfolio-child-tabs {
    background: #ffffff;
    border-radius: 10px;
    justify-content: center;
    margin: -44px auto 52px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 6px 1px #0000003d;
    display: flex;
    flex-wrap: wrap;
}
.portfolio-child-tabs button {
    background: #ffffff;
    color: #000000;
    border-right: 1px solid  #ebe8e8;
	border-radius: 0;
    font-weight: 500;
    padding: 19px;
	flex: 0 0 33%;
   border-bottom: 1px solid  #ebe8e8;
	
}

@media (min-width:1200px) {
	.portfolio-child-tabs button {
		flex: 0 0 120px;
	}
	
}
@media (min-width:1400px) {
	.portfolio-child-tabs button {
		flex: 0 0 140px;
	}
	
}



.portfolio-child-tabs .tab-image {
    max-width: 64px;
    margin: 0 auto;
}

.portfolio-grid {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
	justify-content:center;
}

.portfolio-card img {
	    width: 100%;
    border-radius: 6px;
    height:30vh;
    object-fit: cover;
}

/*--================our brands===========-*/

.brands-wrap{
  overflow:hidden;
}

/* parent rows */
.our-brands-1,
.our-brands-2{
  overflow:hidden;
  width:100%;
  margin-bottom:20px;
}

/* moving track */
.brands-track{
  display:flex;
  gap:50px;
  width:max-content;
}

/* logo item */
.bd-brand-item{
  flex:0 0 auto;
}

.bd-brand-item img{
  height:100px;
  width:auto;
  opacity:.95;
  transition:.3s;
}

.bd-brand-item img:hover{
  opacity:1;
  transform:scale(1.05);
}

/* animations */
.our-brands-1 .brands-track{
  animation: marqueeLeft 30s linear infinite;
}

.our-brands-2 .brands-track{
  animation: marqueeRight 30s linear infinite;
}

/* keyframes */
 @keyframes marqueeLeft{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

@keyframes marqueeRight{
  from{ transform:translateX(-50%); }
  to{ transform:translateX(0); }
} 



@media (max-width:754px) {
	body .portfolio-grid {
        gap: 10px;
    }
	body .portfolio-card {
        flex: 0 0 49%;
    }
}

@media (max-width:1200px) {
	h1.parent-category-name {
    font-size: 35px;
}
	.parent-description {
    font-size: 26px;
   }
	.portfolio-card h4.portfolio-title {
    font-size: 15px;
}
	
/* 	.portfolio-child-tabs {
	justify-content: space-around;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
} */
.portfolio-grid {
    gap: 14px;
}
.portfolio-card {
    padding: 8px;
    flex: 0 0 32%;
}
	.portfolio-card img {
    height: auto;
    object-fit: cover;
}
	.portfolio-child-tabs button {
		padding:10px;
	}	
	
}
@media (max-width:553px) {
	body .portfolio-grid {
        gap: 16px !important;
    }
	    body .portfolio-card {
        flex: 0 0 48% !important;
    }
}

@media (max-width:478px) {
	    body .portfolio-card {
        flex: 0 0 100% !important;
    }
}

@media (max-width:1024px) {
	body .portfolio-child-tabs .tab-image img {
    max-width: 36px;
}
	body .portfolio-child-tabs .tab-image p {
    margin-bottom: 13px;
}
}


/* .our-brands-1,
.our-brands-2{
  position:relative;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center;
  gap:50px;
  overflow:hidden;
  white-space:nowrap;
}


.bd-brand-item{
  display:inline-flex;
  align-items:center;
}

.bd-brand-item img{
  height:60px;
  width:auto;
  opacity:.95;
  transition:.3s;
}
.bd-brand-item img:hover{
  opacity:1;
  transform:scale(1.05);
}


.our-brands-1{
  animation: brandLeft 25s linear infinite;
}


.our-brands-2{
  animation: brandRight 25s linear infinite;
}


@keyframes brandLeft{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

@keyframes brandRight{
  from{ transform:translateX(-50%); }
  to{ transform:translateX(0); }
} */