/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* 
html,body{
	overflow-x:hidden !important;
} */


/* hover cards with content */
.hover-card:hover{
	    transform: translateY(-6px);

    box-shadow: 0px 12px 30px rgba(0,0,0,0.08);
}

.hover-card:hover .hover-content{
	    transform: scale(1.05) !important;
}

/***** Header CSS *******/

/* header hover underline bold */
.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link:before, .ast-desktop .ast-menu-hover-style-overline > .menu-item > .menu-link:before {
    width:70% !important;
    height: 2px;
   
}

/* .elementor-kit-6 button:hover, .elementor-kit-6 button:focus, .elementor-kit-6 input[type="button"]:hover, .elementor-kit-6 input[type="button"]:focus, .elementor-kit-6 input[type="submit"]:hover, .elementor-kit-6 input[type="submit"]:focus, .elementor-kit-6 .elementor-button:hover, .elementor-kit-6 .elementor-button:focus {
    background-color: transparent;
    color: #FFFFFF;
    background-image: none !important;
    border: none !important;
    border-radius: 5px 5px 5px 5px;
	border-width: 0px 0px 0px 0px  !important;
    border-color: #ffff !important;
	border:none !important;
	
} */

/* toggle button mobile view */
button.ast-menu-toggle,
button.ast-menu-toggle[aria-expanded="true"],
button.ast-menu-toggle[aria-expanded="false"],
button.ast-menu-toggle:hover,
button.ast-menu-toggle:focus,
button.ast-menu-toggle:active {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{
	top:5px !important;
}

.ast-mobile-popup-content .ast-icon svg {
	margin:0px !important;
}

@media (min-width: 1320px) {
	.main-navigation ul {
	gap:20px ;
}
	
}


/* header logo side area */
.ast-builder-layout-element[data-section="title_tagline"] {
    display: flex;
	align-items:center;
    position: absolute;
    top: -32px;
    background-color: white;
    height: 126px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;	
	transform: translatex(-50%, -50%);
		
}
.site-header-section>div:first-child {
    padding: 0 10px;
}

/* @media (max-width: 1200px) {
	.ast-builder-grid-row {
    grid-column-gap: 0px !important;
		
    }
} */

@media (max-width: 921px) {
    .ast-builder-layout-element[data-section="title_tagline"] {
        top: -25px;
		height: 140px;
		padding-top:20px;
    }
	
	.rtmega-menu-area:not(.mobile-menu-area)ul:not(.rtmega-megamenu) .menu-item.menu-item-has-children {
    overflow: hidden !important;
    position: relative !important;
}
	
}

@media (max-width: 512px) {
    .ast-builder-layout-element[data-section="title_tagline"] {
        top: -20px;
		height: 120px;
		padding-top:5px;
    }
}

/* request a quote button header */
header .ast-custom-button{
    background: linear-gradient(0deg, #042D9A 0%, #265BC7 100%) !important;
}
header .ast-custom-button:hover{
    background: linear-gradient(0deg, #265BC7 0%, #042D9A 100%) !important;
}

/* request a quote button header svg */
header .ast-custom-button::after{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    margin-left:8px;
	margin-bottom:4px;
    background: url("https://prelaunchpad.com/ndapl/wp-content/uploads/2026/05/arrow-cta.svg") no-repeat center;
    background-size: contain;
}


/* request a quote button header width */
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
        width: max-content;
}

/* hamburger padding */
.ast-button-wrap .menu-toggle.main-header-menu-toggle {
    padding: .3em;
    
}

/***** Home CSS *******/

span.card-subtitle {
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0%;
}



/* arrow svg inside button */
.elementor-button-icon svg {
    height: auto;
    width: 8px;
}

/* UEAPL page sliding cards */
.UEAPL-sliding-cards .card{
  background-color:#ffff !important;
  width: 100%;
  box-sizing: border-box;
  position: sticky;
}

/* home page sliding cards */
@media (min-width: 1280px){
.container {
  position: relative;
	background-color:#f4f5fa !important;
}

.card {
	background-color:#f4f5fa !important;
  width: 100%;
  box-sizing: border-box;
  position: sticky;
  
}

.one {
  top: 50px;

}
.two {
  top: 50px;

}
.three {
  top: 50px;

}
.four{
  top: 50px;	
}
.five{
  top: 50px;	
}
.six{
  top: 50px;	
}
}

/* our service icon box bottom border */

.our-service-icon-box{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.our-service-icon-box::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    border-radius: 15px;
    background: linear-gradient(90deg, #0086D9 0%, #FF9500 100%);
}


/*** Responsive CSS ****/

/* Header CSS */
@media(max-width:1200px) and (min-width:1025px){
	header .custom-logo-link img {
		max-width: 145px;
		width: 145px;
	}
	header .main-header-bar-navigation .main-navigation ul li a.menu-link {
		padding: 0 10px !important;
	}
	.ast-grid-right-section>div:first-child{
		display:none;
	}
}

@media(max-width:1024px){
	/* Header CSS */
	body .ast-mobile-popup-drawer .ast-mobile-popup-inner{
	  max-width:100% !important;
	}
}



/***about us page CSS***/

/* Driven by Vision, Defined by Values card border top */
.driven-by-vision-cards{
    border-top: 10px solid transparent;

    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, #003487 0%, #FF9500 100%) border-box;

    box-sizing: border-box;
}
    
/* product table  */
.table-responsive {
/*     width: 100%; */
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch !important;
}

/* Shared Global Class for All System Tables */
.product-spec-table {
    width: max-content;
    border-collapse: separate;
    text-align: left;
    box-sizing: border-box;
    table-layout: fixed;
    margin: 0;
    border-spacing: 0;
    border-radius: 10px !important;
}

.product-spec-table table {
    border-radius: 10px !important;
}

.product-spec-table th {
    background-color: #05193a !important;
    color: #ffffff !important;
    padding: 10px 12px;
    text-transform: uppercase;
}

.product-spec-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #e2e8f0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ===== ONLY FOR 2-COLUMN TABLES ===== */

.product-spec-table:not(.multi-column-table) th:first-child,
.product-spec-table:not(.multi-column-table) td:first-child {
    width: 40%;
    font-weight: 600;
    color: #0f172a;
    background-color: #f8fafc;
}

.product-spec-table:not(.multi-column-table) th:last-child,
.product-spec-table:not(.multi-column-table) td:last-child {
    width: 60%;
}

/* ===== BORDER RADIUS ===== */

.product-spec-table th:first-child {
    border-top-left-radius: 10px;
}

.product-spec-table th:last-child {
    border-top-right-radius: 10px;
}

.product-spec-table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.product-spec-table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

/* ===== MULTI COLUMN TABLES ===== */

.multi-column-table {
/*     width: max-content; */
/*     table-layout: auto;
    min-width: 1000px; */
}

.multi-column-table th,
.multi-column-table td {
    min-width: 150px;
    white-space: nowrap;
}

.multi-column-table th:first-child,
.multi-column-table td:first-child {
    width: auto;
}

/* ===== ZEBRA STRIPES ===== */

.product-spec-table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

/* ===== HOVER EFFECT ===== */

@media (min-width: 1024px) {
    .product-spec-table tbody tr:hover {
        background-color: #f1f5f9;
    }
}

/* contact us page cards*/ 
@media (min-width: 1025px) and (max-width: 1100px) {
    
    .contact-us-address-cards {
        flex-wrap: wrap !important;
    }

    .contact-us-address-cards .contact-us-address-main-cards {
        width: 40% !important;
		flex-grow:1;
    }
	.contact-us-address-cards .contact-us-address-main-cards .elementor-icon-box-wrapper {
    align-items: center !important;
    flex-direction:column;
    gap: 15px;
	text-align:center !important;
   }
	.contact-us-address-cards .contact-us-address-main-cards .contact-us-address-main-cards-cta .elementor-icon-box-wrapper{
		flex-direction:row !important;
	}

}

@media (min-width: 640px) and (max-width: 767px) {
    
    .contact-us-address-cards {
        flex-wrap: wrap !important;
    }

    .contact-us-address-cards .contact-us-address-main-cards {
        width: 40% !important;
    }

}

/* contact-us-timeline-iconbox  CSS*/
.contact-us-timeline-iconbox .iconbox-inlcude .elementor-icon-box-icon{
	position: relative;
}

.contact-us-timeline-iconbox .iconbox-inlcude .elementor-icon-box-icon::after{
	 content: "";

    position: absolute;

    left: 50%;

    top: 100%;

    transform: translateX(-50%);

    width: 2px;

    bottom: -120px;

    border-left: 1px dashed #ffff;
}

/* RANK MATH BREADCRUMB */

.rank-math-breadcrumb p{
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 8px;

    font-size: 16px;

/*     line-height: 140%; */

/*     margin-bottom: 30px; */

    color: #ffffff;
/* 	text-transform: capitalize !important; */
}

.rank-math-breadcrumb a{
    color: #ffffff !important;
/* 	text-transform: capitalize !important; */

    text-decoration: none;

    transition: 0.3s ease;
}

.rank-math-breadcrumb a:hover{
    color: #ffffff !important;
/* 	text-transform: capitalize !important; */
}

.rank-math-breadcrumb .separator{
    color: #ffffff !important;
/* 	text-transform: capitalize !important; */
} 

.rank-math-breadcrumb p,
.rank-math-breadcrumb a,
.rank-math-breadcrumb span{
    text-transform: capitalize !important;
	font-family:Jost, sans-serif !important;
}

/* .rank-math-breadcrumb p::first-letter,
.rank-math-breadcrumb a::first-letter,
.rank-math-breadcrumb span::first-letter{
    text-transform: uppercase;
} */
    

/* ABOUT US PAGE TIMELINE */
.timeline-dot.lit {
    background: #c8922a;
}

.ndapl-timeline {
  position: relative;
/*   background: #0d1b35; */
  padding: 50px 20px;
  font-family: "Sansation", Sans-serif;
	margin:0 auto;
}

/* The grey background track */
.timeline-track {
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  width: 2px;
  height: 85%;
  background: #3a4a60;
  z-index: 0;
}

/* The yellow fill — grows via JS */
.timeline-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: #c8922a;
  transition: height 0.05s linear;
}

.timeline-item {
  display: grid;
  grid-template-columns: 1fr 40px 1fr;
  align-items: center;
  gap: 20px;
  margin-bottom: 120px;
  position: relative;
  z-index: 1;
}

.timeline-year {
  text-align: right;
  font-size: clamp(48px, 6vw, 80px);
  font-weight: 400;
  color: #ffffff;
/*   letter-spacing: -2px; */
}

.timeline-dot {
  width: 14px;
  height: 14px;
  background: #3a4a60;
  border-radius: 50%;
  margin: 0 auto;
  transition: background 0.3s ease;
  flex-shrink: 0;
}

.timeline-dot.active {
  background: #c8922a;
}

.timeline-content {
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  font-weight:400;	
  color: #ffff;
  max-width: 380px;
}

.timeline-content strong {
  color: #ffffff;
  font-weight: 600;
}

@media (max-width:530px){
	.ndapl-timeline {
    position: relative;
    /* background: #0d1b35; */
/*     padding: 80px 0px; */
    font-family: "Sansation", Sans-serif;
    margin: 0 auto;
}

@media (max-width: 530px) {
    .ndapl-timeline {
        position: relative;
        /* background: #0d1b35; */
        padding: 80px 0px !important;
        font-family: "Sansation", Sans-serif;
        margin: 0 auto;
    }
}



	

.timeline-item {
    display: grid;
    grid-template-columns: 1fr 20px 1fr;
    align-items: center;
    gap: 20px;
    margin-bottom: 120px;
    position: relative;
    z-index: 1;
}

.timeline-content {
   
    font-size: 16px;
    line-height: 22px;
    
}	
	
}


/* contact form 7 CSS */

/* FORM WRAPPER*/

.wpcf7{
    width: 100%;
	padding:0;
}

/*ROW*/

.nda-form-row{
    display: flex;

    gap: 20px;

    margin-bottom: 20px;
}

.nda-form-group{
    width: 100%;
}

/* INPUTS */

.nda-form-group input,
.nda-form-group select,
.nda-form-group textarea{
    width: 100%;

    height: 50px;

    border: 1px solid #d9d9d9;

    border-radius: 12px;

    padding: 0 20px;

    font-size: 16px;

	line-height:16px;
	
    font-family: "Jost", sans-serif;

    color: #3f3f3f;

    background: #fff;

    box-sizing: border-box;

    outline: none;

    transition: 0.3s ease;
}

/* .nda-form-group input, .nda-form-group select, .nda-form-group textarea:placeholder{
	color:black !important;
} */

/* TEXTAREA */

.nda-form-group textarea{
    height: 80px;

    padding-top: 20px;

    resize: none;
}

/* FOCUS */

.nda-form-group input:focus,
.nda-form-group select:focus,
.nda-form-group textarea:focus{
    border-color: #0037ff;
}

/* UPLOAD BOX */

.nda-upload-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.nda-upload-label-container{
    flex:1;
}

.nda-custom-upload{
    flex-shrink:0;
}

.nda-custom-upload .wpcf7-form-control-wrap{
    display:inline-block;
    width:100%;
}



/* SUBMIT BUTTON */

.contact-form .custom-file::file-selector-button{
    min-width:180px;
	width:40% !important;
    height:45px;
    padding:0 24px;

    border:1px solid #042D9A;
    border-radius:10px;

    background:#fff;
    color:#042D9A;

    font-family:"Jost",sans-serif;
    font-size:16px;
    font-weight:600;

    cursor:pointer;
    margin-right:15px;

    transition:.3s;
}

.contact-form .custom-file::file-selector-button:hover{
    background:linear-gradient(0deg,#265BC7 0%,#042D9A 100%);
    color:#fff;
}

.wpcf7 input[type=file].wpcf7-form-control {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    padding: 10px !important;
    border-radius: 20px !important;
    shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
    color: var(--ast-form-input-text, #475569);
}

/*
=====================================
ICON INPUT
=====================================
*/

.nda-input-icon{
    position: relative;
}

.nda-field-icon{
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 18px;
    color: #9b9b9b;
    z-index: 2;
    line-height: 1;
}

/*
=====================================
INPUT PADDING
=====================================
*/

.nda-input-icon input,
.nda-input-icon select{
    padding-left: 45px !important;
}

/*
=====================================
TEXTAREA
=====================================
*/

.nda-textarea-group .nda-field-icon{
/*     top: -5px; */
    
    transform: none;
}

.nda-textarea-group textarea{
     padding-left: 45px !important;
}

/*
=====================================
UPLOAD WRAPPER
=====================================
*/
@media (min-width:1100px){
.nda-upload-wrapper > p{ 
	width:50% !important; 
	margin:0 !important; 
	flex-shrink:0; }
}
	
.nda-upload-wrapper{
     border: 2px dashed #0F32C2;
    border-radius: 12px;
    padding: 14px 20px 9px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 15px !important;
}

/*
=====================================
LABEL CONTAINER
=====================================
*/

.nda-upload-label-container{
    display: flex;

    flex-direction: column;

    gap: 2px;

    flex: 1;
}

/*
=====================================
LABEL
=====================================
*/

.nda-upload-label{
    display: block;

    font-size: 22px;

    font-weight: 600;

    color: #0037ff;

    line-height: 1.2;
}

.nda-upload-text{
    font-size: 15px;

    color: #666;

    margin-bottom: 0;

/*     line-height: 140%; */
}

.nda-upload-label-container .nda-upload-text{
    
/*     line-height: 140%; */
}

/*
=====================================
CUSTOM FILE UPLOAD
=====================================
*/

.nda-custom-upload {
/*     position: relative; */

    display: flex;

    align-items: center;

    justify-content: center;
	
	width:100% !important;

    flex-shrink: 0;
}



/*
=====================================
REMOVE CF7 BR
=====================================
*/

.nda-custom-upload br{
    display: none;
}

/*
=====================================
REAL INPUT
=====================================
*/

/* .nda-hidden-upload{
    position: absolute;

    inset: 0;

    opacity: 0;

    cursor: pointer;

    width: 100%;

    height: 100%;
} */

/*
=====================================
BUTTON
=====================================
*/

/* .nda-upload-btn{
   min-width: 180px;
    height: 45px;
    padding: 0 24px;
  
    color: #042D9A;
    border-radius: 10px;
    border: 1px solid #042D9A;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
 
}

.nda-upload-btn:hover{
    background: linear-gradient(0deg, #265BC7 0%, #042D9A 100%);
	color:white;
} */

/* Industry Page CSS */
.ev-card-container::after{
	background-color: transparent;
    --background-overlay: '';
    background-image: linear-gradient(-90deg, #05193A 0%, #00000000 33%);
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	right:0px;
	
}

/*
=====================================
RESPONSIVE
=====================================
*/

@media(max-width:767px){

    .nda-upload-wrapper{
        flex-direction: column;

        align-items: stretch;
    }

    .nda-upload-label-container{
        text-align: center;
    }

    .nda-custom-upload{
        width: 100%;
    }

    .nda-upload-btn{
        width: 40%;
    }

}

/* contact form 7 inbuilt css */
.wpcf7 form>div, .wpcf7 form>p {
    margin-bottom: 1px;
}

/* RESPONSIVE */

@media(max-width:767px){

/*     .nda-form-row{
        flex-direction: column;
    } */
	
/* 	.nda-custom-upload .wpcf7-form-control-wrap{
		width:1px;
	} */

}

@media(min-width:541px) and (max-width:768px){
	.nda-form-row{
        flex-direction: column;
    }
	.nda-upload-label {
    display: block;
/*     font-size: 22px; */
/*     font-weight: 600; */
    color: #0037ff;
/*     line-height: 1.9; */
	}
/* 	.nda-field-icon {
        margin-top: 1%;
    left: 3%;   
     } */
	
	.nda-form-row {
    display: flex;
    gap: 0px;
    margin-bottom: 20px;
    }
	
	.nda-custom-upload .wpcf7-form-control-wrap {
    width: 0%;
    display: block;
    }
}


@media(max-width:540px){
	.nda-form-row{
        flex-direction: column;
    }
	
	.nda-custom-upload .wpcf7-form-control-wrap {
    width: 0%;
    display: block;
      }
	
	.nda-form-row {
    display: flex;
    gap: 0px;
    margin-bottom: 20px;
    }
	
	.nda-submit-wrapper input[type="submit"]{
		font-size:18px;
		line-height:22px;
	}
}


/* industries page floating cards CSS */
@media(max-width:1200px){

    .ev-card{
        position: static !important;
    }
	.spark-line{
		display:none !important;
	}

}

.ev-card-container{
	position:relative !important;
}

.ev-card{
    position: absolute;
}

/* .ev-card{
    position: relative;
} */

/*
========================
BODY CARD HORIZONTAL LINE
========================
*/

.ev-card.body-right-line::after{

    content: "";

    position: absolute;

    top: 50%;

    left: 100%;

    width: 70px;

    height: 2px;

    background: rgba(255,255,255,0.7);

}

/*
========================
BODY CARD VERTICAL LINE
========================
*/

.ev-card.body-right-line::before{

    content: "";

    position: absolute;

    top: 50%;

    left: calc(100% + 70px);

    width: 2px;

    height: 80px;

    background: rgba(255,255,255,0.7);

}

/*
========================
BODY CARD SPARK DOT
========================
*/

.ev-card.body-right-line.spark-line .elementor-image-box-wrapper{

    position: relative;
}

.ev-card.body-right-line.spark-line .elementor-image-box-wrapper::after{

    content: "";

    position: absolute;

    top: calc(50% + 75px);

    left: calc(100% + 62px);

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #00aaff;

    box-shadow:
        0 0 8px #00aaff,
        0 0 16px #00aaff,
        0 0 30px #00aaff;

    animation: sparkPulse 1.5s infinite ease-in-out;
}

/*
========================
BODY CARD ANIMATION
========================
*/

@keyframes sparkPulse{

    0%{
        transform: scale(0.7);
        opacity: 1;
    }

    50%{
        transform: scale(0.8);
        opacity: 0.7;
    }

    100%{
        transform: scale(0.7);
        opacity: 1;
    }

}

/* 
============================
INTERIOR CARD HORIZONTAL LINE
============================
*/
.ev-card.interior-right-line::after{
	content: "";

    position: absolute;

    top: 50%;

    left: 100%;

    width: 60px;

    height: 2px;

    background: rgba(255,255,255,0.7);
}

/*
========================
INTERIOR CARD VERTICAL LINE
========================
*/

.ev-card.interior-right-line::before{

    content: "";

    position: absolute;

    top: 50%;

    left: calc(100% + 60px);

    width: 2px;

    height: 30px;

    background: rgba(255,255,255,0.7);

}

/*
========================
interior CARD SPARK DOT
========================
*/

.ev-card.interior-right-line.spark-line .elementor-image-box-wrapper{

    position: relative;
}

.ev-card.interior-right-line.spark-line .elementor-image-box-wrapper::after{

    content: "";

    position: absolute;

    top: calc(50% + 20px);

    left: calc(100% + 52px);

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #00aaff;

    box-shadow:
        0 0 8px #00aaff,
        0 0 16px #00aaff,
        0 0 30px #00aaff;

    animation: sparkPulse 1.5s infinite ease-in-out;
}

/*
========================
interior CARD ANIMATION
========================
*/

@keyframes sparkPulse{

    0%{
        transform: scale(0.7);
        opacity: 1;
    }

    50%{
        transform: scale(0.8);
        opacity: 0.7;
    }

    100%{
        transform: scale(0.7);
        opacity: 1;
    }

}



/*
========================
battery CARD HORIZONTAL LINE
========================
*/

.ev-card.battery-right-line::after{

    content: "";

    position: absolute;

    top: 50%;

    left: -20%;

    width: 45px;

    height: 2px;

    background: rgba(255,255,255,0.7);

}

/*
========================
battery CARD VERTICAL LINE
========================
*/

.ev-card.battery-right-line::before{

    content: "";

    position: absolute;

    top: 50%;

    left: calc(-52% + 70px);

    width: 2px;

    height: 40px;

    background: rgba(255,255,255,0.7);

}

/*
========================
battery CARD SPARK DOT
========================
*/

.ev-card.battery-right-line.spark-line .elementor-image-box-wrapper{

    position: relative;
}

.ev-card.battery-right-line.spark-line .elementor-image-box-wrapper::after{

    content: "";

    position: absolute;

    top: calc(30% + 50px);

    left: calc(-51% + 62px);

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #00aaff;

    box-shadow:
        0 0 8px #00aaff,
        0 0 16px #00aaff,
        0 0 30px #00aaff;

    animation: sparkPulse 1.5s infinite ease-in-out;
}

/*
========================
battery CARD ANIMATION
========================
*/

@keyframes sparkPulse{

    0%{
        transform: scale(0.7);
        opacity: 1;
    }

    50%{
        transform: scale(0.8);
        opacity: 0.7;
    }

    100%{
        transform: scale(0.7);
        opacity: 1;
    }

}


/*
========================
ecu CARD HORIZONTAL LINE
========================
*/

.ev-card.ecu-right-line::after{

    content: "";

    position: absolute;

    top: 50%;

    left: -20%;

    width: 45px;

    height: 2px;

    background: rgba(255,255,255,0.7);

}

/*
========================
ecu CARD VERTICAL LINE
========================
*/

.ev-card.ecu-right-line::before{

    content: "";

    position: absolute;

    top: 50%;

    left: calc(-52% + 70px);

    width: 2px;

    height: 40px;

    background: rgba(255,255,255,0.7);

}

/*
========================
ecu CARD SPARK DOT
========================
*/

.ev-card.ecu-right-line.spark-line .elementor-image-box-wrapper{

    position: relative;
}

.ev-card.ecu-right-line.spark-line .elementor-image-box-wrapper::after{

    content: "";

    position: absolute;

    top: calc(30% + 50px);

    left: calc(-51% + 62px);

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #00aaff;

    box-shadow:
        0 0 8px #00aaff,
        0 0 16px #00aaff,
        0 0 30px #00aaff;

    animation: sparkPulse 1.5s infinite ease-in-out;
}

/*
========================
ecu CARD ANIMATION
========================
*/

@keyframes sparkPulse{

    0%{
        transform: scale(0.7);
        opacity: 1;
    }

    50%{
        transform: scale(0.8);
        opacity: 0.7;
    }

    100%{
        transform: scale(0.7);
        opacity: 1;
    }

}


/*
========================
weather CARD HORIZONTAL LINE
========================
*/

.ev-card.weather-right-line::after{

    content: "";

    position: absolute;

    top: 50%;

    left: 100%;

    width: 100px;

    height: 2px;

    background: rgba(255,255,255,0.7);

}

/*
========================
weather CARD VERTICAL LINE
========================
*/

.ev-card.weather-right-line::before{

    content: "";

    position: absolute;

    top: 5%;

    left: calc(100% + 99px);

    width: 2px;

    height: 40px;

    background: rgba(255,255,255,0.7);

}

/*
========================
weather CARD SPARK DOT
========================
*/

.ev-card.weather-right-line.spark-line .elementor-image-box-wrapper{

    position: relative;
}

.ev-card.weather-right-line.spark-line .elementor-image-box-wrapper::after{

    content: "";

    position: absolute;

    top: calc(-3% + 0px);

    left: calc(100% + 90px);

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #00aaff;

    box-shadow:
        0 0 8px #00aaff,
        0 0 16px #00aaff,
        0 0 30px #00aaff;

    animation: sparkPulse 1.5s infinite ease-in-out;
}

/*
========================
weather CARD ANIMATION
========================
*/

@keyframes sparkPulse{

    0%{
        transform: scale(0.7);
        opacity: 1;
    }

    50%{
        transform: scale(0.8);
        opacity: 0.7;
    }

    100%{
        transform: scale(0.7);
        opacity: 1;
    }

}


/*
========================
motor CARD HORIZONTAL LINE
========================
*/

.ev-card.motor-right-line::after{

    content: "";

    position: absolute;

    top: 50%;

    left: 100%;

    width: 110px;

    height: 2px;

    background: rgba(255,255,255,0.7);

}

/*
========================
motor CARD VERTICAL LINE
========================
*/

.ev-card.motor-right-line::before{

    content: "";

    position: absolute;

    top: -73%;

    left: calc(100% + 110px);

    width: 2px;

    height: 110px;

    background: rgba(255,255,255,0.7);

}

/*
========================
motor CARD SPARK DOT
========================
*/

.ev-card.motor-right-line.spark-line .elementor-image-box-wrapper{

    position: relative;
}

.ev-card.motor-right-line.spark-line .elementor-image-box-wrapper::after{

    content: "";

    position: absolute;

    top: calc(-100% - 0px);

    left: calc(100% + 105px);

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #00aaff;

    box-shadow:
        0 0 8px #00aaff,
        0 0 16px #00aaff,
        0 0 30px #00aaff;

    animation: sparkPulse 1.5s infinite ease-in-out;
}

/*
========================
motor CARD ANIMATION
========================
*/

@keyframes sparkPulse{

    0%{
        transform: scale(0.7);
        opacity: 1;
    }

    50%{
        transform: scale(0.8);
        opacity: 0.7;
    }

    100%{
        transform: scale(0.7);
        opacity: 1;
    }

}


/*
========================
headlamps CARD HORIZONTAL LINE
========================
*/

.ev-card.headlamps-right-line::after{

    content: "";

    position: absolute;

    top: 50%;

    left: -55%;

    width: 120px;

    height: 2px;

    background: rgba(255,255,255,0.7);

}

/*
========================
headlamps CARD VERTICAL LINE
========================
*/

.ev-card.headlamps-right-line::before{

    
    content: "";

    position: absolute;

    top: 50%;

    left: calc(-87% + 70px);

    width: 2px;

    height: 2px;

    background: rgba(255,255,255,0.7);

}

/*
========================
headlamps CARD SPARK DOT
========================
*/

.ev-card.headlamps-right-line.spark-line .elementor-image-box-wrapper{

    position: relative;
}

.ev-card.headlamps-right-line.spark-line .elementor-image-box-wrapper::after{

    content: "";

    position: absolute;

    top: calc(0% + 30px);

    left: calc(-87% + 62px);

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #00aaff;

    box-shadow:
        0 0 8px #00aaff,
        0 0 16px #00aaff,
        0 0 30px #00aaff;

    animation: sparkPulse 1.5s infinite ease-in-out;
}

/*
========================
headlamps CARD ANIMATION
========================
*/

@keyframes sparkPulse{

    0%{
        transform: scale(0.7);
        opacity: 1;
    }

    50%{
        transform: scale(0.8);
        opacity: 0.7;
    }

    100%{
        transform: scale(0.7);
        opacity: 1;
    }

}


/*
========================
thermal CARD HORIZONTAL LINE
========================
*/

.ev-card.thermal-right-line::after{

    content: "";

    position: absolute;

    top: 50%;

    left: -55%;

    width: 120px;

    height: 2px;

    background: rgba(255,255,255,0.7);

}

/*
========================
thermal CARD VERTICAL LINE
========================
*/

.ev-card.thermal-right-line::before{
    
    content: "";

    position: absolute;

    top: -42%;

    left: calc(-87% + 70px);

    width: 2px;

    height: 100px;

    background: rgba(255,255,255,0.7);

}

/*
========================
thermal CARD SPARK DOT
========================
*/

.ev-card.thermal-right-line.spark-line .elementor-image-box-wrapper{

    position: relative;
}

.ev-card.thermal-right-line.spark-line .elementor-image-box-wrapper::after{

    content: "";

    position: absolute;

    top: calc(-20% - 30px);

    left: calc(-87% + 62px);

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #00aaff;

    box-shadow:
        0 0 8px #00aaff,
        0 0 16px #00aaff,
        0 0 30px #00aaff;

    animation: sparkPulse 1.5s infinite ease-in-out;
}

/*
========================
thermal CARD ANIMATION
========================
*/

@keyframes sparkPulse{

    0%{
        transform: scale(0.7);
        opacity: 1;
    }

    50%{
        transform: scale(0.8);
        opacity: 0.7;
    }

    100%{
        transform: scale(0.7);
        opacity: 1;
    }

}


/* contact us cards CSS */
@media (min-width: 768px) and (max-width: 1024px) {
   .contact-us-card.elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper {
        align-items: center;
    }
	.contact-us-card.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper {
        flex-direction: column;
        text-align: center;
    }
}

/* footer CSS */
@media (min-width:560px) and (max-width:767px){
	.inner-main-footer{
     flex-direction: row;
    }

     .inner-left-footer{
     width: 40%;
     }

     .inner-right-footer{
     width:40%;
     }
	
	.inner-main-footer.elementor-154 .elementor-element.elementor-element-31bdb79{
		margin-top:20px;
	}
}


/* single prouct page */
.single-product .elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    align-items: start !important;
    display: flex;
    font-size: inherit;
}


/* mega menu */

.rtmega-menu-area .desktop-menu-area ul.rtmega-megamenu .menu-item-has-children .sub-menu{
	border-radius:20px !important;
	border: 1px solid #d1d1d1;
	box-shadow:0px 2px 5px 0px #2323232e;

}



@media (max-width:1024px){
	.rtmega-menu-area .mobile-menu-area ul.rtmega-megamenu .menu-item .submenu-parent-icon {

    display: none;
}
	
	#nav-menu-item-31 .submenu-parent-icon{
	    padding: 10px;
    line-height: 1;
    display: block;
}
}



.ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-color: #05193a;
    border-style: solid;
}

.mega-menu-categories .shortcode-archive-category-card {
    border: 1px solid #d1d1d1;
}

.mega-menu-categories .archive-category-image {
    width: 100%;
    border-bottom: 1px solid #FF9500;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    height: 225px;
}

.mega-menu-categories .archive-category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.4s ease;
    object-position: top;
}

.mega-menu-categories .shortcode-archive-category-card h2 {
    color: black;
    font-size: 18px;
    line-height: 25.2px;
    margin-bottom: 0px !important;
    text-transform: capitalize;
}

/* heading of career */
.career-heading{
    background: linear-gradient(360deg, #001C71 -1.06%, #0035D7 98.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


/* related products */
.pp-post-wrap{
	    transition: .35s !important;
}
.pp-post-wrap:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
}

.pp-post-wrap:hover .pp-post-thumbnail-wrap img{
    transform: scale(1.05) !important;
}

body.single-product .pp-post-grid-item:hover a.pp-post-thumbnail-wrap img,
body.single-product .pp-post-thumbnail-wrap:hover img {
    transform: scale(1.05) !important;

}


/* job listing via shortcode */
.job-apply-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 11px 14px;
    border-radius: 5px;
    /* border: 1px solid #042D9A; */
    background: linear-gradient(0deg, #042D9A 0%, #265BC7 100%) !important;
    color: #ffff;
    font-family: "Jost", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
    transition: all .3s ease;
}

.job-apply-btn:hover{
    background: linear-gradient(0deg, #265BC7 0%, #042D9A 100%) !important;
    color: #fff;
    border-color: #042D9A;
}

.job-apply-btn span{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* layout */
.rp4wp-related-job_listing>ul li.job_listing a, .rp4wp-related-job_listing>ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {

    border: 0;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content:space-between !important;
	align-items:center !important;
    gap: 30px;
    line-height: 1.5em;
    overflow: hidden;
    padding: 1em 1em 1em 2em;
    position: relative;
    text-decoration: none;
	
}

.location{
    justify-self: center;
    text-align: center;
}

.job-apply-btn{
    justify-self: end;
    text-align: right;
}

.rp4wp-related-job_listing>ul li.job_listing a div.position, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {
    float: left;
    line-height: 1.5em;
    padding: 0 0 0 42px;
    width: max-content;
    color: #000000;
	
}

.rp4wp-related-job_listing>ul li.job_listing a div.location, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.location, ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location {
    color: #000000;
    float: left;
    line-height: 1.5em;
    padding: 0 0 0 1em;
    text-align: left;
    width: max-content;
}

.rp4wp-related-job_listing>ul li.job_listing a .meta, .rp4wp-related-job_listing>ul li.no_job_listings_found a .meta, ul.job_listings li.job_listing a .meta, ul.job_listings li.no_job_listings_found a .meta {
    color: #000000;
    float: right;
    line-height: 1.5em;
    list-style: none outside;
    margin: 0;
    padding: 0 0 0 1em;
    text-align: right;
    width: max-content;
}

@media (max-width:767px){
	    ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {
        visibility: visible !important;
    }
	
	    ul.job_listings{
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
    }

    ul.job_listings li.job_listing{
        min-width:700px;
    }
	
	
	.rp4wp-related-job_listing>ul li.job_listing a .meta, .rp4wp-related-job_listing>ul li.no_job_listings_found a .meta, ul.job_listings li.job_listing a .meta, ul.job_listings li.no_job_listings_found a .meta {
    color: #000000;
    float: right;
    line-height: 1.5em;
    list-style: none outside;
    margin: 0;
    padding: 0px 0px 0px 1em;
    text-align: left;
    width: max-content;
}
}

/* job single page template */
.job-type {
	display:none !important;
}

.date-posted{
	display:none !important;
}

.job-manager-application-wrapper .application .application_button, .single_job_listing .application .application_button {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 14px;
    text-align: center;
}

.single_job_listing .meta li,
.single_job_listing .meta li a{
	    color: #000000 !important;
      text-decoration:none;
}

/* job form styling */
/*==========================
FORM WRAPPER
==========================*/

.single-post-job{
	width:60%;
}

@media (max-width:1024px){
	.single-post-job{
	width:80%;
}
}

@media (max-width:590px){
	.single-post-job{
	width:100%;
}
}

/*====================================================
CF7 RESET
====================================================*/

.single-post-job .wpcf7,
.single-post-job .wpcf7 form{
    width:100%;
}

.single-post-job .wpcf7 p{
    margin:0 !important;
    padding:0 !important;
}

.single-post-job .wpcf7 br{
    display:none !important;
}

.single-post-job .wpcf7-form-control-wrap{
    display:block;
    width:100%;
}

/*====================================================
ROWS
====================================================*/

.single-post-job .job-form-row{
    display:flex;
    gap:20px;
    margin-bottom:10px;
}

.single-post-job .job-form-group{
    flex:1;
}

/*====================================================
FIELD WRAPPER
====================================================*/

.single-post-job .input-icon-wrap{
    position:relative;
    margin-bottom:0px;
}

.single-post-job .input-icon-wrap p{
    position:relative;
}

/*====================================================
ICON
====================================================*/

.single-post-job .input-icon{
    position:absolute;
    left:18px;
    top:60px;
    transform:translateY(-40px);
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#9098A8;
    font-size:15px;
    z-index:2;
    pointer-events:none;
}

.single-post-job .textarea-wrap .input-icon{
    top:18px;
    transform:none;
}

/*====================================================
INPUTS
====================================================*/

.single-post-job .wpcf7 input.custom-input,
.single-post-job .wpcf7 textarea.custom-input-textarea{
    width:100%;
    box-sizing:border-box;
    font-family:"Jost",sans-serif;
    border:1px solid #D9DDE8;
    border-radius:12px;
    background:#fff;
    transition:.25s;
    color:#333;
}

.single-post-job .wpcf7 input.custom-input{
    height:54px;
    padding:0 18px 0 48px;
    font-size:15px;
}

.single-post-job .wpcf7 textarea.custom-input-textarea{
    min-height:150px;
    resize:none;
    padding:18px 18px 18px 48px;
    font-size:15px;
}

.single-post-job .wpcf7 input::placeholder,
.single-post-job .wpcf7 textarea::placeholder{
    color:#9BA3B3;
}

.single-post-job .wpcf7 input:focus,
.single-post-job .wpcf7 textarea:focus{
    outline:none;
    border-color:#0F32C2;
    box-shadow:0 0 0 3px rgba(15,50,194,.08);
}

/*====================================================
UPLOAD BOX
====================================================*/

.upload-wrapper{
    border:2px dashed #0F32C2;
    border-radius:14px;
    padding:10px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin:0px 0 10px !important;
}

.upload-left{
    flex:1;
}

.upload-left h4{
    margin:0 0 6px;
    color:#0F32C2;
    font-size:24px;
    font-weight:600;
    font-family:"Jost",sans-serif;
    line-height:30px;
}

.upload-left p{
    margin:0;
    color:#666;
    font-size:15px;
    font-family:"Jost",sans-serif;
}

@media (min-width:768px) and (max-width:1020px){
	.upload-wrapper{
		flex-direction:column !important;
	}
}


/*====================================================
UPLOAD BUTTON
====================================================*/

.custom-file::file-selector-button{
    min-width:180px;
	width:40% !important;
    height:45px;
    padding:0 24px;

    border:1px solid #042D9A;
    border-radius:10px;

    background:#fff;
    color:#042D9A;

    font-family:"Jost",sans-serif;
    font-size:16px;
    font-weight:600;

    cursor:pointer;
    margin-right:15px;

    transition:.3s;
}

.custom-file::file-selector-button:hover{
    background:linear-gradient(0deg,#265BC7 0%,#042D9A 100%);
    color:#fff;
}

.wpcf7 input[type=file].wpcf7-form-control {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    padding: 10px !important;
    border-radius: 20px !important;
    shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
    color: var(--ast-form-input-text, #475569);
}

/* .application_details .upload-btn{
    position: relative;

    min-width: 180px;
    height: 45px;
    padding: 0 24px;

    border: 1px solid #042D9A;
    border-radius: 10px;

    background: #fff;
    color: #042D9A;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    font-family: "Jost", sans-serif;
    font-size: 16px;
    font-weight: 600;

    cursor: pointer !important;
    overflow: hidden;
    flex-shrink: 0;
} */

/*  .application_details .upload-btn:hover{
    background: linear-gradient(0deg, #265BC7 0%, #042D9A 100%);
    color: #fff;
}

.application_details .upload-btn > .wpcf7-form-control-wrap{
    position: absolute;
    inset: 0;
    z-index: 3;
}

.application_details .upload-btn .custom-file{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.application_details .upload-btn > span:last-child{
    position: relative;
    z-index: 2;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    pointer-events: none;
} */

/*====================================================
SUBMIT
====================================================*/

.single-post-job .wpcf7-submit{
    width:100%;
    height:56px;
    border:none;
    border-radius:12px;
    background:linear-gradient(0deg,#042D9A 0%,#265BC7 100%);
    color:#fff;
    font-size:20px;
    font-family:"Jost",sans-serif;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.single-post-job .wpcf7-submit:hover{
    background:linear-gradient(0deg,#265BC7 0%,#042D9A 100%);
}

/*====================================================
ERRORS
====================================================*/

.single-post-job .wpcf7 .wpcf7-not-valid-tip {
    color: #DC2626;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
}

/* .application_details .wpcf7-not-valid-tip{
    margin-top:8px;
    font-size:13px;
}

.application_details .wpcf7-response-output{
    margin-top:20px !important;
} */

/*====================================================
MOBILE
====================================================*/

@media(max-width:767px){
	
.single-post-job .job-form-row {

    margin-bottom: 0px !important;
}

.single-post-job .job-form-row{
    flex-direction:column;
    gap:0;
}

.single-post-job .upload-wrapper{
    flex-direction:column;
    align-items:flex-start;
}

.single-post-job .upload-btn{
    width:100%;
}

.single-post-job .upload-left{
    width:100%;
}

.single-post-job .upload-left h4{
    font-size:24px;
}

.single-post-job .wpcf7-submit{
    font-size:18px;
}

}



/* blog archieve */
.archive .entry-title, .blog .entry-title, .search .entry-title{
	font-size:24px;
	line-height:30px !important;
}


/* submenu */

.rtmega-menu-area .desktop-menu-area ul.rtmega-megamenu .menu-item-has-children .sub-menu.menu-depth-1{
	border-radius:10px !important;
}

.rtmega-menu-area ul.rtmega-megamenu>.menu-item.menu-item-depth-0{
    padding-top: 30px;
    padding-bottom: 30px;
}


.rtmega-menu-area ul.rtmega-megamenu ul.sub-menu .menu-item .menu-link{
	padding: 3px 35px 0px 25px;
}

.rtmega-menu-area .desktop-menu-area ul.rtmega-megamenu .menu-item-has-children .sub-menu:not(.rtmegamenu-contents) {
    width: 250px;
    padding-top: 10px !important;
	padding-bottom:10px !important;
}


/* gallery page */

/* ======================================
   Album Wrapper
====================================== */
.ngg-albumoverview{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px;
    margin:0 !important;
}

.ngg-albumoverview > *{
    width:100% !important;
    margin:0 !important;
    float:none !important;
}

.ngg-albumoverview br{
    display:none;
}

/* ======================================
   Card
====================================== */
.ngg-album{
    width:100% !important;
    margin:0 !important;
    float:none !important;
}

.ngg-albumcontent {
    border: 1px solid #FF9500 !important;
    border-radius: 16px !important;
    overflow: hidden;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
    transition: .3s ease;
    display: flex !important;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.ngg-albumoverview.default-view .ngg-description, .ngg-albumoverview.default-view .ngg-description p {
    display: none !important;
}

/* images of gallery */

/* .elementor-shortcode .ngg-galleryoverview {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    clear: both;
    display: flex !important;
} */

/* Gallery Wrapper */
.elementor-shortcode .ngg-galleryoverview{
    overflow:hidden;
    margin-top:10px;
    width:100%;
    clear:both;

    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px;
    align-items:start;
}

/* Remove NextGEN float layout */
.elementor-shortcode .ngg-galleryoverview > *{
    width:100% !important;
    margin:0 !important;
    float:none !important;
    display:block !important;
}

/* Desktop */
@media (min-width:1025px){
    .elementor-shortcode .ngg-galleryoverview{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

/* Tablet */
@media (max-width:1024px){
    .elementor-shortcode .ngg-galleryoverview{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* Mobile */
@media (max-width:767px){
    .elementor-shortcode .ngg-galleryoverview{
        grid-template-columns:1fr;
    }
}

/* Remove old clearfix */
.elementor-shortcode .ngg-galleryoverview .ngg-clear{
    display:none !important;
}

/* .ngg-albumcontent:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(0,0,0,.08);
} */

/* ======================================
   Image
====================================== */

.ngg-albumoverview.default-view .ngg-thumbnail {
    margin-right: 0px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.ngg-thumbnail{
    margin:0px !important;
}

.ngg-thumbnail a{
    display:block;
}

.ngg-thumbnail img{
    width:100% !important;
    height:220px !important;
    display:block;
    object-fit:cover;
    object-position:center;
    border-radius:12px;
}

/* ======================================
   Title
====================================== */
.ngg-albumtitle{
    margin:5px 0 0 !important;
    padding:0 !important;
}

.ngg-albumtitle a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    color:#2155C1 !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.4;
    text-transform:uppercase;
    text-decoration:none !important;
    min-height:50px;
}

/* ======================================
   Hide Description & Counter
====================================== */
.ngg-description{
    margin:0 !important;
    padding:0 !important;
}

.ngg-album-gallery-image-counter{
    display:none !important;
}

/* ======================================
   Breadcrumbs
====================================== */
ul.ngg-breadcrumbs{
    padding-left:0 !important;
    margin-bottom:30px !important;
}

ul.ngg-breadcrumbs > li{
    font-size:18px !important;
    font-weight:700 !important;
    width:max-content !important;
    color:#8f8f8f !important;
}

ul.ngg-breadcrumbs > li a{
    color:#232323 !important;
    text-decoration:none;
}

.ngg-albumoverview.default-view .ngg-album {
    border: none !important;
    margin-bottom: 15px;
    padding: 0px !important;

}
/* ======================================
   Responsive
====================================== */
@media (max-width:1024px){

    .ngg-albumoverview{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:767px){

    .ngg-albumoverview{
        grid-template-columns:1fr;
    }

    .ngg-thumbnail img{
        height:200px !important;
    }

    .ngg-albumtitle a{
        font-size:16px !important;
    }

}


/* contact us arrow cards animation */
.animated-arrow {
    transition: transform 0.3s ease;
}

.arrow-cards:hover .animated-arrow {
    transform: translateX(6px);
}

.arrow-cards{
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.arrow-cards:hover{
    border-color: #FF9500;
}


/* sticky header */
.site-header.sticky{
    top: 0;
    position: sticky;
    z-index: 10000;
}
.site-header.animate {
    transition: transform .15s ease-out;
}

.site-header.sticky .mega-menu{
    max-height: 80vh;
    overflow-y: auto;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #0F32C2 #f1f1f1;
}

/* Chrome, Edge, Safari */
.mega-menu::-webkit-scrollbar{
    width: 8px;
}

.mega-menu::-webkit-scrollbar-track{
    background: #f3f4f6;
    border-radius: 10px;
}

.mega-menu::-webkit-scrollbar-thumb{
    background: linear-gradient(180deg, #0F32C2, #2F6BFF);
    border-radius: 10px;
    border: 2px solid #f3f4f6;
    transition: background .3s ease;
}

.mega-menu::-webkit-scrollbar-thumb:hover{
    background: linear-gradient(180deg, #0028b8, #0F32C2);
}

.mega-menu::-webkit-scrollbar-corner{
    background: transparent;
}

/* .site-header {
    will-change: transform;
    overflow: hidden;
}
.site-header {
    z-index: 99;
    position: relative;
}
.sticky {
    display: block;
} */


/* yoast seo breadcrumbs */
.ndapl-breadcrumb-separator,
.breadcrumb_last {
    color: white !important;
}