/* 
Theme Name: PigeonKey Child Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Theme URI: https://webworldexpertsindia.com/
	Description: Adreno Technologies India Pvt. Ltd. is a Software Services Company headquartered in Chandigarh, India and delivers IT & ITES Solutions to a diverse set of clients in more than 20 countries across the globe.
	Author: Adreno Team
Author URI: https://www.adrenotechnologies.com/
Template:pigeonkey
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags:AdrenoTechnologies, SoftwareDevelopment, ITServices, TechnologySolutions, DigitalTransformation, ApplicationDevelopment, BusinessIntelligence, CloudComputing, ContentManagement,SoftwareTesting,CustomERP,DocumentManagement,SharepointDevelopment
*/

/* Add your custom styles here */
body {
    overflow-wrap: anywhere !important;
	overflow-x: hidden !important;
}


body a {
	text-decoration:none !important;
}

@font-face {
  font-family: 'Cerebri';
  src: url('/fonts/Cerebri-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}


/* Home page blogs css start*/

.blog-card {
    background: #fff;
    border-radius: 0;
    overflow: hidden;
	border:0 ;
   
    transition: transform 0.3s;
}

.blog-card:hover {
    transform: translateY(-5px);
}

.blog-thumb {
    position: relative;
}

.blog-thumb img {
  width: 100% !important;
  height: 246px !important;
  display: block;
  object-fit: cover;

}



.blog-date .day {
    font-size: 16px;
    line-height: 1;
}

.blog-date .month {
    font-size: 12px;
    line-height: 1;
    margin-top: 2px;
}


.blog-content h4 a {
    color: inherit;
    text-decoration: none;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.blog-thumb img {
    width: 100%;
    height: auto;
}
.blog-date {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f66a63;
    color: #fff;
    text-align: center;
    width: 70px;
    height: 70px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: bold;
}
.blog-date .day {
   font-family: Sailors;
font-weight: 400;
font-style: Regular;
font-size: 30px;
leading-trim: NONE;
line-height: 26px;
letter-spacing: 0%;

}
.blog-date .month {
   font-family: Sailors;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 26px;
letter-spacing: 0%;
text-align: center;

}
.blog-content {
    padding: 20px;
}
.blog-content h4 {
  font-family: Sailors;
font-weight: 400;
font-style: Regular;
font-size: 20px;
leading-trim: NONE;
line-height: 30px;
color:#282C80;

}
.blog-content h4 a {
    color: inherit;
    text-decoration: none;
}
.blog-content p {
   font-family: Cerebri !important;
font-weight: 400;
font-style: Regular;
font-size: 14px;
line-height: 18px;
letter-spacing: 0px;
	color:#3A2C25;
	padding-top: 0;

}


/* Home page blogs css end */



/* gallery css start */

.grid {
  
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 200px;
}

.item .overlay-button a span img{
	    width: 20px;
    height: 20px;
}

.gallery_page .grid .item[data-active="true"] a img{
    width: 100% !important;
    height: 408px !important;	
}
	
@media (min-width: 992px) {

	
}


.item a img{
	    width: 300px;
    height: 200px;
    object-fit: cover;
}

.item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item[data-active="true"] {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  z-index: 2;
}




.overlay-button {

	position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #282C805E; display: flex; justify-content: center; align-items: center;
}
.overlay-content{
   display: flex;
   align-items: center;
	background: #FA7268;
	color: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    font-weight: bold;
    border-radius: 0;
    cursor: pointer; 
}
.overlay-button .icon {
       display: flex
;
    margin-right: 8px;
    font-size: 16px;
    align-items: center;
}
.grid .item:last-child {
    position: relative;
}
.see_text{
	padding-top: 4px;
}
.see_all{
	padding: 0;
    margin: 0;
    font-family: 'Cerebri';
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
	color:#fff !important;
	line-height: 24px;
	display: flex;
    align-items: center;
}

@media(max-width:992px){
	.grid {
   
    grid-template-columns: revert;
       grid-auto-rows: 200px !important;
}
	
}


/* gallery css end */


/* timeline css start */

.timeline-item:nth-child(even) {
    flex-direction: row-reverse;
}


.timeline-container {
  position: relative;
  padding: 0 20px;
  max-width: 1000px;
  margin: auto;
}


.odd .flex{
	text-align:start;
	align-items: end;
}
.flex{
	display: flex
;
    flex-direction: column;
    width: 50%;
}

.timeline-item:nth-child(even) {
  flex-direction: row-reverse;
}

.timeline-image {
  width: 50%;
  padding: 0;
}

.timeline-image img {
  width: 100%;

}

.timeline-content {
  width: 100%;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
}

.timeline-year {
  font-size: 22px;
  font-weight: bold;
  color: #1a1a72;
  margin-bottom: 10px;
}

}
@media (max-width: 768px) {
  .timeline-item {
    flex-direction: column;
  }
  .timeline-image,
  .timeline-content {
    width: 100%;
    padding: 10px 0;
    text-align: center;
  }
  .timeline-item::before {
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
  }
}



.timeline-item {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 0;
  gap: 130px;
}
.timeline-item {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 0;
  gap: 130px;
}

.timeline-line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #282C80;
  z-index: 0;
  transform: translateX(-50%);
}

.timeline-line-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #FA7268;
  height: 0;
  transition: height 0.3s linear;
}

.timeline-item::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 21px;
  height: 21px;
  background-color: #282C80;
  border-radius: 50%;
  z-index: 2;
  transition: background-color 0.3s linear, transform 0.3s ease;
}

.timeline-item.active::before {
  background-color: #FA7268;
  transform: translate(-50%, -50%) scale(1.3);
}

.border_bottom_right{
	position:relative;
}

@media(max-width:992px){
	.timeline-item::before {
    width: 14px;
    height: 14px; 
}
	.timeline-item {
 
  gap: 50px;
}	
	.marquee-text {
 
  font-size: 72px !important;
  line-height: 64px !important;
}
	.marquee-wrapper {
 
  height: 69px !important;
}
	.page-content{
		overflow:hidden;
	}
	span.hfe-breadcrumbs-home-icon {
  margin-right: 0 !important;
  align-content: center;
}
	.border_bottom_right::after, .border_bottom_right::before {
/*     display:none; */
}
	.timeline-content {
   
    padding: 0 0 15px 0;
    font-size: 12px;
  
}
	.timeline-container {
  
  padding: 0 15px;
 
}
}


/* timeline css end */

/* FAQ plus / minus css start */

.e-closed {
    width: 84px !important;
    height: 84px !important;
    border-radius: 4px;
    background: #F9D922;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}


.e-opened  {
    width: 84px !important;
    height: 84px !important;
  border-radius: 4px;
 
	    display: flex
;
    align-content: center;
    justify-content: center;
    align-items: center;
 transition: all 0.3s ease-in-out;
}
.e-n-accordion-item-title-text{
	padding-left:40px;
}


@media(max-width:992px){
	.e-n-accordion-item-title-text{
	padding-left:20px;
}
	.e-closed {
          width: 60px !important;
        height: 60px !important;
  
}
	.e-opened {
           width: 60px !important;
        height: 60px !important;
   
}
	
	
}

.border_bottom details {
  position: relative;
}

.border_bottom details::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 94%;
  height: 1px;
  background-color: #DDDDDD; /* apne hisaab se color change kar lena */
}
.border_bottom details:last-child::before {
  content: none; /* last child ke liye border remove */
}

.border_bottom .e-closed {
    width: 55px !important;
    height: 55px !important;
    border-radius: 4px;
    background: #F9D922;
    display: flex
;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: all 0.3sease-in-out;
    padding: 0 0 0 0;
    margin: 0 40px 0 0;
}
.border_bottom .e-n-accordion-item-title{
	    padding: 15px 0;
}
.border_bottom .e-opened {
    width: 55px !important;
    height: 55px !important;
    border-radius: 4px;
    display: flex
;
    align-content: center;
    justify-content: center;
    align-items: center;
      margin: 0 40px 0 0;
}
/* FAQ plus / minus css end */
.after {
  position: relative;
  overflow: hidden; /* important so gradient stays inside */
}
.page-id-2852 .elementor-element-4ff4a43{
	display:none;
}
.career-logo img{
	    width: 100px;
    object-fit: contain;
}
.career-logo{
display:flex;
	    gap: 25px;
}

/* Career List Wrapper */
.career-list {
  display: grid;
     grid-template-columns: repeat(auto-fill, minmax(557px, 0fr));
  gap: 25px;
  margin: 30px 0;
	justify-content: center;
}

@media (max-width: 768px) {
  .career-list {
    display: flex;
    flex-direction: column;
    gap: 20px; /* you can adjust as needed */
    margin: 20px 0;
    align-items: center; /* centers items horizontally */
  }
	
.career-card {
 
  padding: 15px;
 
}
}


/* Career Card */
.career-card {
 
    padding: 30px 30px 0 30px;
  border-radius: 0;
  background: #fff;
  transition: all 0.3s ease;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	position:relative;
}


@media (max-width: 768px) {

	
.career-card {
 
  padding: 15px !important;
 
}

}

.career-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* Title */
.career-card h2 {
  font-family: Sailors;
font-weight: 400;
font-style: Regular;
font-size: 36px;
color:#282C80;
line-height: 40px;
letter-spacing: 0%;

}

@media(max-width:992px){
		.career-card h2 {
    
    font-size: 25px;
    
}
}

/* Description */
.career-card .job-desc {
 margin-bottom: 20px;
    margin-top: 20px;
	
}

/* Contact Info */
.contact-info {
 display:flex;
	justify-content: space-between;
	align-items:center;
	padding-left: 25px;
}



.career-card .contact-info a:hover {
  text-decoration: underline;
}

/* Apply Button */
.career-card .apply-btn {
  display: inline-block;
  background: #FA7268;
  color: #fff !important;
  padding: 14px 30px;
  font-family: Cerebri;
font-weight: 600;
font-size: 12px;
line-height: 100%;
letter-spacing: 1px;
text-transform: uppercase;
  transition: background 0.3s ease;
	    position: absolute;
        bottom: 30px;
    right: 30px;
}


@media(max-width:992px){
	.career-card .apply-btn {
    padding: 11px 16px;
    bottom: 20px;
    right: 16px;
}
}
.career-card .apply-btn:hover {
  background: #282C80;
}
.job-desc ul li{
	font-family:Cerebri;

font-size: 14px;
color:#3A2C25;
line-height: 18px;
letter-spacing: 0px;
padding-bottom: 12px;
}

.job-desc p{
	font-family:Cerebri;

font-size: 14px;
color:#3A2C25;
line-height: 18px;
letter-spacing: 0px;
padding: 0 0 0 19px !important;
}


.information{
	font-family: Cerebri;
font-weight: 700;
font-style: Bold;
font-size: 16px;
line-height: 18px;
color:#282C80;
	padding-left:25px;
	    

}


.telmail{
	font-family: Cerebri;
font-weight: 400;
font-size: 14px !important;
color:#3A2C25 !important;
line-height: 18px;
	text-transform: unset !important;
	text-decoration:underline !important;


}

.flex_icon{
	    display: flex
;
    align-items: center;
    gap: 10px;
}

/* carrer css end */

/* teamms css start */

.team-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 10px;
  margin: 0;
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .team-list {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;

  }
}

.team-card {
  background: #fff;
  text-align: center;
  transition: all 0.3s ease;
}

.team-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.team-image [alt="AriStaffPhoto2"]{
	    object-position: 0 -103px;
}
.team-image img {
 width: 100%;
    height: 240px;
    margin-bottom: 30px;
    object-fit: cover;
}

.team-name {
  font-family: Sailors;
font-weight: 400;
	color:#282C80;
font-size: 26px;
text-align: center;
padding:0 !important;
    margin: 0 !important;
}

.team-designation {
 font-family: Cerebri;
font-weight: 400;
font-size: 14px;
line-height: 18px;
text-align: center;

}

.team-university {
 font-family: Cerebri;
font-weight: 700;
color:#282C80;
font-size: 16px;
line-height: 18px;
text-align: center;
    margin: 15px 0 0 0;
}

.team-subjects {
  font-size: 13px;
  color: #444;
  margin-bottom: 15px;
}
.team-email {
    margin: 30px 0;
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.team-email a {
  font-family: Cerebri;
font-weight: 400;
font-size: 14px;
color:#3A2C25;
line-height: 18px;
letter-spacing: 0px;
text-decoration: underline !important;
}

.team-email a:hover {
  text-decoration: underline;
}


/* Tablet (max 991px) → 2 cards */
@media (max-width: 991px) {
  .team-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile (max 767px) → 1 card */
@media (max-width: 767px) {
  .team-list {
           display: flex
;
        flex-wrap: wrap;
  }

  .team-card {
    width: 100%;
    box-sizing: border-box; /* overflow stop karega */
  }
}





.heading {
 
  display: inline-flex;
  align-items: center;
  gap: 17px; /* text aur line ke beech ka space */
  position: relative;
}


.heading::after {
  content: "";
  display: inline-block;
  width: 40px;   /* line ki length */
  height: 4px;   /* line ki thickness */
  background-color: #FA7268; /* red line */
}


/* Contact form 7 css start  */



/* Common Row */
.custom-form .form-row {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

/* 3-column row */
.custom-form .form-row.three-col input {
  flex: 1; /* sab equal width lenge */
}

/* Full width row (message box) */
.custom-form .form-row.full {
  flex-direction: column;
}

/* Inputs & textarea */
.custom-form input,
.custom-form textarea {
  width: 100%;
  border: none !important;
  background: #EEEFFF; /* halka blue background */
  color: #3A2C25;
	font-family: Cerebri;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
	padding: 20px 20px !important;

}

/* Textarea */
.custom-form textarea {
  min-height: 130px;
  resize: none;
}

/* Submit Button */
.custom-form input[type="submit"] {
 font-family: Cerebri !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 100% !important;
letter-spacing: 1px !important;
text-transform: uppercase;
background: #42BFB3 !important;
	max-width: 186px !important;
	color:#fff !important;
display: inline-flex !important;
  align-items: center !important;

}

.custom-form input[type="submit"]:hover {
  background: #282C80 !important;
}


/* Add SVG icon after text */
.custom-form input[type="submit"]::after {
 content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("https://myprojectdemonstration.com/development1/pigeonkey/wp-content/uploads/2025/08/Arrow-1.png") no-repeat center;
  background-size: contain;
}
/* Focus state */
.custom-form input:focus,
.custom-form textarea:focus,
.custom-form select:focus {
  border-color: #42BFB3;   /* 👈 active/focus color */
  box-shadow: 0 0 0 2px rgba(66, 191, 179, 0.2);
  outline: none;
}


@media(max-width:992px){
	.custom-form .form-row {
  
    flex-direction: column;
}
	
.recent-post-card {
    
    flex-direction: column !important;
				padding:0 10px !important;
}
			
.recent-right {
   
    padding: 28px !important;
    
}		
.recent-left {
    width: 100% !important;
    
}


}

.hfe-breadcrumbs-last .hfe-breadcrumbs-text {
  color: #F9D922 !important;
}

			
	
/* blogs pagination css */



.nv-iframe-embed iframe{
	width:100% !important;

}
.cst_blog_title, .related-blogs h2{
	    font-family: "Sailors", Sans-serif !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 50px !important;
    letter-spacing: 0px;
    color: #282C80 !important;
    padding-top: 30px;
}
.cst_feature{
	width: 100%;
  height: 400px;
  object-fit: cover;
  box-shadow: 0px 0px 10px -8px #000;
}

.related-blogs .blog-card {
  background: #fff;
  border-radius: 0;
  overflow: hidden;
  border: 0;
  transition: transform 0.3s;
  box-shadow: 1px -1px 7px -6px #000;
}
.related-blogs .blog-grid{
	display: flex;
	gap: 10px;
  margin-top: 40px;
}

.blog_info{
	font-weight: 700 !important;
    padding: 0 0 30px 0 !important;
}


.related-blogs .blog-thumb img {
  width: 100% !important;
  height: 240px !important;
  display: block;
  object-fit: cover;
}
.hfe-breadcrumbs-separator-text{
	font-size: 18px !important;
    line-height: 27px !important;
}

/* heighlight heading css start */
.sub_heading{
	background: #F9D922;
    color: #282C80;
    line-height: 50px;
    padding: 0 8px 1px 8px;
}
.main_heading_hightlight{
	background: #F9D922;
    color: #282C80;
    line-height: 70px;
    padding: 0 8px 3px 8px;
}

/* heighlight heading css end */


.hfe-breadcrumbs li:nth-child(3) {
    pointer-events: none;
}
img[src*="TDC-Logo-1024x645.png"] {
    filter: brightness(0) saturate(100%);
}


/* Tour Section start css */

.image-section {
  position: relative;
  overflow: hidden;
}

.bg-image {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
  transition: background-image 0.5s ease;
  z-index: 0; 
  opacity: 1;
/*   background-image: url("https://myprojectdemonstration.com/development1/pigeonkey/wp-content/uploads/2025/09/train-on-island-3-scaled.jpg"); */
}

.grid-container {
  position: relative;
  z-index: 2; 
}

.grid-item {
  position: relative;
  z-index: 3;
}

@media (max-width: 768px) {
  .image-section .bg-image {
    display: none;
  }
	 .hover-content img {
   
    width: 104px !important;
    position: unset !important;
    filter: brightness(0) saturate(100%) invert(14%) sepia(32%) saturate(3116%) hue-rotate(222deg) brightness(92%) contrast(87%);
  }
.grid-item {
    height: auto !important;
    min-height: auto !important;
	box-shadow: -3px 3px 10px 2px #0000001a;
	background: #fff;
	padding: 50px 16px !important;
  }
  
  .grid-item .hover-overlay {
    position: static;   
    backdrop-filter: none; 
    background: #fff;   
    left: 0 !important; 
    transition: none;   
    padding: 20px;
	  color:#000 !important;
  }
  .grid-container {
    flex-direction: column;
    gap: 15px;
    padding: 0 15px;
  }
  
  .grid-item:hover .hover-overlay {
    left: 0;
  }

  
  .grid-item .default-heading {
    display: none;
  }
}

.elementor .elementor-background-video-hosted {

/*     object-position: 0 -135px !important; */
}

/* Tour Section End css  */


.underline_style ul li a{
	text-decoration: underline !important;
    color: #fff !important;
}


/* Livcame css */
.pk-livecam-grid{
	display:grid; 
	grid-template-columns: repeat(1, 1fr); 
	gap:20px;
}
.pk-livecam-item{
      box-shadow: 0px 4px 100px 0px #00000003;
	    border-radius: 0;
	    background: #fff;
}

.pk-livecam-item iframe{
	    border: none;
    overflow: hidden;
    width: 560px;
    height: 415px;
    width: 100% !important;
       border-radius:0 !important;
    aspect-ratio: 1 / 0.56;
    object-fit: cover;
    height: auto !important;
}
.livcam_desc{
	 padding: 0 30px 30px 30px;
    text-align: start;
	font-family: Cerebri;
font-weight: 400;
font-style: Regular;
font-size: 14px;
line-height: 18px;
letter-spacing: 0px;
	color: #3A2C25;


}
   

.livcam_title{
	padding: 15px 0 0 30px;
	  text-align: start;
	font-family: Sailors;
font-weight: 400;
font-style: Regular;
font-size: 25px;
line-height: 100%;
letter-spacing: 0%;
color: #282C80;
}

@media(max-width:992px){
	.pk-livecam-grid{
		display: flex
;
    flex-direction: column;
    gap: 20px;
    padding: 0 10px;
	}
}





/* line animation css*/

	.border_bottom_top{
		 position: relative;
  display: inline-block;
	}
	
	.border_bottom_top::after,
.border_bottom_top::before {
  content: "";
  position: absolute;
  background-color: #f26b5f; /* color from your image */
	    top: -9px !important;
    left: -9px !important;
}
	.border_bottom_top::after {
  height: 4px;  /* thickness */
 width: 57px;  /* horizontal line length */
  top: 0;
  left: 0;
}	
.border_bottom_top::before {
  width: 4px;   /* thickness */
  height: 57px; /* vertical line length */
  top: 0;
  left: 0;
}	
	.museum_border_bottom_left{
		 position: relative;
  display: inline-block;
	}
	.museum_border_bottom_right {
  position: relative;
  display: inline-block;
}
.museum_border_bottom_left::after,
.museum_border_bottom_left::before {
  content: "";
  position: absolute;
     background-color: #f26b5f;
    bottom: 1px !important;
    left: 0 !important;
}
.museum_border_bottom_left::after {
  height: 4px;  /* thickness */
 width: 57px;  /* horizontal line length */
  bottom: 0;
  left: 0;
}	
.museum_border_bottom_left::before {
  width: 4px;   /* thickness */
  height: 57px; /* vertical line length */
  bottom: 0;
  left: 0;
}	
.museum_border_bottom_right::after,
.museum_border_bottom_right::before {
  content: "";
  position: absolute;
 background-color: #f26b5f;
    top: 0 !important;
    right: -0 !important;
}

.museum_border_bottom_right::after {
  height: 4px;  /* thickness */
 width: 57px;  /* horizontal line length */
  bottom: 0;
  right: 0;
}

.museum_border_bottom_right::before {
  width: 4px;   /* thickness */
  height: 57px; /* vertical line length */
  bottom: 0;
  right: 0;
}


.job-desc p{
 line-height: 38px !important;
	
	color:#282C80 !important;
}

.job-desc ul{
	    padding: 0 0 0 19px;
}


@media(max-width:992px){
	.camp_logo{
		max-width: 10% !important; 
	}
	.item a img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
	
}


.pigin_key {
  position: relative; /* ::after ko absolute positioning ke liye parent relative hona chahiye */
}

.pigin_key::after{
  content: "";
  position: absolute;
  right: 75px;     
  top: 0;      
  width: 80px; 
  height: 80px;
  background-image: url("https://pigeonkey.net/new/wp-content/uploads/2025/10/Frame.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; 
  pointer-events: none;     
  z-index: 2;           
}



@media (max-width: 768px) {
  .grid-item {
    position: relative;
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    overflow: hidden;
  }

  .grid-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4); /* dark overlay */
    transition: background 0.3s ease;
	    z-index: -1;
  }

  .grid-item:hover::before {
    background: rgba(0, 0, 0, 0.6); /* hover effect */
	
  }


  .grid-item h3 {
    position: absolute;
    z-index: 1;
    color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2rem;
    text-align: center;
  }
	.hover-content {
        color: #fff;
    }
	    .grid-item .hover-overlay {
        background: transparent;
    }
	.hover-content p img{
 filter: brightness(0) invert(1);
		        width: 18% !important;
        position: absolute !important;
        top: 54%;
	}
	
	.mobile_caro .swiper-wrapper {

    align-items: center;
}
	
	    .grid-item {
        height: 300px !important;
    }
	.cst_blog_title, .blog_info, .prose, .related-blogs{
		padding: 10px 20px !important;
	}
	.related-blogs .blog-grid{
		flex-direction: column !important;
 gap: 36px !important;
	}
		.pigin_icon .elementor-icon-box-icon {
right: 17px;
    top: -24px;
}
	.pigin_key::after {
  content: "";
  position: absolute;
  right: 0 !important;
  top: 24px !important;
  width: 55px !important;
  height: 65px !important;
 
}
}







@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .hover-content p img {
       
                           top: 6% !important;
        width: 21% !important;
    }
	    .grid-container {
        flex-direction: row !important;
    }
	.hover-overlay{
		display: flex
;
		padding:0 !important;
/*     align-items: center !important; */
	}
	.hover-content {
    text-align: left;
    padding: 0 !important;
}
	.grid-container{
		padding-bottom: 70px;
	}
	.pigin_key::after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  width: 80p	
	}
}


.logo-slider .swiper-wrapper {
  transition-timing-function: linear !important;
  animation-timing-function: linear !important;

}

.svg_icon .elementor-icon{
	    padding-top: 9px;
}

.svg_icon .elementor-widget-icon-box .elementor-icon-box-icon {
   
    line-height: 0 !important;
}


ul.sub-menu:has(> #menu-item-3591),ul.sub-menu:has(> #menu-item-54240)  {
margin-top:0 !important
}


.prev a, .next a{
	justify-content: center;
  align-items: center;
  display: flex !important;
}