/* ===================================================================================

* Theme Name: webarc-v3 Child
* Theme URI: https://webarc.in/watheme/
* Author: WebArc
* Author URI: https://webarcindia.com
* Description: WebArc - WordPress Theme
* Version: 3.0.0
* Template: webarc
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
.container {
	max-width:1300px;
	width:100%;
}

.cookie-banner {
  position: fixed; bottom: 0; width:50%; left:25%;
  border: 1px dashed var(--tp-border-1);
  background: #14162e; color: #fff; padding: 15px;
  display: flex; justify-content: space-between; align-items: center;
  z-index: 9999; font-size: 14px;
  border-radius: 15px 15px 0 0;
}
@media (max-width:767.98px) {
	.cookie-banner {
		position: fixed; bottom: 0; width:98%; left:1%;
	}
}

.cookie-banner a { color: #4dabf7; }
.cookie-btn { color: #fff;  }

#whatsapp div {
	width:50px;
	height:50px;
    background-image: url(slide/whatsapp.gif);
    background-size: cover;
    background-position: 50% 50%;
	position: fixed;
    bottom: 50px;
    right: 10px;
    z-index: 9997;
}

/* form	start	*/
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=url], textarea {
    outline: none;
    background-color: #EFF0F2;
    height: 44px;
    line-height: 44px; 
    font-size: 16px;
    border: 1px solid #EFF0F2;
    color: var(--tp-common-black);
    padding-left: 5px;
    padding-right: 5px;
}
textarea {height:150px;}
/* Base red asterisk for required fields */
.form-label:has(+ .form-control:required, + .form-select:required)::after {
  content: " *";
  color: #dc3545; /* Bootstrap danger red */
  font-weight: bold;
}

/*	Form end	*/

.order-md-2 img {margin-left:-25px;max-width:calc(100% + 25px);}
.order-md-1 .col {margin-right:25px}
@media (max-width:767.98px) {
	.order-md-2 img {margin-left:0;max-width:100%;}
	.order-md-1 .col {margin-right:0px}
	.alignright {text-align:center;margin-bottom:15px}
}
#h-why li::marker, #scope li::marker, #ideal li::marker {
  content: "\f270"; 
  font-family: "bootstrap-icons";
  font-weight:600;
  font-size: 1rem;
  color: #0E9AAB; 
}
#h-why li, #scope li, #ideal li {
  padding-left: 1rem;
text-align:left;  
}
#h-why ul, #scope ul, #ideal ul {padding-left: .8rem;}
ol li::marker {color:#1BAAC1}

.no-bullets {
  list-style-type: none; /* Removes the bullets */
  padding: 0;            /* Removes default indentation */
  margin: 0;             /* Removes default spacing */
  padding-left:0
}
.no-bullets li {
  padding: 0;            /* Removes default indentation */
  margin: 0;             /* Removes default spacing */
  color: var(--tp-text-body);
  margin-left: -25px;
}

#h-services {
	background:#0B0B0D;
	border-top: 1px dashed var(--tp-border-1);
	border-bottom: 1px dashed var(--tp-border-1);
}

#h-products {
	background:#0F0F0F;
}

#h-services img, #h-products img {transition: transform 0.3s ease-in-out;}
#h-services img:hover, #h-products img:hover {transform: scale(0.9);}
#h-services a:hover, #h-products a:hover {text-decoration:none;}

#call2action a:hover {text-decoration:none}

#call2action .btn i {margin-right:3px;}

#h-services .card h3, #h-products .card h3 {margin-top:15px;}
#h-services .card-img-top, #h-products .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#h-testimonials {position: relative;}
#h-testimonials::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(700px 180px at 50% 110%,rgba(27,108,179,.45),transparent 80%);
}
h3 {color:#15A5B4}

.tp-page-content table tbody td {
    text-align: justify;
}
.table>:not(caption)>*>* {
     color: var(--tp-text-body);
}
.tp-page-content table, .tp-page-content th, .tp-page-content td {
    border: 1px dashed var(--tp-border-1);
}	 

.accordion-button-left {
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 0.75rem;
}

.accordion-button-left::after {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.accordion-header {margin-top:0}

/*	blog styling	*/
.wp-block-latest-posts.wp-block-latest-posts__list li {
    margin-bottom: 10px;
}
.tp-blog-area p {text-align: justify;margin:15px 0}
.sidebar__widget-title, .sidebar__widget .wp-block-group__inner-container h2 {color:#15A5B4; margin-bottom:0px;margin-top:0px}


.postbox__more-icon a {color: var(--tp-text-body);}
.postbox__more-navigation {
margin-top: 20px;
    padding: 0px 0px 25px;
}
.postbox__main-wrapper a {color:#1B6CB3}
.postbox__more-content a {color: #1B6CB3}
.postbox__more-content h4 {margin-top:0px}

.tp-blog-area > ul, .tp-blog-area > ol, .tp-blog-area ul, .tp-blog-area ol, .sidebar__wrapper > ul, .sidebar__wrapper ul {
     padding-left: 0px
}
.tp-blog-area .text-dark {color:white}

.postbox__title {margin-top:0}
.postbox__content {
    background-color: transparent;
    padding: 0px 0px 45px;
}
.footer__widget.widget_recent_entries ul li a {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*	end blog styling	*/

.white-grad {
  background: 
    linear-gradient(#f1f1f1 0 0) padding-box, /*this is your grey background*/
    linear-gradient(to right, #9c20aa, #fb3570) border-box;
  color: #313149;
  padding: 10px;
  border: 2px solid transparent;
  border-radius: 10px;
  display: inline-block;
  margin-bottom:20px;
}
.white-grad  h3 {
	font-size:16px;
	font-weight:600;
	margin:5px 0px;
}	
.white-grad  h3 span {color:#E18C3B;}


#stat {
/*	background-image:url("http://localhost/acube/wp-content/uploads/2026/07/warehouse-nrda1-01-coimbatore-13-1.jpg"), radial-gradient(rgba(0, 0, 0, 1), rgba(255, 255, 0, 0.2));
*/
	background-blend-mode: overlay;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 3rem auto;
    border-radius: 5rem;
    box-shadow: 3px 3px 1px #ccc;
}
#stat .border-right {
    border-right: 1px solid #dee2e6!important;
}
#stat .counter-card p {color:white; font-size:26px; font-weight:700}
#stat .counter-desc {font-size:20px; color:#F9A034;}

#stat1 {
    margin: 3rem auto;
    box-shadow: 3px 3px 1px #ccc;
}
#stat1 .border-right {
    border-right: 3px solid #dee2e6!important;
}
#stat1 .counter-card p {color:black; font-size:26px; font-weight:700}
#stat1 .counter-desc {font-size:20px; color:green;}

@media (max-width: 575.98px) {
  #stat1 .row .col-6:nth-child(2n) {
    border-right: none !important;
  }
  #stat1 .row .col-6:nth-child(n+3) {
    border-top: 3px solid #dee2e6;
  }
}

#peb {
background: radial-gradient(circle,rgba(42, 123, 155, 0.61) 0%, rgba(212, 214, 213, 1) 50%, rgba(241, 241, 241, 1) 100%);
/*		background-image:radial-gradient(rgba(0, 0, 0, 1), rgba(255, 255, 0, 0.2));	*/
	background-blend-mode: overlay;
}
.title-highlight {
    position: relative;
}
.title-highlight svg {
    position: absolute;
    bottom: 6%;
    left: -3%;
    z-index: -1;
    width: 100%;
}

@media (max-width:767.98px) {
	h2 {
		font-size:var(--tp-fz-h3);
	}
}

.header__sticky.header-sticky .logo-border {
    background:none;
}

@keyframes slide{
  from{
    transform:translateX(0) ;
    
  }
  to{
    transform:translateX(-100%) ;
  
  }
}
/* Update this block to position the slides correctly */
.logos {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 200px;
  display: flex; /* 👈 Added to hold the two slides side-by-side */
}


.logos:before,
.logos:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%; /* This is stretching across the whole area */
  height: 200px;
  z-index: 2;
  pointer-events: none; /* 👈 ADD THIS LINE TO FIX THE CLICK */
}




.logos:hover .logos-slide{
  animation-play-state:paused;
}
/* Update this block so the slides line up infinitely */
.logos-slide {
  display: inline-flex; /* 👈 Changed from flex to inline-flex */
  flex-direction: row;
  align-items: center;
  gap: 20px;          
  animation: 20s slide infinite linear;
  flex-shrink: 0; /* 👈 Prevents the slides from squishing */
}
.logos-slide img{
  height:200px;
  margin: 0 5px;
  border-radius:5px;
}

.logos-slide a {
  position: relative !important;
  z-index: 99 !important;
  pointer-events: auto !important;
}


.header__top {
/* background: rgb(237,238,238);
background: radial-gradient(circle, rgba(237,238,238,1) 0%, rgba(214,213,213,1) 100%);  
*/
	background-image: linear-gradient(to bottom, #d8d8d8, #e0e0e0, #e8e8e8, #f1f1f1, #f9f9f9);
}

.header__border {border-bottom: none;}
.mega-menu-column img {display: block;}

.main-menu .active  a, 
.header__sticky.header-sticky.header__sticky-black .main-menu-8 .active a, 
.header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li .submenu .active a, 
.main-menu ul li .submenu .active a {
	color:#1B6CB3;
}

.main-menu ul li .mega-menu {    padding: 10px 20px;}
.header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li .submenu, .main-menu ul li .submenu {    min-width: 300px; padding: 15px 10px 10px 0; border-radius: 0 0px 20px 20px; background: #424444;    border: 1px dashed var(--tp-border)}
.main-menu ul li .submenu li a {color:white;}

.offcanvas__area-1 .mean-container .mean-nav ul li a:hover {    background: #F1F1F1;}
.header__white-solid .logo-border::after {background-color: transparent;}

.header__social-10 ul li a {    color: rgba(245, 116, 116, 0.7); width:34px;}
.header__social-10 ul li a :hover {    color: rgba(0, 128, 0, 0.7);}

.header__white-solid .header__info ul li::after {    background-color: #ffffff;}

.back-to-top-wrapper.back-to-top-btn-show {bottom: 5px;}
.back-to-top-wrapper {right: 10px;}

h1, h2, h3, h4, h5, h6 {margin-top: 20px;}

.breadcrumb__style-10 .breadcrumb__title, .breadcrumb__title {
    margin-bottom: 0;
    font-size: 30px;
}
.breadcrumb__content p {
    font-size: 20px;
	margin-top:5px;
    line-height: 1.3;
    color: #d5d4d1;
}
.breadcrumb__subtitle {color:white;font-size:13px}


.wp-block-column p {text-align:justify}
.wa__popup_powered {display:none;}

.wave {
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  bottom: -25px;
}
.breadcrumb__bg-overlay::after {
	background-image: radial-gradient(rgba(0, 0, 0, .7), rgba(255, 255, 0, 0.1));
}

.breadcrumb__title {
    color: rgba(237, 194, 21, 0.6);
}

.tp-page-content strong {
	font-weight:600;
	font-family: var(--tp-ff-roboto);
	color:var(--tp-text-12);
}
.strong {font-weight:700; font-family: var(--tp-ff-roboto)}
.tp-page-content a {color:#175398;text-decoration:none;}
.tp-page-content a:hover {text-decoration:none;}

.tp-page-content {
	background:url("https://infinityinfrastructure.net/wp-content/uploads/2026/bg3.webp") left bottom / contain no-repeat;
	text-align: justify;
	font-size:16px;
	
}
.size-full {border-radius:7px}
.tp-page-content table td.bg-td {
	background-color: #ddd;
}


.disable {
   pointer-events: none;
   cursor: default;
}

.footer__top {
    padding-top: 20px;
    padding-bottom: 5px;
    z-index: 1;
	border-bottom: 1px dashed var(--tp-border-1);
}
.textwidget h4 {color:#EBEBEB; border-bottom:1px solid}
.footer__top  ul li {font-size:14px;border-bottom:1px dashed var(--tp-border-3)}
.footer__top  ul li:first-child {border-top:1px dashed var(--tp-border-3)}
.footer__top li a:hover {color:white;}

.footer__bottom-inner {    border-top: none;}
.footer__top  p {font-size: 14px;}
.footer__widget-title {
    font-size: 16px;
    margin-bottom: 5px;
}

/* Custom class for the list */
.footer__widget ul {
  list-style-position: outside;
}

.footer__widget ul li {margin-bottom:5px; display: list-item;}
.footer__widget ul li a {
  padding-left: 1.5rem; display: inline-block;
}

.footer__widget ul li a::after {
  font-family: "bootstrap-icons"; 
  content: "\f26f"; 
  top: 0;
  color: #0d6efd;
width:0px; height:0px; 
}



/*	Home Page Slide	*/
#homeSlide {
	height: calc(100vh - 5px); 
	color:white;
	background-size: cover; /* Forces the full image to fit the container */
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
  background-image: url(slide/slide-bg-all.webp);
}

#homeSlide .carousel-item .container {padding-top:60px;}
#homeSlide .carousel, #homeSlide .carousel-item, #homeSlide .carousel-item .container, #homeSlide .carousel-item .container .row, #homeSlide .active, #homeSlide .carousel-inner  {  height: 100%;}

#homeSlide .carousel-fade .active.carousel-item-start,
#homeSlide .carousel-fade .active.carousel-item-end {
  transition: opacity 0s 3s;
}

/****************************
USE BACKGROUND IMAGES IN CAROUSEL SLIDER
*****************************/
.carousel-bg .carousel-inner .carousel-item {
  background-size: cover; /* Forces the full image to fit the container */
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
  background-image: radial-gradient(rgba(0, 0, 0, .8), rgba(255, 255, 0, 0.1));
}
.carousel-indicators [data-bs-target] {background-color:#B77F16}
/*
.carousel-bg .carousel-inner .carousel-item {
  background-size: cover;
  background-position: center;
  opacity: 0.8;
}
*/
/*
.carousel-bg .carousel-inner #c01 {background-image: radial-gradient(rgba(0, 0, 0, .8), rgba(255, 255, 0, 0.1));}
.carousel-bg .carousel-inner #c02 {background-image:  radial-gradient(rgba(0, 0, 0, .8), rgba(255, 255, 0, 0.1));}
.carousel-bg .carousel-inner #c03 {background-image:  radial-gradient(rgba(0, 0, 0, .8), rgba(255, 255, 0, 0.1));}
*/
.carousel-top {
    position: absolute;
    right: 0;
    top: 60px;
    left: 0;
    z-index: 2;
    justify-content: center;
    padding: 0;
	
}
.carousel-top h1, .carousel-top  p  {color:white;}
.carousel-top i {margin:0 10px; color:#EF9237}
.carousel-bottom {
    position: absolute;
    right: 0;
    bottom: -25px;
    left: 0;
    z-index: 3;
    justify-content: center;
    padding: 0;
}
.carousel-bottom i {font-weight:700; color:#EF9237}

.carousel-bottom div div div div {
    background: rgb(0 0 0 / .6);
    padding: 0 20px 10px;
    margin-bottom: 10px;
    border-radius: 9px;
}	
.carousel-bottom h1 {background: linear-gradient(white, #706b6b);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size:30px;
 }

/*
.header__white-solid .logo-border {
    padding: 12px;
    background-color: rgba(255, 255, 255, .9);
	border-radius:5px;
}
*/
.header__sticky.header-sticky .logo-border:after, .logo-border:after {background-color: transparent;}
.txtCol, .imgCol {height:100%; transition: transform 4s ease, opacity 2s ease-out}
.imgCol img {border-radius: 5px}
.txtCol p, .txtCol li {color:#a0a0a3}
/*
.txtCol h2, .breadcrumb__style-10 .breadcrumb__title, .breadcrumb__title {background: linear-gradient(white, #706b6b);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}
*/
.breadcrumb__style-10 .breadcrumb__title {line-height: normal;}

.txtCol .txtBG {background: rgba(0, 0, 0, 0.8); padding:0px 20px 10px;margin-bottom:10px; border-radius:9px;}
.txtBG h2, h2 {  
	background: linear-gradient(92deg, #1A6CB3 0%, #1BB6C4 20%,#0E9AAB 40%, #0E9AAB 60%, #0B737E 80%,#B77F16 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size:24px;
  margin-top:0px;
  /* Shrink the H2 box to the width of its text */
  display: inline-block; 
  
  /* Align the text inside the H2 to the left when it wraps */
  text-align: left; 
}
.txtBG h2 {}
.txtCol ul {
	margin-left:10px;
	list-style: none; /* Remove default bullet points */
	padding-left: 0; /* Remove default left padding */
}

.txtCol ul li {
  position: relative; /* For positioning the checkmark */
  padding-left: 1.5em; /* Create space for the checkmark */
  font-size:16px;
}

.txtCol ul li::before {
  content: '\2713'; /* Unicode checkmark character (✓) */
  color: #1C76BB; /* Adjust color as needed */
  position: absolute;
  left: 0;
  top: 0;
  font-weight:900;
  font-size:18px
}


h2 span {color:#F38B2A;}
.imgCol .img-fluid {max-height: 100%;}
#homeSlide .imgCol img {
  background-color: rgba(187, 179, 179, .4); /* Your red tint color */
  mix-blend-mode: multiply; /* Blends the color directly into the image graphics */
}


@media (max-width: 768px) {
	.txtCol, .imgCol {height:50%}
	#homeSlide {height: calc(100vh - 15px);}
	.txtCol ul li, .txtCol p {  font-size:14px; line-height:1.5}
	.txtBG h2 {font-size:18px;}
}

#homeSlide .carousel-item {
   transition: transform 2s ease, opacity 1s ease-out;
 }

.tp-page-area a:hover {text-decoration: underline;}

:root { 
	--main-color: #0d8026;
}

.justify-image{ text-align: center;width:100%; margin-top:20px}
.justify-image img{display:inline-block; margin:10px 10px}
.justify-image:after{content:""; display: inline-block; width: 100%; height: 0;}

.footer__bottom {    background-color: rgba(28,28,28,.7);}

.header__white-solid .main-menu ul li a {
    color: #e0e1e3;
}
.header__white-solid .main-menu ul li a:hover {
    color: #1C76BB;
}
.header__white-solid-2 {
    background-color: rgba(28,28,28,.1);
}
/*	Page CSS	*/
.txtTop {font-size:18px;font-weight:700; color:#1C76BB}
.txtTop span { padding:10px;border-radius:5px}
.txtH2, .txtContact {font-size:20px}

#ul1, #ul2, #ul3 {
	margin-left:0px;
	list-style: none; /* Remove default bullet points */
	padding-left: 0; /* Remove default left padding */
}

#ul1 li, #ul2 li, #ul3 li {
  position: relative; /* For positioning the checkmark */
  padding-left: 1.5em; /* Create space for the checkmark */
}

#ul1 li::before, #ul2 li::before {
  content: '→'; /* Unicode checkmark character (✓) */
  color: green; /* Adjust color as needed */
  position: absolute;
  left: 0;
  top: 0;
}
#ul2 li::before {
  content: '✓'; /* Unicode checkmark character (✓) */
}
#ul1 li strong, #ul2 li strong {color: var(--tp-text-body);}
.alert {font-size:14px}




/*	for Blog	*/
.include-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
/*	background-color: rgba(34, 34, 34, .9);	*/
	background-image:url(banner/blog-content.jpg);
/*	, radial-gradient(rgba(0, 0, 0, 1), rgba(255, 255, 0, 0.2));	*/
	background-blend-mode: overlay;
}

.footer__social-9 a {
	border-radius:50%; 
	background-color: rgb(255 255 255 / 70%);
	width: 35px;
    height: 35px;
    line-height: 35px;
}


.homeDiv h1 {
  padding-top:20px;
  font-size: 40px;
  width: 100%;
  text-align:center;
  background-color: #565656;
  color: transparent;
  text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}
.homeDiv {
   margin-top:-20px;
   border-bottom-left-radius: 50px;
   border-bottom-right-radius: 50px;
  display: inline-block;
/*
box-shadow: 
    0 10px 20px rgba(0, 0, 0, 0.3), /* Bottom shadow 
    10px 0 20px rgba(0, 0, 0, 0.1), /* Right shadow 
    -10px 0 20px rgba(0, 0, 0, 0.1); /* Left shadow 
  box-shadow: 3px 4px 5px 6px #c7c7c7;	*/
  padding:0px 35px 5px;
}

.tp-page-content .alert ul {
    margin-bottom: 5px;
}

.postbox__details-content-wrapper table th {font-weight: 600;}
.postbox__details-content-wrapper table th .leftTh, .postbox__details-content-wrapper table tbody td {text-align: left;}

.footer__top hr {margin:5px 0}

.dropdown-items sup, #menu-footer-projects .menu-item  sup {background:#EF8A2A;padding: 2px 5px; border-radius:3px;margin-left:3px; color:white;}
.dropdown-items  sup.rep, #menu-footer-projects .menu-item  sup.rep {background:#00673D;}

#slide .badge {font-size:90%}
#slide {
	margin-top:0px;margin-bottom:0;
	position: relative;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
/*	width:100%; display: flex; margin:0 auto; background:rgba(238, 238, 239, 0.9);position:relative;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
}

.slide-content {margin-right:4%;}
.slide-content h2 {color:white;pading-bottom:10px;bottom:0px;font-size:19px;}
.slide-content badge {font-size:80%; padding:.35em .45em; font-weight:400}
@-webkit-keyframes slide-bg {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 -webkit-transform: scale(1.3);
 transform: scale(1.3);
}
}
@keyframes slide-bg {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 -webkit-transform: scale(1.3);
 transform: scale(1.3);
}
}
.client-logo  {
  text-align: center;
 }
.client-logo   img {
	display: inline-block;
	margin:5px 10px;
	box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.15);
	transition: filter 0.3s ease; 
	filter: grayscale(0%); 
	 
}
.client-logo   img:hover  {filter: grayscale(100%);}


@media (max-width:767.98px) {
	.client-logo  img {
		margin:2px 5px;
		max-width:50%;
	}
}


/*	Gallery for projects	*/
#progallery .card img {
    object-fit: cover; 
}
#progallery .filter {text-align:center}
#progallery .active {background:#ED8A2C;border-color:white;}


#services a:hover {
	text-decoration:none;
}
#services figure img {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#services figure:hover img {
		-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
#services h3 {font-size:18px; font-weight:700;color:#0B8245;margin-top:10px;}

.parent-container {
  display: flex;         /* Activates layout context */
  flex-direction: row;   /* Places child elements horizontally */
  gap: 20px;             /* Creates clean spacing between columns */
  flex-wrap: wrap;

}


/* Filter Navigation Styling */
.gallery-filter-menu {
    margin-bottom: 25px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.filter-btn {
    padding: 8px 16px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.25s ease-in-out;
}
.filter-btn.active, .filter-btn:hover {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

/* Gallery Items Transition Rules */
.gallery-item {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                opacity 0.4s ease-in-out;
    transform: scale(1);
    opacity: 1;
}

/* Hidden Class Utility */
.gallery-item.is-hidden {
    transform: scale(0);
    opacity: 0;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    position: absolute; /* Pulls element out of layout structure flow */
}


/* Typography styling rules for combined meta elements underneath images */
.gallery-caption {
    margin-top: 8px;
    line-height: 1.4;
    text-align: center;
}

.gallery-item-title {
    display: block;
    font-size: 14px;
    color: #222;
    margin-bottom: 2px;
}

.gallery-item-excerpt {
    display: block;
    font-size: 12px;
    color: #666;
    font-style: italic;
}

.bd-callout-warning {
  --bd-callout-color: var(--bs-warning-text-emphasis);
  --bd-callout-bg: var(--bs-warning-bg-subtle);
  --bd-callout-border: var(--bs-warning-border-subtle);
}
.bd-callout {
  --bs-link-color-rgb: var(--bd-callout-link);
  --bs-code-color: var(--bd-callout-code-color);
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: var(--bd-callout-color, inherit);
  background-color: var(--bd-callout-bg, var(--bs-gray-100));
  border-left: .25rem solid var(--bd-callout-border, var(--bs-gray-300));
}
.bd-callout strong {
	color: var(--bd-callout-color, inherit);
	font-weight:600;
}
#pro-list {font-size:18px;}
#expan {text-align:left;}
#expan h3 {font-size:18px; color:red}
ol h3 {font-size:18px}
#gallery-page .gallery-info {display:none;}
.gallery-item .card {background-color:transparent;}
#img-projects .gallery-image-holder img	{ 
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	clip-path: inset(0px -10px -10px -10px); 
}
.main-menu ul li.has-dropdown > a::after {
    content: "\F27E";
    font-family: bootstrap-icons;	
}


/*	4 ii-india	*/
.header__sticky.header-sticky.header__sticky-black-2 {
     background-color: var(--tp-common-black-solid); 
}
.header__padding-8 {padding-top: 2px; padding-bottom: 2px;}
.header__info-content p {font-size: 18px;color:white;}
.header__bottom-8 {
    padding-left: 0;
    padding-right: 0;
}
@media (max-width:767.98px) {
	.logo img {max-width: 70%;}
}

#hBlog, #hBlog ul.display-posts-listing li.listing-item {    background: rgba(24,25,26,.7);border:0px;}
/* 	Blog Style in Home	*/

ul.display-posts-listing {
    display: flex;
    gap: 20px; /* Space between the two posts */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Individual post wrapper */
ul.display-posts-listing li.listing-item {
    flex: 1; /* Makes both posts equal width */
    background: #f9f9f9; /* Optional background styling */
    padding: 15px;
    border: 1px solid #ddd;
}

/* Mobile Display Override */
@media (max-width: 768px) {
    ul.display-posts-listing {
        flex-direction: column; /* Switches from side-by-side to stacked */
        gap: 15px; /* Optional: Slightly tightens the gap on smaller screens */
    }
}


/* Post Title */
ul.display-posts-listing .title {
    display: block;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 8px;
}

/* Excerpt and Read More link wrapper */
ul.display-posts-listing .excerpt {
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Read More link styling */
ul.display-posts-listing .excerpt-more {
    margin-left: 5px;
    font-weight: 500;
}

.product_side_bar {text-align:center}
.product_side_bar img {max-width:75%; height:auto;}
.downloadpdf i {color:red;font-size:18px}


/* Custom mail form 	*/
#dropzone {
    cursor: pointer;
    border-color: #dee2e6 !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

#dropzone:hover {
    background-color: var(--bs-secondary-bg) !important;
    border-color: var(--bs-primary-border-subtle) !important;
}

/* Ensure the absolute input position overlays nicely but doesn't block unselect clicks */
#dropzone input[type="file"] {
    z-index: 1;
}

/* Ensure interactive subelements (like preview close buttons) stack higher than the raw input layer */
#file-preview-list {
    position: relative;
    z-index: 2;
}

/* Smooth custom icon styles */
.remove-file-btn {
    transition: color 0.1s ease-in-out;
}
.remove-file-btn:hover {
    color: #dc3545 !important; /* Changes text to explicit bootstrap alert red on hover */
}

.offcanvas__area {
    background: #161413 none repeat scroll 0 0;
}

/* Your original code for the link */
.sidebar__wrapper ul li a, .sidebar__wrapper.widget_block ul.wp-block-latest-posts li a {
	background:transparent;
	color: var(--tp-text-body);
	padding:0px; 
	padding-left:15px;
	position: relative; /* Visual Anchor: Allows absolute positioning of the icon */
}

/* Your original code for the list container */
.sidebar__wrapper ul {
  list-style-type: none; 
  padding: 0;            
  margin: 0;             
  padding-left:0;
  list-style-position: outside;
}

/* Your original code for the list item */
.sidebar__wrapper ul li {
	margin-bottom:0px;
	color: var(--tp-text-body);
	
}
.sidebar__wrapper ul li::marker {
  content: none; /* Dynamically hides the list item marker */
}

/* 2. New CSS to inject the Right Arrow Icon */
.sidebar__wrapper ul li a::before, 
.sidebar__wrapper.widget_block ul.wp-block-latest-posts li a::before {
	font-family: "bootstrap-icons";
	content: "\F138";          /* Bootstrap Unicode for bi-arrow-right */
	position: absolute;
	left: 0;                   /* Aligns it perfectly inside the 15px left padding */
	top: 50%;                  /* Centers it vertically */
	transform: translateY(-50%);
	font-size: 0.85em;         /* Makes the arrow slightly smaller than the text */
	color: inherit;            /* Inherits the text color automatically */
	transition: transform 0.2s ease; /* Prepares it for optional hover animations */
}

/*
.sidebar__wrapper ul li a:hover::before, 
.sidebar__wrapper.widget_block ul.wp-block-latest-posts li a:hover::before {
	transform: translate(3px, -50%); /* Moves the arrow 3px to the right on hover */
}
*/


/*	side bar for blog list	*/
.sidebar__wrapper .wp-block-group__inner-container h2 {    margin-bottom: 0px;}
.sidebar__wrapper.widget_block ul.wp-block-latest-posts li a {
    padding: 5px 10px 0 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.offcanvas__area-4 .mean-container .mean-nav ul li a:hover,  .offcanvas__area-4 .mean-container .mean-nav ul li.dropdown-opened > a {
    color: #8f9093;
}















text-shadow: 1px 8px 30px rgba(0, 0, 0, 0.5);


"Albert Sans" for regular font
"IBM Plex Sans" for regular font



heading
Ruda
Teko