@import url('https://fonts.googleapis.com/css2?family=Calistoga&display=swap');
.search-container{
    width: 100%;
    min-height: max(200px, 20vh); 
    background: linear-gradient(rgba(33, 45, 69, 0.81), rgba(33, 45, 69, 0.81)
        ),
    url("../image/search_locationwise/search_main.webp");
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.search-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40%;
}
.search-content h1{
	font-weight: 600;
	font-size: 3rem;
	color:var(--white);
	text-align: center;
}
.search-canister{
	max-width:var(--max-width);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	text-align: justify;
  	text-justify: inter-word;
}
.search-cards{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas: "search-card-a search-card-a search-card-b";
  gap: 3rem;

  /* 🔑 THIS IS THE KEY */
  align-items: stretch;
  margin-bottom:2rem;
  width: 100%;
}
/*this is the key thing*/
.search-cards > * {
  min-width: 0;
}
.search-cards .search-card-a{
	grid-area:search-card-a;
	display: flex;
	flex-direction: column;
	padding:  1.5rem 1rem 0 1rem;
    height:auto !important;
}
.search-cards .search-card-b{
	grid-area:search-card-b;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 1.5rem 1rem 0 1rem;
    height:auto !important;
}
.breadcrumb{
	background: var(--text-light);
	color:var(--white);
	padding: 1rem 2rem;
	font-size:0.8rem;
	font-weight: 500;
	border-radius: 1rem;
	display: flex !important;
  	width: max-content !important;
  	max-width: 100%;
  	white-space: nowrap; /*prevents line break*/
}
.breadcrumb >a{
	color: #fff;
	display: flex;
 	transition: transform 0.25s ease;
}
.breadcrumb span{
	margin:0 1rem;
	font-weight: 700;
}
.breadcrumb a:hover,
.breadcrumb a:focus{
	text-decoration: underline;
	color:var(--text-dark);
}
.breadcrumb > a:last-child {
  font-weight: 700;
}
.search-typewriter{
	padding: 1rem 0;
	line-height: 1.25;
  	min-height: 11.8rem;
  	width:100%;
}
.search-typewriter h2{
	font-size: 2.5rem;
	padding: 0 0 1rem 0;
	color: var(--icon-color);
	max-width: 100%;
	line-height: 1.3;
}
.search-typewriter h3{
	font-size: 1.8rem;
	color:var(--text-light);
}

.search-typewriter span {
  display:block;
  width: 100%;
  white-space: normal;
  font-weight: 600;
  padding-right: 6px;
}

/* cursor only while typing */
.blink {
  border-right: 2px solid #000;
  animation: blink 0.8s infinite;
}

@keyframes blink {
  0%,50% { border-color: transparent; }
  100% { border-color: #000; }
}
#tw1{
  display: block;
  width: 100%;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}
#tw2{
  display: block;
  width: 100%;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}
.search-para p{
	font-size: 1rem;
	line-height: 1.5rem;
	color:var(--text-dark);
}
.search-content-a{
	display: grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "search-benefit-card-a search-benefit-card-b search-benefit-card-c search-benefit-card-d";
	gap:1rem;
	padding: 2rem 0;
}
.search-benefit-card-a{
	grid-area: search-benefit-card-a;
}
.search-benefit-card-b{
	grid-area: search-benefit-card-b;
}
.search-benefit-card-c{
	grid-area: search-benefit-card-c;
}
.search-benefit-card-d{
	grid-area: search-benefit-card-d;
}
.search-benefit-card{
	border-radius: 1rem;
	border: 3px solid var(--blue-color);
	background:var(--white); 
	padding: 1rem;
	margin: 0 auto;
	text-align: center;/*centerizes the icons*/
	box-shadow: 2px 2px 20px rgba(0,0,0,.7);
}
.search-benefit-card h3{
	font-size: .9rem;
	font-weight: 600;
	color: var(--icon-color);
	text-align: center;
	line-height: 1rem;
	margin-bottom: .5rem;
}
.search-benefit-card span{
	color: var(--icon-color);
}
.search-benefit-card span>i{
	border-radius: 50%;
	outline: 5px solid var(--icon-color);
	padding:.7rem;
	margin-bottom: 10px;
}
.search-benefit-card:hover,
.search-benefit-card:focus{
	background: var(--text-dark);
}
.search-benefit-card p{
	font-weight: 400;
	font-size: .7rem;
	color: var(--icon-color);
	text-align: justify;
  	text-justify: inter-word;
  	hyphens: auto;
}
.search-benefit-card:hover h3,
.search-benefit-card:hover p,
.search-benefit-card:hover span,
.search-benefit-card:focus h3,
.search-benefit-card:focus p,
.search-benefit-card:focus span
{
	color:var(--white);
}
.search-benefit-card:hover span>i,
.search-benefit-card:focus span>i
{
	outline: 5px solid var(--white);
}
.search-card{
	box-shadow: 1px 1px 10px rgba(0,0,0,.7);
	background:var(--white);
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	border:2px solid var(--blue-color);
	border-radius:1rem;
	padding: 1rem;
	margin-top:4rem;
}
.search-whatsapp{
  position: relative;
  width: 64px;
  height: 64px;

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

  margin: 0 auto;              /* centers inside parent */
}
.search-whatsapp i{
  font-size: 2.2rem;
  color: #25D366;
  line-height: 1;              /* IMPORTANT */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/* ripple circles */
.search-whatsapp::before,
.search-whatsapp::after{
  content: "";
  position: absolute;
  inset: 0;                    /* PERFECT center */
  border-radius: 50%;
  background: rgba(0, 123, 255, 0.35);
  animation: ripple 2.4s infinite ease-out;
}

.search-whatsapp::after{
  animation-delay: 1.2s;
}

@keyframes ripple{
  0%{
    transform: scale(0.2);
    opacity: 0.8;
  }
  100%{
    transform: scale(1.6);
    opacity: 0;
  }
}
.search-card h4{
	color: var(--icon-color);
	text-align: center;
	font-size: 2rem;
	margin-bottom: .5rem;
}
.search-card h4>span{
	color: var(--blue-color);
	text-transform: capitalize;
}
.search-card p{
	font-size: 0.8rem;
	text-align: center;
	margin-bottom: 1rem;
}
.search-card .input-group{
	display: flex;
  	align-items: center;
	border: 2px solid var(--text-light);
	padding: 1rem;
	border-radius: 1rem;
	margin-bottom: 1rem;
	font-size: 1rem;
	overflow: hidden;
}

.search-card .input-group>i{
	color:var(--text-light);
	margin-right: 1rem;
	background: var(--white);
	font-size: 1.2rem;
}
.search-card .input-group input[type='text'],
.search-card .input-group input[type='email']{
  border: none;
  outline: none;
  background: transparent;     /* FIX black background */
  padding: 0 !important;       /* FIX extra padding */
  color: inherit;
  box-shadow: none;            /* remove autofill shadow */
  -webkit-appearance: none;
  appearance: none;
}

.search-card .input-group input::placeholder{
	color:var(--text-light);
	font-size: 0.9rem; 
}
.search-card .input-group:hover,
.search-card .input-group:focus{
	border: 2px solid var(--blue-color);
}
.search-card .input-group input[type="email"] + i,
.search-card .input-group i.fa-envelope{
  margin-right: 0.8rem;
}
/* country code select (20%) */
.search-card .input-group select.country{
  width: 30%;
  min-width: 70px;
  border: none;
  outline: none;
  background: none;
  border-right: 2px solid var(--text-light); /* divider */
  padding-right: 0.5rem;
  box-sizing: border-box;
}

/* phone input (80%) */
.search-card .input-group input[type="tel"]{
  width: 70%;
  border: none;
  outline: none;
  background: none;
  margin-left: 1rem;
}
.search-card .input-group{
	display: flex;
  	align-items: center;
	border: 2px solid var(--text-light);
	padding: 1rem;
	border-radius: 1rem;
	margin-bottom: 1rem;
	font-size: 1rem;
	overflow: hidden;
}
.search-card input[type='submit']{
	background: var(--primary-color);
	color: var(--white);
	width: 100%;
	padding: 1rem;
	outline: none;
	border:none;
	border-radius: 1rem;
	font-size: 1rem;
}
.search-card input[type='submit']:hover,
.search-card input[type='submit']:focus{
	background: var(--secondary-color);
}
.search-card form{
	border-bottom: 2px solid var(--blue-color);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.search-card button{
	background: var(--primary-color);
	color:var(--white);
	font-size: 1rem;
	border:none;
	outline:none;
	border-radius: 1rem;
	padding:1rem;
	margin-bottom: .8rem;
	cursor: pointer;
}
.search-card button:hover,
.search-card button:focus{
	background: var(--secondary-color);
}
.search-card h5{
	color: var(--icon-color);
	text-align: center;
	font-size: 1.7rem;
	margin-bottom: .5rem;
}
.search-card h5>span{
	color: var(--blue-color);
	text-transform: capitalize;
}
.location-canister{
	background: #3937B0;
}
.location-content{
	max-width:var(--max-width);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	text-align: justify;
  	text-justify: inter-word;
  	padding: 2rem 0;
  	line-height: 1.5;
  	width: 100%;
  	padding: 1rem;
}
.location-content h5{
	font-size: 2rem;
	text-align: center;
	color:var(--white);
}
.location-content h5 span {
    color:var(--yellow-color);
}
.location-content h6{
	color: var(--white);
	font-size: 1rem;
	text-align: center;
	font-weight: 500;
	margin-bottom:1rem;
}
.key-metrics{
	display: grid;
	max-width: 900px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
  	grid-template-areas: "key-metrics-card-a key-metrics-card-b key-metrics-card-c key-metrics-card-d";
  	gap: 3rem;
  	margin: 1rem auto;
}
.key-metrics-card{
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	border: 2px solid var(--white);
	border-radius: 1rem;
	padding: 2rem;
	text-transform: capitalize;
	background-color: color-mix(in srgb, var(--blue-color) 20%, transparent);
}
.key-metrics-card:hover,
.key-metrics-card:focus{
	background: var(--blue-color);
}
.key-metrics-card-a{
	grid-area:key-metrics-card-a;
}
.key-metrics-card-b{
	grid-area:key-metrics-card-b;
}
.key-metrics-card-c{
	grid-area:key-metrics-card-c;
}
.key-metrics-card-d{
	grid-area:key-metrics-card-d;
}

.key-metrics-card>i{
	font-size: 3rem;
	color:var(--white);
}
.key-metrics-card>span{
	color: var(--yellow-color);
	font-size: 2rem;
	font-weight: 700;
}
.key-metrics-card>p{
	color: var(--white);
	text-align: center;
}
.key-metrics-card-c>i{
	margin-top: -1rem;
}
.location-card{
	padding: 2rem;
	width: 100%;
	border:1px solid var(--white);
	color:var(--white);
	border-radius: 1rem;
	background-color: color-mix(in srgb, var(--blue-color) 20%, transparent);
	overflow: hidden;
	z-index:1;
}
.location-card:hover,
.location-card:focus{
	background: var(--blue-color);
}
.location-card h4{
	font-weight: 600;
	font-size: 2rem;
	text-align: center;
}
@keyframes blink {
  0%   { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 1; }
}

.location-content h5 span i {
  animation: blink 1s infinite;
}
.key-metrics-card-a i { animation-delay: 0.1s; }
.key-metrics-card-b i { animation-delay: 0.25s; }
.key-metrics-card-c i { animation-delay: 0.4s; }
.key-metrics-card-d i { animation-delay: 0.55s; }
.key-metrics-card i {
  animation: glowZoom 1.2s ease-out forwards,
             glowPulse 2.8s ease-in-out infinite 1.2s;
}

@keyframes glowPulse {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 6px rgba(0, 234, 255, 0.25));
  }
  50% {
    transform: scale(1.12);
    filter: drop-shadow(0 0 12px rgba(0, 234, 255, 0.45));
  }
}
.key-metrics-card:hover i {
  transform: scale(1.2);
  filter: drop-shadow(0 0 16px rgba(0, 234, 255, 0.8));
  transition: transform 0.3s ease, filter 0.3s ease;
}
.location-card p{
	font-size: 1rem;
}
.suite-services{
	background: #E0EDFE;
}
.suite-services-content{
	max-width:var(--max-width);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	text-align: justify;
  	text-justify: inter-word;
  	padding: 2rem 1rem;
  	line-height: 1.5;
}
.suite-services-content h5{
	font-size: 3rem;
	text-align: center;
	color:var(--text-dark);
	font-family: "Calistoga", serif;
  	font-weight: 400;
  	font-style: normal;
}
.suite-services-content p{
	text-align: center;
	font-size: 1.5rem;
	font-family: "Roboto", sans-serif;
	color:var(--text-light);
}
.suite-process{
	display: grid;
	max-width: 100%;
	grid-template-columns: repeat(5, minmax(0, 1fr));
  	grid-template-areas: "suite-process-card-a suite-process-card-b suite-process-card-c suite-process-card-d suite-process-card-e";
  	gap: 3rem;
  	margin: 1rem auto;
}
.suite-process-card{
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: 1rem;
	border: 1px solid var(--text-light);
	background:var(--white); 
	margin: 0 auto;
	text-align: center;/*centerizes the icons*/
	box-shadow: 2px 2px 20px rgba(0,0,0,.7);
}
.suite-process-card-a{
	grid-area:suite-process-card-a;
}
.suite-process-card-b{
	grid-area:suite-process-card-b;
}
.suite-process-card-c{
	grid-area:suite-process-card-c;
}
.suite-process-card-d{
	grid-area:suite-process-card-d;
}
.suite-process-card-e{
	grid-area:suite-process-card-e;
}
.suite-process-card span{
	text-align: center;
	color: var(--white);
	background: var(--primary-color);
	border-bottom: none;
	border-radius:  10px 10px 0 0;
	padding: .5rem;
	padding-top: .6rem;
}
.suite-process-card i{
	font-size: 2rem;
	padding: 1rem 0;
	color:var(--blue-color);
  transition: transform 0.3s ease;
}
.suite-process-card h6{
	font-size: 1rem;
	font-family: "Calistoga", serif;
}
.gradient-text {
  background: linear-gradient(90deg, #0d47a1, #1e88e5, #fdd835);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.suite-process-card p{
	font-size: 1rem;
  	padding: 1rem;
}
.suite-process-card:hover i,
.suite-process-card:focus i {
  transform: scale(1.2);
}
.webiscribe-academic-expertise{
	max-width:var(--max-width);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
.webiscribe-academic-expertise h6{
	font-size: 2rem;
	padding: 1rem;
	color:var(--text-dark);	
	font-family: "Calistoga", serif;
	text-align: center;
}
.academic-grid{
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-template-areas: "academic-grid-a academic-grid-b";
	gap:1rem;
	height:auto;
}
.academic-grid-a{
	grid-area:academic-grid-a;
	display: flex;
	flex-direction: column;
}
.academic-grid-b{
	grid-area:academic-grid-b;
	display: flex;
	flex-direction: column;
	background: rgba(33, 45, 69, 0.81);
	color: var(--white);
	padding: 2rem;
	text-align: justify;
	white-space: normal;
	text-wrap: wrap;
}
.academic-grid-b h5{
	font-weight: 600;
	font-size:1.5rem;
	margin-bottom: 1.5rem;
	color:var(--max-width);
	font-family: 'Roboto', sans-serif;
	text-align: left;
}
.academic-grid-b p{
	font-weight: 500;
	font-size:1rem;
	margin-bottom: 1rem;
	text-align: justify;
	white-space: normal;
	text-wrap: wrap;
	line-height: 1.2;
	color:var(--white);
}
.academic-grid-a img{
	width: 100%;
	max-height: 20rem;
	object-fit: cover;
}
.academic-grid-b button{
	background: var(--primary-color);
	color:var(--white);
	font-size: 1rem;
	border:none;
	outline:none;
	border-radius: 1rem;
	padding:1rem;
	border: 1px solid var(--white);
	cursor:pointer;
}
.academic-grid-b button:hover{
	background: var(--secondary-color);
}
/* Define the shake animation */
/* Define the shake animation */
@keyframes shake-icon {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(15deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-15deg); }
  100% { transform: rotate(0deg); }
}

/* Target the icon (i) ONLY when the button is hovered */
.whatsapp-trigger:hover i {
  display: inline-block; /* Required for transform to work on <i> tags */
  animation: shake-icon 0.2s ease-in-out infinite;
}
.location-centric{
	background: #FFCC62;
}
.location-centric-content{
	max-width:var(--max-width);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding: 0 1rem;
}
.location-centric-content-top h6{
	font-size: 2rem;
	color: #212D45;
	padding: 2rem 0;
	text-align: center;	
}
.location-centric-content-top h6>i{
	display: inline-block; /* Required for transform to work on <i> tags */
  	animation: blink 1s ease-in-out infinite;
}
.location-centric-content-top p{
	font-size: 1.2rem;
	line-height: 1.2;
	color:#4F4E4A;
	text-align: justify;
	white-space: normal;
	text-wrap: wrap;
	padding: 1rem 0;
}
.location-centric-cards{
	display: grid;
	max-width: 100%;
	grid-template-columns: repeat(4, minmax(0, 1fr));
  	grid-template-areas: "location-centric-card-a location-centric-card-b location-centric-card-c location-centric-card-d";
  	gap: 3rem;
  	margin: 1rem auto;
}
.location-centric-card-a{
	grid-area:location-centric-card-a;
}
.location-centric-card-b{
	grid-area:location-centric-card-b;
}
.location-centric-card-c{
	grid-area:location-centric-card-c;
}
.location-centric-card-d{
	grid-area:location-centric-card-d;
}
.location-centric-card{
	background:var(--blue-color);
	border:1px solid var(--white);
	padding:2rem;
	border-radius: 1rem;
	text-align: justify;
	white-space: normal;
	text-wrap: wrap;
}
.location-centric-card h6{
	font-size: 1.5rem;
	padding:1rem 0;
	color:var(--white);
}
.location-centric-card p{
	font-size: 1rem;
	color:var(--white);
}
.location-centric-card-top{
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.location-centric-card-top i{
	background: var(--white);
	padding: 1rem;
	font-size: 1rem;
	border-radius: 1rem;
	color:var(--blue-color);
}
.location-centric-card-top span{
	color:var(--yellow-color);
	font-weight: 700;
	font-size: 2rem;
}
.location-centric-card:hover i,
.location-centric-card:focus i{
	transform: scale(1.1);
}
.location-centric-text{
	display: flex;
	flex-direction: column;
	padding: 1rem;
	margin-bottom: 1rem;
}
.location-centric-text h6{
	font-size: 2rem;
	color:#212D45;
	text-align: center;
	padding: 1rem;
}
.location-centric-text p{
	font-size: 1.2rem;
}
.location-centric-text-inner{
	padding:2rem;
	width: 100%;
	max-width: 900px;
	margin:0 auto;
	text-align: justify;
	white-space: normal;
	text-wrap: wrap;
	border: 2px solid var(--white);
	border-radius: 1rem;
	color:var(--white);
	background: var(--blue-color);
	overflow: hidden;
	z-index:1;
}
.location-centric-text-inner p{
	font-size: 1rem;
	line-height: 1.5;
}
.location-centric-content button{
	background: var(--primary-color);
	color:var(--white);
	font-size: 1rem;
	border:none;
	outline:none;
	border-radius: 1rem;
	padding:1rem;
	border: 1px solid var(--white);
	cursor:pointer;
	width:20rem;
	margin:0 auto;
	margin-bottom: 1rem;
}
.location-centric-content button:hover{
	background: var(--secondary-color);
}
.search-testimonial-canister{
	background: #F8F9FA;
	padding: 2rem 0;
	width: 100%;
	font-family: 'Roboto', sans-serif;
}
.search-FAQ{
	background: #cefad0;
	padding: 1rem;
	font-family: "Calistoga", serif;
	display: flex;
	flex-direction: column;
	gap:1rem;
}
.search-FAQ h2{
	text-align: center;
	font-weight: 700;
	font-size: 2.5rem;
	color:#1a2e47;
}
.search-FAQ p{
	font-weight: 700;
	font-size: 1.5rem;
	text-align: center;
	color:#1a2e47;
}
.faq-item {
  padding: 1rem;
  box-sizing: border-box;
  background: var(--white);
  color: var(--text-dark);
  font-family: "Roboto", sans-serif;
  width: 900px;
  margin: 0 auto;
  border-radius: 1rem;
}
.faq-question{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.2rem;
	cursor: pointer;
}
.faq-question span{
	padding-right: 1rem;
}
.faq-item .faq-answer{
	display: none;
	text-align: left;
	font-size: 1rem;
	padding: 1rem 0;
	font-weight:500;
	line-height: 1.3;
	text-align: justify;
  	white-space: normal;
    text-align-last: left;
}
.faq-item.active .faq-answer{
	display: block;	
	transition: .3s ease-out;
}
.faq-item.active .fa-chevron-down{
	transform: rotate(180deg);
	transition: .3s ease-out;
}

@media(max-width: 768px){
	.search-container{
	    min-height: max(120px, 14vh); 
	}
	.search-content {
	  height: 30%;
	}
	.search-content h1{
	  font-size: 1.3rem;
	  padding: 1rem 1rem 0 1rem;
	}
	.search-canister{
	    max-width: 100%;
	    width: 100%;
	    padding-left: 0;
	    padding-right: 0;
	}
	.search-cards{
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-template-areas: "search-card-a" 
	  "search-card-b";
	  gap: 0;
	}
	.search-cards .search-card-a,
	.search-cards .search-card-b{
	  padding-top:.5rem; 
	  padding-left:1rem;
	  padding-right: 1rem;
	  height: 100%;
	  max-width:100%;
	  width:100%;
	}
	.breadcrumb{
	  padding: .5rem 1rem;
	  font-size:0.7rem;
	  width: 100% !important;
	  max-width: 100%;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: flex-start;
	  align-items: center;
      white-space: normal;
	  gap: 0;                       /* NO flex gap */
	  box-sizing: border-box;	  
	}
	/* links */
	.breadcrumb > a{
		margin: 0;
		padding: 0;
	}
	/* separators */
	.breadcrumb span{
		margin: 0;
		padding: 0 .5rem;             /* controlled spacing */
		font-weight: 700;
	}
/* move last item to next line */
	.breadcrumb > a:last-child{
		flex-basis: 100%;
		margin-top: .4rem;
		font-weight: 700;
	}
	.search-typewriter{
	  padding: .5rem 0;
	  min-height: 8.9rem;
	}
	.search-typewriter h2{
	  font-size: 1.3rem;
	  padding: 0 0 .5rem 0;
	  line-height: 1.2;
	}
	.search-typewriter h3{
	  font-size: 1rem;
	}
	.search-typewriter span {
	  font-weight: 600;
	  padding-right: 0;
	}
	.search-para p{
	  font-size: .8rem;
	  line-height: 1.3;
	}
	.search-content-a{
	  grid-template-columns:1fr;
	  grid-template-rows: 1fr;
	  grid-template-areas: "search-benefit-card-a" "search-benefit-card-b" "search-benefit-card-c" "search-benefit-card-d";
	  gap:.5rem;
	  padding: 1rem 0;
	}
	.search-benefit-card{
	  padding: 1rem;
	}
	.search-card{
	  padding: 1rem;
	  margin-top:0;
	}
	.search-whatsapp{
	  position: relative;
	  width: 44px;
	  height: 44px;
	}
	.search-whatsapp i{
	  font-size: 1.5rem;
	}
	.search-card h4{
	  font-size: 1.5rem;
	  margin-bottom: .5rem;
	}
	.search-card p{
	  font-size: 0.7rem;
	  text-align: center;
	  margin-bottom: 1rem;
	}
	.search-card .input-group{
	  padding: .7rem;
	  font-size: .8rem;
	  overflow: hidden;
	}
	.search-card .input-group>i{
	  margin-right: .8rem;
	  font-size: .8rem;
	}
	.search-card .input-group input::placeholder{
	  font-size: 0.8rem; 
	}
	.search-card .input-group{
	  padding: .8rem;
	  margin-bottom: .8rem;
	  font-size: .8rem;
	}
	.search-card input[type='submit']{
	  padding: .7rem;
	  font-size: .8rem;
	}
	.search-card button{
	  font-size: .8rem;
	  padding:.7rem;
	  margin-bottom: .7rem;
	}
	.search-card h5{
	  font-size: 1.3rem;
	  margin-bottom: .5rem;
	}
	.location-content{
	    padding: 1rem;
	    line-height: 1.4;
	}
	.location-content h5{
	  font-size: 1.4rem;
	}
	.location-content h6{
	  font-size: .8rem;
	  margin-bottom:.8rem;
	}
	.key-metrics{
	  grid-template-columns: 1fr;
	    grid-template-areas: "key-metrics-card-a" "key-metrics-card-b" "key-metrics-card-c" "key-metrics-card-d";
	    gap: 1rem;
	    margin: 1rem auto;
	}
	.key-metrics-card>i{
	  font-size: 2rem;
	  color:var(--white);
	}
	.key-metrics-card span{
		font-size: 1.5rem;
	}
	.key-metrics-card p{
		font-size: .9rem;
	}
	.location-card{
	  padding: 1rem;
	}
	.location-card h4{
	  font-size: 1.3rem;
	}
	.location-card p{
	  font-size: .8rem;
	  line-height: 1.3;
	}
	.suite-services-content{
	    padding: 1rem;
	    line-height: 1.3;
	}
	.suite-services-content h5{
	  font-size: 2rem;
	}
	.suite-services-content p{
	  font-size: 1.1rem;
	  margin-bottom: 1rem;
	}
	.suite-process{
	  grid-template-columns: 1fr;
	    grid-template-areas: "suite-process-card-a" "suite-process-card-b" "suite-process-card-c" "suite-process-card-d" "suite-process-card-e";
	    gap: 3rem;
	    margin: 0.5rem auto;
	}
	.suite-process-card{
		max-width: 349px;
	}
	.suite-process-card p{
		font-size: 0.8rem;
	}
	.webiscribe-academic-expertise h6{
	  font-size: 1.2rem;
	  padding: 1rem;
	}
	.academic-grid{
	  grid-template-columns: 1fr;
	  grid-template-areas: "academic-grid-a" "academic-grid-b";
	}
	.academic-grid-b{
	  padding: 1rem;
	}
	.academic-grid-b h5{
	  font-size:1.2rem;
	  margin-bottom: .8rem;
	  text-align: center;
	}
	.academic-grid-b p{
	  font-size:.8rem;
	  margin-bottom: 1rem;
	  line-height: 1.3;
	}
	.academic-grid-b button{
	  font-size: .8rem;
	  padding:.8rem;
	}
	.location-centric-content-top h6{
	  font-size: 1.5rem;
	  padding: .5rem 0;
	}
	.location-centric-content-top p{
	  font-size: .8rem;
	  line-height: 1.2;
	  padding:0;
	}
	.location-centric-cards{
	  grid-template-columns: 1fr;
	    grid-template-areas: "location-centric-card-a" "location-centric-card-b" "location-centric-card-c" "location-centric-card-d";
	    gap: 1rem;
	}
	.location-centric-card{
	  padding:1rem;
	}
	.location-centric-card h6{
	  font-size: 1rem;
	  padding:.7rem 0;
	}
	.location-centric-card p{
	  font-size: .7rem;
	}
	.location-centric-card-top i{
	  font-size: .8rem;
	}
	.location-centric-card-top span{
	  font-size: 1.5rem;
	}
	.location-centric-text{
	  padding: 0;
	  margin-bottom: 1rem;
	}
	.location-centric-text h6{
	  font-size: 1.2rem;
	  padding: 0 1rem 1rem 1rem;
	}
	.location-centric-text p{
	  font-size: .8rem;
	}
	.location-centric-text-inner{
	  padding:1rem;
	}
	.location-centric-text-inner p{
	  font-size: 0.8rem;
	  line-height: 1.3;
	}
	.location-centric-content button{
	  font-size: .8rem;
	  padding:.8rem;
	  width:100%;
	}
	.search-testimonial-canister{
	  padding: 1rem;
	}
	.search-FAQ h2{
		font-size: 1.5rem;
	}
	.search-FAQ p{
		font-size: 1.2rem;
	}
	.faq-item {
	 width: 100%;
	}
	.faq-question{
		font-size: .9rem;
	}
	.faq-item .faq-answer{
		font-size: .8rem;
	}
}
@media (max-width: 768px) and (orientation: landscape){
	.search-typewriter{
	    padding: .5rem 0;
	    min-height: 6rem;
	    overflow: hidden; /* important */
	  }
}
@media(min-width:768px) and (max-width:1200px){
	.search-container{
	    min-height: max(140px, 16vh); 
	}
	.search-content {
	  height: 30%;
	}
	.search-content h1{
	  font-size: 2rem;
	  padding: 1rem 1rem 0 1rem;
	}
	.search-canister{
	    max-width: 100%;
	    width: 100%;
	    padding-left: 0;
	    padding-right: 0;
	}
	.search-cards{
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-template-areas: "search-card-a" 
	  "search-card-b";
	  gap: 0 !important;
	}
	.search-cards .search-card-a,
	.search-cards .search-card-b{
	  padding-top:.5rem; 
	  padding-left:1rem;
	  padding-right: 1rem;
	  height: 100%;
	  max-width:100%;
	  width:100%;
	}
	.breadcrumb{
	  padding: .5rem 1rem;
	  font-size:0.7rem;
	  width: 100% !important;
	  max-width: 100%;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: flex-start;
	  align-items: center;
      white-space: normal;
	  gap: 0;                       /* NO flex gap */
	  box-sizing: border-box;	  
	}
	/* links */
	.breadcrumb > a{
		margin: 0;
		padding: 0;
	}
	/* separators */
	.breadcrumb span{
		margin: 0;
		padding: 0 .5rem;             /* controlled spacing */
		font-weight: 700;
	}
/* move last item to next line */
	.breadcrumb > a:last-child{
		flex-basis: 100%;
		margin-top: .4rem;
		font-weight: 700;
	}
	.search-typewriter{
	  padding: 1rem 0;
	  min-height: 9.5rem;
	}
	.search-typewriter h2{
	  font-size: 2rem;
	  padding: 0 0 .5rem 0;
	  line-height: 1.2;
	}
	.search-typewriter h3{
	  font-size: 1.5rem;
	}
	.search-typewriter span {
	  font-weight: 600;
	  padding-right: 0;
	}
	.search-para p{
	  font-size: 1rem;
	  line-height: 1.3;
	}
	.search-content-a{
	 gap:.5rem;
	  padding: 1rem 0;
	}
	.search-benefit-card{
	  padding: 1rem;
	}
	.search-card{
	  padding: 1rem;
	  margin-top:0;
	}
	.location-content{
	    padding: 1rem;
	    line-height: 1.4;
	}
	.location-content h5{
	  font-size: 1.4rem;
	}
	.location-content h6{
	  font-size: .8rem;
	  margin-bottom:.8rem;
	}
	.suite-services-content{
	    padding: 1rem;
	    line-height: 1.3;
	}
	.suite-services-content h5{
	  font-size: 2.5rem;
	}
	.suite-services-content p{
	  font-size: 1.3rem;
	  margin-bottom: 1rem;
	}
	.suite-process{
	  grid-template-columns: 1fr;
	    grid-template-areas: "suite-process-card-a" "suite-process-card-b" "suite-process-card-c" "suite-process-card-d" "suite-process-card-e";
	    gap: 3rem;
	    margin: 0.5rem auto;
	}
	.suite-process-card{
		max-width: 349px;
	}
	.suite-process-card p{
		font-size: 1rem;
	}
	.webiscribe-academic-expertise h6{
	  font-size: 2rem;
	  padding: 1rem;
	}
	.academic-grid{
	  grid-template-columns: 1fr;
	  grid-template-areas: "academic-grid-a" "academic-grid-b";
	}
	.academic-grid-a img{
		width: 100%;
		max-height: 100%;
		object-fit: cover;
	}
	.academic-grid-b{
	  padding: 1rem;
	}
	.academic-grid-b h5{
	  font-size:1.5rem;
	  margin-bottom: 1rem;
	  text-align: center;
	}
	.academic-grid-b p{
	  font-size:1rem;
	  margin-bottom: 1rem;
	  line-height: 1.3;
	}
	.academic-grid-b button{
	  font-size: 1rem;
	  padding:1rem;
	}
	.location-centric{
		padding: 0 1rem;
	}
	.location-centric-content-top h6{
	  font-size:2rem;
	  padding: 1rem 0;
	}
	.location-centric-content-top p{
	  font-size: .8rem;
	  line-height: 1.2;
	  padding:0;
	}
	.location-centric-cards{
	  grid-template-columns: 1fr;
	    grid-template-areas: "location-centric-card-a" "location-centric-card-b" "location-centric-card-c" "location-centric-card-d";
	    gap: 1rem;
	}
	.location-centric-content-top p{
		font-size: 1rem;
	}
	.location-centric-text{
	  padding: 0;
	  margin-bottom: 1rem;
	}
	.location-centric-text h6{
	  font-size: 1.7rem;
	  padding: 0 1rem 1rem 1rem;
	}
	.location-centric-text p{
	  font-size: 1rem;
	}
	.location-centric-text-inner{
	  padding:1rem;
	}
	.location-centric-text-inner p{
	  font-size: 1rem;
	  line-height: 1.3;
	}
	.location-centric-content button{
	  font-size: 1rem;
	  padding:1rem;
	  width:100%;
	}
	.search-testimonial-canister{
		padding: 1rem;
	}
	.search-FAQ h2{
		font-size: 2rem;
	}
	.search-FAQ p{
		font-size: 1rem;
	}
	.faq-item {
	 	width: 100%;
	}
	.faq-question{
		font-size: 1rem;
	}
	.faq-item .faq-answer{
		font-size: .9rem;
	}
}
@media(min-width: 1200px) and (max-width: 1400px){
	.location-content{
	    padding: 1rem;
	    line-height: 1.4;
	}
	.suite-services{
		padding: 0 1rem;
	}
	.suite-process{
		gap: 1rem;
	  	margin: 1rem auto;
	}
	.location-centric-content{
		padding:0 1rem;
	}	
	.location-centric-content-top p{
		font-size: 1rem;
		padding: 1rem 0;
	}
	.location-centric-cards{
		gap: 1rem;
	  	margin: 1rem auto;
	}
	.location-centric-card h6{
		font-size: 1.3rem;
		padding:1rem 0;
	}
	.location-centric-card p{
		font-size: 1rem;
	}
}