/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 26 2026 | 14:08:42 */
.swiper-slide-active .home-section-phone-cicon-1 img {
transform: rotate(-15deg) !important;
}
.swiper-slide .home-section-phone-cicon-1 img {
transform: rotate(15deg);
}
.check-allotment-form-1 button{
margin-top: 10px;
background: linear-gradient(to bottom, #333333 0%, #1a1a1a 100%);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.explore-dropdown-1 {
background: transparent;
border: none;
font-weight: 600;
font-size: 18px;
}
.explore-dropdown-1:focus-visible {
outline: none;
box-shadow: none;
}
.search-container {
position: relative;
}
.search-container input {
width: 100%;
padding: 12px 20px 13px 50px;
border-radius: 50px;
border: 1px solid #1A1A1A33;
background-color: transparent;
font-size: 16px;
outline: none;
transition: 0.3s ease;
}
.search-container input::placeholder {
color: #B9B9B9;
}
.search-container input:focus {
border-color: #1A1A1A33;
background-color: transparent;
}
.search-container svg {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
color: #9aa0a6;
font-size: 16px;
}
@media screen and (min-width: 250px) and (max-width: 480px) {
.home-journey-section-1 .swiper-slide .elementor-element.elementor-widget.elementor-widget-image {
transform: translateX(-40px) !important;
}
.home-journey-section-1 .swiper-slide-active .elementor-element.elementor-widget.elementor-widget-image {
transform: translateX(40px) !important;
}
}
.swiper-slide-active .elementor-element.elementor-widget.elementor-widget-image {
transform: translateX(65px) !important;
}
.swiper-slide .elementor-element.elementor-widget.elementor-widget-image {
transform: translateX(-65px);
}
.swiper-slide.swiper-slide-next .elementor-element.elementor-widget.elementor-widget-image {
transform: translateX(0) !important;
}
.swiper-slide-active img {
transform: perspective(1000px) rotateY(-40deg) rotateX(0) translateZ(0) !important;
transform-style: preserve-3d;
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.swiper-slide img {
transform: perspective(1000px) rotateY(40deg) rotateX(0) translateZ(0);
transform-style: preserve-3d;
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.swiper-slide.swiper-slide-next img {
transform: perspective(1000px) rotateY(0) rotateX(0) translateZ(0) !important;
transform-style: preserve-3d;
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.swiper-slide.swiper-slide-next {
transform: scale(1) !important;
transition: all 0.3s ease;
opacity: 1;
}
.swiper-slide {
transform: scale(0.70) !important;
transition: all 0.3s ease;
opacity: 0.5;
}
.footer-scroll-text {
white-space: nowrap;
animation: scroll 20s linear infinite;
}
@keyframes scroll {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
#ReachUSbutton {
/* Basic Sizing and Alignment */
display: inline-flex;
align-items: center;
justify-content: center;
padding: 17px 17px; /* Adjust padding for desired height and width */
cursor: pointer;
/* Text Styling */
color: white; /* White text */
font-size: 16px;
text-decoration: none; /* Remove underline if used on an tag */
text-transform: uppercase;
border-radius: 50px; /* Use a high value for pill-shape */
border: none; /* Remove default border */
background: linear-gradient(to bottom, #333333 0%, #1a1a1a 100%);
box-shadow:
0 5px 10px rgba(0, 0, 0, 0.5), /* Main outer shadow */
inset 0 1px 0 rgba(255, 255, 255, 0.1); /* Subtle white inner border/highlight */
position: relative; /* Needed for :after pseudo-element */
overflow: hidden; /* Keeps the pseudo-element within the rounded shape */
}
/* Optional: Hover effect for interactivity */
#ReachUSbutton:hover {
background: linear-gradient(to bottom, #444444 0%, #2b2b2b 100%); /* Slightly lighter on hover */
box-shadow:
0 8px 15px rgba(0, 0, 0, 0.6), /* Deeper shadow on hover */
inset 0 1px 0 rgba(255, 255, 255, 0.15);
transform: translateY(-1px); /* Slight lift */
}
/* Optional: Active (click) effect */
#ReachUSbutton:active {
box-shadow:
0 2px 5px rgba(0, 0, 0, 0.5), /* Less lift, pressed down look */
inset 0 1px 5px rgba(0, 0, 0, 0.2);
transform: translateY(1px); /* Move down */
}
.home-section-1-h-1 {
font-weight: bold;
}
.download-button a {
/* Basic Sizing and Alignment */
display: inline-flex;
align-items: center;
justify-content: center;
padding: 20px 35px; /* Adjust padding for desired height and width */
cursor: pointer;
/* Text Styling */
color: white; /* White text */
font-size: 16px;
text-decoration: none; /* Remove underline if used on an tag */
text-transform: uppercase;
border-radius: 50px; /* Use a high value for pill-shape */
border: none; /* Remove default border */
background: linear-gradient(to bottom, #333333 0%, #1a1a1a 100%);
box-shadow:
0 5px 10px rgba(0, 0, 0, 0.5), /* Main outer shadow */
inset 0 1px 0 rgba(255, 255, 255, 0.1); /* Subtle white inner border/highlight */
position: relative; /* Needed for :after pseudo-element */
overflow: hidden; /* Keeps the pseudo-element within the rounded shape */
}
/* Optional: Hover effect for interactivity */
.download-button a:hover {
background: linear-gradient(to bottom, #444444 0%, #2b2b2b 100%); /* Slightly lighter on hover */
box-shadow:
0 8px 15px rgba(0, 0, 0, 0.6), /* Deeper shadow on hover */
inset 0 1px 0 rgba(255, 255, 255, 0.15);
transform: translateY(-1px); /* Slight lift */
}
/* Optional: Active (click) effect */
.download-button a:active {
box-shadow:
0 2px 5px rgba(0, 0, 0, 0.5), /* Less lift, pressed down look */
inset 0 1px 5px rgba(0, 0, 0, 0.2);
transform: translateY(1px); /* Move down */
}
/* --- Outer Container (Where the Gradient Border lives) --- */
.pill-button-container {
position: relative;
border-radius: 50px;
padding: 3px;
isolation: isolate;
background: linear-gradient(45deg, #add8e6, #ffc994);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}
.pill-button-container h2::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 60px;
pointer-events: none;
border: 5px solid #F5F5F5;
}
.pill-button-container h2 {
padding: 20px 35px;
margin: 0;
text-align: center;
background-color: white;
border-radius: 45px;
position: relative;
display: inline-block;
}
.pill-button-container-1 {
position: relative;
border-radius: 50px;
padding: 2px;
isolation: isolate;
background: linear-gradient(45deg, #add8e6, #ffc994);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}
.pill-button-container-1 h2::before {
content: '';
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
border-radius: 60px;
pointer-events: none;
border: 4px solid #ffc994;
}
.pill-button-container-1 h2::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 60px;
pointer-events: none;
border: 5px solid #F5F5F5;
}
.pill-button-container-1 h2 {
padding: 20px 35px;
margin: 0;
text-align: center;
background-color: white;
border-radius: 45px;
position: relative;
display: inline-block;
}
.pill-button-container-2 {
position: relative;
border-radius: 50px;
padding: 2px;
isolation: isolate;
background: linear-gradient(45deg, #add8e6, #ffc994);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}
.pill-button-container-2 h2 {
padding: 20px 40px;
margin: 0;
text-align: center;
background-color: white;
border-radius: 45px;
position: relative;
display: inline-block;
}