/* CSSTidy 2.0.3: Thu, 01 Oct 2026 09:16:21 +0000 */
:root {
--primary:#0d6efd;
--secondary:#0b1f3a;
--light:#f8f9fa
}

body {
font-family:"arial",sans-serif!important;
overflow-x:hidden;
font-size:16px!important
}

a {
text-decoration:none
}

.section-padding {
padding:80px 0
}

.navbar {
box-shadow:0 2px 15px #00000014
}

.hero {
background:linear-gradient(135deg,#00246e,#0037a9);
color:#fff;
padding:50px
}

.hero h1 {
font-size:3rem;
font-weight:700
}

.hero-form {
background:#fff;
border-radius:15px;
padding:30px;
box-shadow:0 10px 40px #0003
}

.hero-form h4 {
color:#000
}

.category-card {
background:#fff;
border-radius:15px;
padding:30px;
text-align:center;
transition:.4s;
height:100%;
border:1px solid #eee
}

.category-card:hover {
transform:translateY(-10px);
box-shadow:0 15px 35px #0000001a
}

.category-card i {
font-size:45px;
color:var(--primary);
margin-bottom:20px
}

.service-box {
background:#fff;
border-radius:15px;
padding:30px;
height:100%;
box-shadow:0 5px 20px #0000000d;
background:linear-gradient(135deg,#fff0 0%,#dffaff 100%)
}

.counter-section {
background:url(https://www.77data.net/skin/Blue25/images/bg.png) no-repeat center center;
color:#fff
}

.counter-section .col-md-4 {
border:1px solid #1f1f1f;
padding:50px 0;
background:#0000004d;
margin:0
}

.counter {
font-size:48px;
font-weight:700
}

.database-card {
border:none;
border-radius:15px;
overflow:hidden;
box-shadow:0 5px 20px #00000014;
transition:.3s
}

.database-card:hover {
transform:translateY(-8px)
}

.database-card img {
height:220px;
object-fit:cover
}

.bg-header {
font-size:13.9px;
color:#fff;
color:#0037A9;
margin:2px 0;
margin-top:2px;
padding:5px 7px;
border:1px dashed #0037A9;
background:#DFFAFF;
font-family:Calibri
}

.process-step {
text-align:center;
padding:25px
}

.process-step .icon {
width:80px;
height:80px;
line-height:80px;
border-radius:50%;
background:var(--primary);
color:#fff;
font-size:30px;
margin:auto auto 20px
}

.testimonial {
background:#fff;
padding:30px;
border-radius:15px;
box-shadow:0 5px 20px #00000014;
height:100%
}

.cta {
background:linear-gradient(135deg,#0d6efd,#11468f);
color:#fff
}

.contact-box {
background:#fff;
border-radius:15px;
box-shadow:0 5px 25px #00000014
}

.footer {
background:#081424;
color:#fff
}

.footer a {
color:#ddd
}

.footer a:hover {
color:#fff
}

.footer ul {
list-style:none;
padding:0
}

.footer ul li {
margin-bottom:10px
}

@media (max-width: 991px) {
.hero {
text-align:center;
padding:80px 0
}

.hero h1 {
font-size:2.3rem
}
}

.top-bar {
background:#0037a9;
padding:8px 15px;
font-size:14px
}

.top-text {
color:#fff;
font-size:14px;
line-height:1.5
}

.top-links {
gap:18px
}

.top-links a {
color:#fff;
text-decoration:none;
font-size:14px;
transition:.3s ease;
white-space:nowrap
}

.top-links a:hover,.top-links a.active {
color:#ffd54f
}

.offer-btn {
display:inline-block;
background:#fff;
color:#0037a9;
text-decoration:none;
font-weight:600;
padding:6px 16px;
border-radius:4px;
transition:.3s ease
}

.offer-btn:hover {
background:#ffd54f;
color:#000
}

@media (max-width: 991.98px) {
.top-bar {
padding:10px 15px
}

.top-text {
text-align:center
}

.top-links {
justify-content:center;
gap:14px
}
}

@media (max-width: 575.98px) {
.top-bar {
padding:10px
}

.top-text {
font-size:13px
}

.top-links {
gap:10px
}

.top-links a {
font-size:13px
}

.offer-btn {
font-size:13px;
padding:5px 12px
}
}

.branding-area {
background:#fff
}

.main-logo {
max-width:100%;
height:auto
}

.branding-img {
max-width:100%;
height:auto
}

.contact-box {
font-size:15px;
color:#000
}

.sample-text {
color:red;
font-size:20px;
font-weight:700;
margin-bottom:6px
}

.contact-item {
font-size:20px;
line-height:1.6;
font-weight:700
}

.contact-item i {
color:#0037a9
}

.contact-item a {
color:#000;
text-decoration:none;
transition:.3s ease
}

.contact-item a:hover {
color:#0037a9
}

.offcanvas {
position:fixed;
bottom:0;
z-index:99999!important
}

@media (max-width: 991.98px) {
.contact-box {
text-align:center!important
}

.sample-text {
font-size:18px
}
}

@media (max-width: 767.98px) {
.branding-area {
padding-top:15px;
padding-bottom:15px
}

.sample-text {
font-size:17px
}

.contact-item {
font-size:14px
}

.main-logo {
max-width:280px
}
}

.navbar {
box-shadow:0 2px 15px #00000014;
z-index:1050;
background:#0037a9
}

.navbar-brand {
font-weight:700;
color:#0d6efd!important
}

.navbar {
padding:0
}

.nav-link {
font-weight:500;
color:#fff!important
}

.nav-link:hover {
color:#0037a9!important;
background:#9ed8ff
}

@media (min-width: 992px) {
.navbar .dropdown-menu {
display:block;
opacity:0;
visibility:hidden;
transform:translateY(12px);
transition:all .25s ease;
margin-top:0;
border:none;
border-radius:0;
box-shadow:0 10px 25px #00000014;
pointer-events:none
}

.navbar .dropdown:hover>.dropdown-menu {
opacity:1;
visibility:visible;
transform:translateY(0);
pointer-events:auto
}

.mega-menu {
width:100%;
left:0;
right:0;
padding:25px 10px
}

.mega-menu .row>div {
border-right:1px solid #eee
}

.mega-menu .row>div:last-child {
border-right:none
}

.mega-menu a {
display:block;
padding:6px 0;
font-size:14px;
color:#333;
text-decoration:none;
transition:all .2s ease
}

.mega-menu a:hover {
color:#0d6efd;
padding-left:6px
}
}

.offcanvas {
width:320px!important
}

.offcanvas-header {
border-bottom:1px solid #eee
}

.mobile-menu .nav-link {
padding:12px 7px!important;
border-bottom:1px solid #f1f1f1;
color:#333!important
}

.mobile-menu .dropdown-toggle::after {
float:right;
margin-top:10px
}

.mobile-menu .submenu {
padding-left:10px
}

.mobile-menu .submenu a {
display:block;
padding:8px 0;
font-size:14px;
color:#444;
text-decoration:none;
border-bottom:1px dashed #eee
}

.mobile-menu .submenu a:hover {
color:#0d6efd
}

@media (max-width: 991.98px) {
.mega-menu {
position:static!important;
width:100%!important;
box-shadow:none!important;
padding:0!important;
border:0!important;
transform:none!important;
opacity:1!important;
visibility:visible!important;
display:none
}

.mega-menu .row>div {
border-right:none
}

.mega-menu .col-md-4 {
margin-bottom:0
}

.mega-menu a {
display:block;
padding:8px 0 8px 12px;
font-size:14px;
color:#444;
text-decoration:none;
border-bottom:1px dashed #eee
}

.mega-menu a:hover {
color:#0d6efd
}
}

.animate-charcter {
text-transform:uppercase;
background-image:linear-gradient(-225deg,#231557 0%,#44107a 29%,#ff1361 67%,#fff800 100%);
background-size:auto auto;
background-clip:border-box;
background-size:200% auto;
color:#fff;
background-clip:text;
text-fill-color:transparent;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
animation:textclip 2s linear infinite
}

@keyframes textclip {
to {
background-position:200% center
}
}

.service-box {
border:1px solid #e9ecef;
border-radius:12px;
padding:30px 20px;
transition:.3s;
height:100%;
box-shadow:0 5px 20px #00000014;
transition:all .3s ease;
background:linear-gradient(135deg,#fff0 0%,#ddf4ff 100%)
}

.service-box:hover {
transform:translateY(-6px);
box-shadow:0 15px 35px #00000026;
background:linear-gradient(135deg,#ddf4ff 0%,#fff0 100%)
}

.service-box .h2 {
font-size:20px;
font-weight:600;
color:#222;
margin:0;
line-height:1.4
}

.service-icon img {
object-fit:contain
}

.service-box1 {
border-radius:12px
}

.service-box1 .h3 {
background:#0039aa;
color:#fff;
padding:6px 5px;
border-radius:0;
font-size:20px;
margin-bottom:13px!important
}

@media (max-width: 991px) {
.service-box {
padding:25px 15px
}

.service-box h2 {
font-size:18px
}
}

.content-box {
background:#fff;
padding:25px;
border-radius:10px;
margin-bottom:25px;
box-shadow:0 5px 15px #00000014
}

.toggle-btn {
margin-top:6px;
padding:3px 9px;
background:#0037a9!important;
color:#fff!important;
border:none;
border-radius:6px;
cursor:pointer;
transition:background .3s ease;
text-decoration:none;
z-index:99;
position:relative;
font-size:13px
}

.text-primary {
color:#0037a9!important
}

.bg-primary {
background-color:#0037a9!important
}

.section-title {
font-size:2rem;
font-weight:700;
margin-bottom:1rem;
line-height:1.3
}

.section-title a {
text-decoration:none;
color:#212529
}

.section-title a:hover {
color:#0d6efd
}

.info-card {
background:#fff;
border-radius:14px;
padding:10px 25px;
box-shadow:0 4px 18px #0003;
margin-bottom:20px
}

.info-card1 {
background:#fff;
border-radius:0;
padding:0;
box-shadow:none;
margin-bottom:20px
}

.info-card p {
margin-bottom:0;
color:#495057;
line-height:1.8;
font-size:15px;
text-align:justify;
z-index:99;
position:relative
}

.read-more-btn {
border:0;
background:#0d6efd;
color:#fff;
padding:10px 18px;
border-radius:8px;
font-weight:600;
transition:.3s
}

.read-more-btn:hover {
background:#0b5ed7
}

.region-box {
background:#fff;
border-radius:14px;
padding:22px 0;
box-shadow:0 4px 18px #0003;
height:100%;
transition:.3s ease
}

.region-box:hover {
transform:translateY(-4px);
box-shadow:0 8px 24px #0003
}

.region-box h3 {
font-size:1.3rem;
font-weight:700
}

.row .g-1 .link-grid {
display:flex;
flex-wrap:wrap;
gap:10px
}

.row .g-1 .link-grid a {
display:inline-block;
text-decoration:none;
color:#212529;
font-size:14px;
transition:.3s
}

.row .g-1 .link-grid a:hover {
background:#0d6efd;
color:#fff
}

.navbar-toggler-icon {
display:inline-block;
width:1.5em;
height:1.5em;
vertical-align:middle;
background:#fff var(--bs-navbar-toggler-icon-bg) center/100% no-repeat
}

.navbar {
padding:6px!important
}

.navbar-toggler {
background:#fff
}

.newhome21 p a {
color:#0037a9;
display:inherit;
border-bottom:none;
line-height:27px;
box-shadow:none;
font-size:14.4px!important;
position:inherit;
padding:0;
margin:0;
background:none!important;
text-decoration:none;
overflow:hidden;
float:none;
width:auto;
margin-left:0
}

.newhome21 p a:hover {
display:inherit;
border-bottom:none;
line-height:27px;
box-shadow:none;
font-size:14.4px!important;
position:inherit;
padding:0;
margin:0;
background:none!important;
text-decoration:underline;
overflow:hidden
}

.newhome21 {
border:2px solid #a4d7ff;
margin-top:10px;
padding:9px 11px 21px 9px;
border-radius:15px;
overflow:hidden;
margin-bottom:10px
}

.newhome21 p {
padding:4px 1px
}

.newhome21 h2,.newhome21 h3 {
text-align:center;
margin-top:0!important;
padding:0;
overflow:hidden
}

.newhome21 h2 a,.newhome21 h3 a {
font-size:20px!important;
padding:3px;
text-align:center;
font-family:"Times New Roman",Times,serif;
background:#0037a9;
color:#fff
}

.newhome21 a {
color:#000;
font-family:Arial,Helvetica,sans-serif;
display:block;
border-bottom:1px solid #a5e2ff;
line-height:27px;
box-shadow:5px 5px 5px #0099e0;
font-size:14.4px!important;
position:relative;
padding:2px 20px;
margin:3px 0;
background:#fff;
background:-moz-linear-gradient(left,#ffff 0%,#efff 100%);
background:-webkit-linear-gradient(left,#ffff 0%,#efff 100%);
background:linear-gradient(to right,#ffff 0%,#efff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeffd8',GradientType=1);
text-decoration:none;
box-shadow:inset .3em 0 #0072ca;
-webkit-transition:box-shadow 1s;
transition:box-shadow 1s;
overflow:hidden;
margin-left:10px
}

.newhome21 h2,.newhome21 h3 {
background:none;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}

.newhome21 h2 a,.newhome21 h3 a {
float:none;
width:100%;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}

.newhome21 h2 a:hover,.newhome21 h3 a:hover {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
color:#fff!important;
text-decoration:none;
text-shadow:1px 1px 1px #000;
border-bottom:1px solid #0037a9;
background:#0077cd;
box-shadow:inset 1em 0 #0037a9;
padding:2px 20px
}

.newhome21 a:hover {
color:#0037a9!important;
text-decoration:none;
border-bottom:1px solid #0037a9;
background:#c1f5ff;
box-shadow:inset 1em 0 #0037a9;
padding:2px 20px
}

.newhome21b h2,.newhome21 h3 {
text-align:center;
margin-top:0!important;
padding:0;
overflow:hidden
}

.newhome21b h2 a,.newhome21 h3 a {
font-size:20px!important;
padding:3px;
text-align:center;
color:#fff
}

.newhome21b a {
color:#000;
font-family:Arial,Helvetica,sans-serif;
display:block;
border-bottom:1px solid #a5e2ff;
line-height:27px;
box-shadow:5px 5px 5px #0099e0;
font-size:14.4px!important;
position:relative;
padding:2px 20px;
margin:3px 0;
background:#fff;
background:-moz-linear-gradient(left,#ffff 0%,#efff 100%);
background:-webkit-linear-gradient(left,#ffff 0%,#efff 100%);
background:linear-gradient(to right,#ffff 0%,#efff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeffd8',GradientType=1);
text-decoration:none;
box-shadow:inset .3em 0 #0072ca;
-webkit-transition:box-shadow 1s;
transition:box-shadow 1s;
overflow:hidden;
margin-left:10px
}

.newhome21b h2 {
background:none;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}

.newhome21b h2 a {
float:none;
width:100%;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}

.newhome21b h2 a:hover {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
color:#fff!important;
text-decoration:none;
text-shadow:1px 1px 1px #000;
border-bottom:1px solid #0037a9;
background:#0077cd;
box-shadow:inset 1em 0 #0037a9;
padding:2px 20px
}

.newhome21b a:hover {
color:#0037a9!important;
text-decoration:none;
border-bottom:1px solid #0037a9;
background:#c1f5ff;
box-shadow:inset 1em 0 #0037a9;
padding:2px 20px
}

.newhome21 h3 {
font-size:22px;
color:#b54081;
padding:7px;
text-align:center;
text-transform:uppercase;
text-decoration:underline double
}

.blink3 {
animation:blink-animation 1s steps(5,start) infinite;
-webkit-animation:blink-animation 1s steps(5,start) infinite;
font-weight:700;
font-size:15px;
padding:4px;
color:#d40000!important
}

@keyframes blink-animation {
to {
visibility:hidden
}
}

@-webkit-keyframes blink-animation {
to {
visibility:hidden
}
}

.mega-menu a {
margin-top:0;
color:#428bca;
text-shadow:0 0 0 #000!important;
font-size:15px;
padding:5px!important;
border-left:5px solid #0031a5;
border-bottom:0;
margin-bottom:2px;
background:#b3e7ff!important;
color:#000!important
}

.mega-menu a:hover {
background:#0076de!important;
color:hsl(0,0%,100%)!important;
padding-left:10px!important
}

@media (max-width: 767.98px) {
.newhome21 {
padding:35px 0
}

.section-title {
font-size:1.5rem
}

.info-card,.region-box {
padding:22px 0
}
}

.database-section {
background:#f4f8fc;
padding:70px 0
}

.database-title {
text-align:center;
margin-bottom:50px
}

.database-title h2 {
font-size:38px;
font-weight:700;
color:#0d6efd;
text-transform:uppercase;
margin-bottom:12px
}

.database-title span {
width:90px;
height:4px;
background:linear-gradient(90deg,#0d6efd,#00b4ff);
display:inline-block;
border-radius:30px
}

.database-card {
background:#fff;
border:none;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 30px #0003;
transition:.35s ease;
height:100%;
margin-bottom:25px
}

.database-card:hover {
transform:translateY(-8px);
box-shadow:0 18px 40px #0d6efd33
}

.database-card .card-header {
background:linear-gradient(135deg,#0d6efd,#00a8ff);
color:#fff;
font-size:20px;
font-weight:700;
padding:16px 22px;
text-transform:uppercase;
border:none
}

.database-card .card-body {
padding:24px
}

.database-card ul,.database-card ol {
margin:0;
padding-left:20px
}

.database-card ul li,.database-card ol li {
margin-bottom:10px;
color:#555;
font-size:15px;
line-height:1.7
}

.database-card ul li::marker {
color:#0d6efd
}

.database-card strong {
display:block;
margin-top:18px;
color:#0d6efd;
font-weight:700
}

.database-card h6 {
color:#222;
font-weight:600;
margin-bottom:18px
}

.list-two-column {
columns:2;
column-gap:40px
}

.list-two-column li {
break-inside:avoid
}

@media (max-width: 991px) {
.database-title h2 {
font-size:30px
}

.list-two-column {
columns:1
}
}

@media (max-width: 576px) {
.database-section {
padding:50px 0
}

.database-title h2 {
font-size:26px
}

.database-card .card-header {
font-size:17px;
padding:14px 18px
}

.database-card .card-body {
padding:20px
}
}

.clients-wrapper {
overflow:hidden;
padding:40px 0;
position:relative
}

.clients-track {
display:flex;
transition:transform .5s ease;
will-change:transform
}

.client-item {
flex:0 0 16.666%;
display:flex;
justify-content:center;
align-items:center;
padding:15px
}

.client-item img {
max-width:140px
}

.client-item img:hover {
filter:grayscale(0%);
transform:scale(1.05)
}

@media (max-width: 992px) {
.client-item {
flex:0 0 25%
}

.btn.book-now {
border-radius:10px 10px 0 0;
color:#fff!important;
display:inline-block;
height:30px;
line-height:18px;
position:fixed;
right:12px;
text-align:center;
text-decoration:none;
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
transform-origin:bottom right;
z-index:99999;
font-size:17px;
background:linear-gradient(to right,#20c997 0,#00236c 100%);
font-family:arial;
top:4%;
font-weight:700
}

.btn.book-now1 {
border-radius:10px 10px 0 0;
color:#fff!important;
display:inline-block;
height:30px;
line-height:18px;
position:fixed;
text-align:center;
text-decoration:none;
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
transform-origin:bottom right;
z-index:9999;
font-size:17px;
background:linear-gradient(to right,#20c997 0,#00236c 100%);
font-family:arial;
top:58%
}
}

.sticky-top {
z-index:999!important
}

@media (max-width: 576px) {
.client-item {
flex:0 0 50%
}

.btn.book-now {
z-index:999!important
}

.btn.book-now1 {
z-index:999!important
}
}

.slider-btn {
position:absolute;
top:63%;
transform:translateY(-50%);
background:#000;
color:#fff;
border:none;
width:40px;
height:40px;
border-radius:50%;
z-index:10;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
opacity:.7
}

.slider-btn:hover {
opacity:1
}

.prev-btn {
left:10px
}

.next-btn {
right:10px
}

.faq-title {
font-size:25px;
font-weight:700;
color:#0037a9;
margin-bottom:5px;
padding-left:15px;
margin-bottom:12px;
padding-left:15px;
margin-top:5px;
text-decoration:underline;
text-align:center;
padding-bottom:12px
}

.faq-box {
padding-left:10px;
padding-right:10px
}

.accordion-button {
background:#ffffff80;
overflow:hidden;
box-shadow:0 2px 1px #9be3ff;
transition:.3s;
margin-bottom:2px;
font-weight:600;
font-size:15px
}

.accordion-button:not(.collapsed) {
background:#0d6efd;
color:#fff
}

.accordion-body {
font-size:14px;
color:#444
}

#backToTop {
position:fixed;
bottom:25px;
right:25px;
z-index:99999;
display:none;
border-radius:50px;
padding:10px 14px;
box-shadow:0 4px 12px #0003;
transition:all .3s ease
}

#backToTop:hover {
transform:translateY(-3px)
}

.newhomecontent a {
color:#fdcc0d;
text-decoration:none;
font-weight:600;
transition:.3s ease
}

.newhomecontent h1 {
font-size:35px;
font-weight:700;
color:#fff;
margin-bottom:12px;
text-transform:uppercase;
margin-top:12px;
text-decoration:underline double;
text-align:center;
padding-bottom:12px
}

.newhomecontent h2 {
font-size:32px;
font-weight:700;
color:#fff;
margin-bottom:12px;
text-transform:uppercase;
margin-top:12px;
text-decoration:underline double;
text-align:center;
padding-bottom:12px;
padding-top:15px
}

.newhomecontent p {
text-align:justify;
margin-bottom:12px;
line-height:1.6;
font-size:16px;
color:#fff
}

.card {
transition:all .3s ease;
background:linear-gradient(135deg,#fff0 0%,#ddf4ff 100%)
}

.card h3 {
font-size:19px;
font-weight:400!important
}

.card:hover {
transform:translateY(-6px);
box-shadow:0 15px 35px #0003;
background:linear-gradient(135deg,#ddf4ff 0%,#fff0 100%)
}

.cc-calto-action-ripple {
position:fixed;
left:20px;
bottom:18px;
z-index:9999;
display:flex;
flex-direction:column;
align-items:center;
background:#CE004F;
color:#fff;
padding:14px 16px;
border-radius:18px;
text-decoration:none;
box-shadow:0 8px 20px #00000040;
transition:.3s;
overflow:hidden
}

.cc-calto-action-ripple:hover {
transform:translateY(-4px);
color:#fff
}

.cc-calto-action-ripple i {
font-size:34px;
margin-bottom:10px
}

.text_icon {
margin:0;
font-weight:600;
font-size:13px;
letter-spacing:.5px
}

.cc-calto-action-ripple::before {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#ffffff40;
border-radius:18px;
transform:scale(0);
animation:ripple 2.5s infinite
}

@keyframes ripple {
0% {
transform:scale(0);
opacity:.6
}

100% {
transform:scale(2);
opacity:0
}
}

@media (max-width: 576px) {
.cc-calto-action-ripple {
left:12px;
bottom:25px;
padding:12px 14px
}

.cc-calto-action-ripple i {
font-size:30px
}

.text_icon {
font-size:12px
}
}

.footer-top-area {
background:#afed5f;
background:-moz-linear-gradient(top,#91e0ff 0%,#fff 67%);
background:-webkit-linear-gradient(top,#91e0ff 0%,#fff 67%);
background:linear-gradient(to bottom,#91e0ff 0%,#fff 67%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#afed5f',endColorstr='#ffffff',GradientType=0);
color:#000;
margin-top:20px;
border-top:5px solid #0037a9
}

.footer-menu {
list-style:outside none none;
margin:0;
padding:0
}

.footer-menu a {
border-bottom:1px dashed #29b0ff;
padding:3px 5px;
margin:1px;
display:block;
color:#000;
text-decoration:none
}

.footer-menu a:hover {
padding:3px 15px;
margin:1px;
background:#97e1ff;
color:#0037a9;
text-decoration:none
}

.footer-social a {
background:#0037a9;
color:#fff;
display:inline-block;
font-size:20px;
height:40px;
margin-bottom:10px;
margin-right:8px;
padding-top:5px;
text-align:center;
width:40px;
border:#0037a9 1px solid
}

.footer-social a:hover {
background-color:#95e1ff;
border:#0037a9 1px solid;
color:#0037a9!important
}

.footer-social {
margin-top:20px
}

.footer-bottom-area {
background:#0037a9;
color:#fff;
padding-bottom:15px
}

.footer-newsletter a {
color:#000;
text-decoration:none;
font-weight:600
}

.footer-newsletter a:hover {
color:#0037a9;
font-weight:600
}

.footer-social i {
color:#fff
}

.footer-social i:hover {
color:#0037a9!important
}

.copyright>p {
margin:10px 0 0;
text-align:center;
color:#fff
}

.copyright>p a {
color:#fff
}

.copyright>p a:hover {
color:#98e2ff!important
}

.footer-top-area p {
color:#000
}

.fixed-tab-wrapper {
position:fixed;
right:-75px;
top:50%;
transform:translateY(-50%);
z-index:9999;
display:flex;
flex-direction:column;
gap:28px
}

.fixed-tab {
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:12px 28px;
border-radius:30px;
color:#fff;
font-weight:700;
font-size:13px;
text-decoration:none;
white-space:nowrap;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
transform-origin:center;
box-shadow:0 8px 18px #00000040;
background-size:300% 300%;
animation:gradientMove 6s ease infinite;
transition:all .3s ease;
margin:45px 0;
right:27px;
position:relative
}

.btn1 {
background:linear-gradient(270deg,#ff416c,#ff4b2b,#ff416c)
}

.btn2 {
background:linear-gradient(270deg,#007ef9,#2ec4ffdb,#0081ff)
}

.btn3 {
background:linear-gradient(270deg,#00821e,#00d845,#00821e)
}

.fixed-tab:hover {
transform:rotate(-90deg) translateX(6px);
box-shadow:0 12px 28px #00000059;
color:#fff
}

.fixed-tab span {
width:22px;
height:22px;
border-radius:50%;
background:#ffffff40;
display:flex;
align-items:center;
justify-content:center;
font-size:12px
}

@keyframes gradientMove {
0% {
background-position:0 50%
}

50% {
background-position:100% 50%
}

100% {
background-position:0 50%
}
}

@media (max-width: 768px) {
.fixed-tab-wrapper {
right:-70px;
gap:20px
}

.fixed-tab {
font-size:11px;
padding:10px 20px
}
}

.newhome2 .h3,.newhome2 h3 {
background:#0037a9;
padding:5px;
text-align:center;
margin:15px 0!important;
color:#fff
}

.bg1234 {
background:linear-gradient(to bottom,#fff 0,#cceeffde 100%);
border:2px solid #73aaff;
padding:15px 25px;
color:#db258a;
line-height:28px;
font-size:16px;
margin-bottom:15px
}

.bg1234 a {
color:#000!important
}

.bg1234 a:hover {
color:#00008b!important;
text-align:justify
}

.data-wrapper {
background:#fff;
box-shadow:6px 0 10px 7px #00000012;
border-radius:25px;
padding:28px 15px
}

.page-heading {
color:#ce004f;
font-size:30px;
font-weight:700;
text-align:center;
padding:0;
font-family:"Segoe UI",sans-serif
}

.intro {
font-size:15px;
line-height:28px;
color:#555
}

.read-more {
float:right;
color:#0d6efd;
font-weight:600
}

.read-more:hover {
color:#d4145a
}

.offer-box {
background:#eef7ff;
border:1px solid #9ec8ff;
color:#0d6efd;
font-weight:700;
text-align:center;
padding:12px;
margin:20px 0;
border-radius:5px
}

.section-title {
padding:12px 15px;
font-size:20px;
font-weight:700;
margin-bottom:15px;
color:#fff
}

.company-list {
list-style:none;
padding:0;
margin:0
}

.company-list li {
margin-bottom:8px
}

.company-list li a {
display:block;
padding:12px 15px;
border:1px solid #ffbbd5;
color:#333;
transition:.3s;
font-size:16px;
font-weight:700;
border-left:6px solid #ce004f;
border-top-left-radius:15px;
border-bottom-right-radius:15px
}

.company-list li a:hover {
background:#ffe5ef;
color:#ce004f;
padding-left:25px
}

.wrapper {
background:#fff;
border-radius:25px;
padding:25px;
box-shadow:0 10px 35px #0003
}

.main-title {
font-size:25px;
font-weight:581;
text-align:center;
background:linear-gradient(90deg,#d4145a,#a4003c);
-webkit-background-clip:text;
color:transparent
}

.offer {
color:#d4145a;
font-weight:700;
text-align:center;
font-size:16px
}

.pills {
background:#fff0f7;
border-radius:35px;
padding:14px;
text-align:center;
box-shadow:0 5px 15px #ddd;
border:2px solid #fff
}

.pills span {
margin:0 12px;
font-weight:700;
color:#d4145a
}

.info {
background:linear-gradient(120deg,#dff4ff,#c4e8ff);
padding:18px;
border-radius:18px;
text-align:center;
font-weight:700;
color:#003d91;
box-shadow:0 1px 14px #ccc;
border:2px solid #fff
}

.feature-box {
background:#fff;
border-radius:20px;
padding:7px
}

.feature-box li {
list-style:none;
font-size:15.5px;
line-height:39px;
margin-left:57px
}

.feature-box i {
color:#06c;
background:#e5f2ff;
border-radius:50%;
padding:8px;
height:32px;
width:32px;
margin:5px;
text-align:center;
position:absolute;
left:42px
}

.highlight {
color:#d4145a;
font-weight:700
}

.price-card {
border:1px solid #98deff;
background:linear-gradient(45deg,#d9ecf9 1%,#fff 52%,#d9ecf9 100%)!important;
border-radius:25px;
text-align:center
}

.price-card h2 {
color:#d4145a;
font-size:23px;
line-height:25px;
padding:13px
}

.price h3 {
font-size:22px
}

.buy-btn {
background:linear-gradient(90deg,#006cff,#00a8ff);
color:#fff;
border-radius:50px;
padding:12px;
border:none;
font-weight:700;
transition:.3s
}

.buy-btn:hover {
transform:translateY(-4px)
}

.call-floating {
position:fixed;
bottom:25px;
left:25px;
height:60px;
width:60px;
border-radius:50%;
background:#ff7b16;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:25px;
box-shadow:0 10px 25px #aaa
}

.readmore {
cursor:pointer;
color:#0037a8;
font-weight:700
}

.related-list {
margin:0;
padding:0
}

.related-list li {
list-style:none;
padding:14px 15px;
border-bottom:1px dashed #ccc;
position:relative;
padding-left:35px;
transition:.3s
}

.related-list li:before {
content:"\f138";
font-family:"Font Awesome 6 Free";
font-weight:900;
position:absolute;
left:12px;
top:16px;
color:#d4145a
}

.related-list li:hover {
background:#fff0f7;
padding-left:42px
}

.related-list a {
text-decoration:none;
color:#333;
font-size:14px;
font-weight:600
}

.related-list a:hover {
color:#d4145a
}

.related h3 {
background:linear-gradient(90deg,#d4145a,#ff9bc9);
color:#fff;
padding:15px;
font-size:20px
}

.related {
background:#fff;
box-shadow:0 10px 35px #00000014
}

.btn.book-now {
border-radius:10px 10px 0 0;
color:#fff!important;
display:inline-block;
height:30px;
line-height:18px;
position:fixed;
right:0;
text-align:center;
text-decoration:none;
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
transform-origin:bottom right;
z-index:99999;
font-size:17px;
background:linear-gradient(to right,#d1105a 0,#00236c 100%);
font-family:arial;
top:4%;
font-weight:700
}

.btn.book-now1 {
border-radius:10px 10px 0 0;
color:#fff!important;
display:inline-block;
height:30px;
line-height:18px;
position:fixed;
right:0;
text-align:center;
text-decoration:none;
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
transform-origin:bottom right;
z-index:9999;
font-size:17px;
background:linear-gradient(to right,#cf0653 0,#00236c 100%);
font-family:arial;
top:58%
}

.blink1 {
font-size:17px;
padding-top:4px;
padding-bottom:4px;
text-align:left;
padding-left:15px;
color:red;
font-weight:700;
text-align:center
}

.blink1 span {
color:red;
animation:pulse 3s ease infinite alternate,nudge 5s linear infinite alternate
}

@keyframes pulse {
0%,100% {
color:blue
}

50% {
color:red
}
}

.about-us-hero {
position:relative;
padding:40px 0;
background:radial-gradient(circle at top left,#0d6efd1a,transparent 30%),radial-gradient(circle at bottom right,#20c9971a,transparent 28%),linear-gradient(180deg,#f8fbff 0%,#fff 100%);
overflow:hidden
}

.about-card {
background:#ffffffeb;
border:1px solid #0d6efd80;
border-radius:24px;
box-shadow:0 15px 20px #0f172a4d;
padding:34px;
transition:all .35s ease;
backdrop-filter:blur(8px);
height:100%
}

.about-card:hover {
transform:translateY(-6px);
box-shadow:0 22px 50px #0f172a1a;
border-color:#0d6efd80
}

.section-badge {
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 16px;
border-radius:999px;
background:linear-gradient(135deg,#0037a9,#20c997);
color:#fff;
font-weight:600;
font-size:.95rem;
box-shadow:0 10px 25px #0d6efd33;
margin-bottom:18px
}

.about-title {
font-size:clamp(1.8rem,2vw,2.6rem);
font-weight:500;
line-height:1.15;
color:#0f172a;
margin-bottom:14px
}

.about-title span {
color:#0037a9
}

.about-text {
color:#475569;
font-size:1.02rem;
line-height:1.85;
margin-bottom:16px
}

.about-text a {
color:#0037a9;
text-decoration:none;
font-weight:600;
position:relative
}

.about-text a:hover {
text-decoration:underline
}

.feature-list {
list-style:none;
padding:0;
margin:22px 0 0;
display:grid;
gap:12px;
position:relative;
z-index:1
}

.feature-list li {
display:flex;
align-items:flex-start;
gap:12px;
padding:12px 14px;
background:#ffffff1f;
border:1px solid #ffffff29;
border-radius:14px;
backdrop-filter:blur(4px)
}

.feature-list i {
margin-top:3px;
color:#fff;
font-size:1rem
}

.feature-list span {
color:#fffffff2;
line-height:1.55;
font-size:.98rem
}

.subtitle {
font-weight:800;
color:#0f172a;
margin:0 0 16px;
font-size:1.4rem;
letter-spacing:.2px
}

.divider-line {
width:90px;
height:4px;
border-radius:999px;
background:linear-gradient(90deg,#0037a9,#d6018f);
margin:14px 0 22px
}

@media (max-width: 991px) {
.about-us-hero {
padding:60px 0
}
}

.data-section {
background:#f4f7fb
}

.section-subtitle {
display:inline-block;
background:#0037a9;
color:#fff;
padding:8px 20px;
border-radius:30px;
font-weight:600;
margin-bottom:15px
}

.section-title {
font-size:42px;
font-weight:700;
margin-bottom:15px
}

.section-title span {
color:#0037a9
}

.section-text {
color:#666;
max-width:700px;
margin:auto
}

.info-card h2 {
font-size:21px;
font-weight:700;
color:#0037a9
}

.info-card {
background:#fff;
border-radius:18px;
position:relative;
overflow:hidden;
text-align:left!important
}

.info-card:before {
content:"";
position:absolute;
left:0;
top:0;
width:5px;
height:100%;
background:#0037a9;
transition:.4s
}

.info-card:hover:before {
width:100%;
opacity:.04
}

.info-card h3 {
font-size:21px;
font-weight:700;
color:#cd105a;
position:relative;
z-index:2
}

.info-card h3 i {
color:#0037a9;
margin-right:10px
}

.info-card ul {
padding:0;
margin:0;
list-style:none;
position:relative;
z-index:2
}

.info-card ul li {
padding:10px 0;
border-bottom:1px dashed #e5e5e5;
font-size:16px;
display:flex;
align-items:flex-start;
gap:10px
}

.info-card ul li:last-child {
border:none
}

.info-card ul li i {
color:#ce004f;
margin-top:4px
}

.note {
margin-top:20px;
padding:12px 18px;
background:#eaf4ff;
border-left:4px solid #0037a9;
border-radius:10px;
font-weight:600;
color:#0037a9
}

.sample-btn {
float:right;
background:#0037a9;
color:#fff;
padding:8px 18px;
border-radius:30px;
text-decoration:none;
font-size:14px;
transition:.3s
}

.sample-btn:hover {
background:#000;
color:#fff
}

.download-list {
padding-left:20px
}

.download-list li {
padding:6px 0;
font-size:17px
}

@media (max-width: 768px) {
.section-title {
font-size:30px
}

.info-card {
padding:25px
}
}

.btn-popup {
background:#0d6efd;
color:#fff;
border-radius:50px;
font-weight:600
}

.btn-popup:hover {
background:#084298;
color:#fff
}

.modal-content {
border:none;
border-radius:15px;
overflow:hidden
}

.modal-header {
background:#0d6efd;
color:#fff;
border:none;
padding:4px 25px;
font-size:15px!important
}

.modal-header .btn-close {
filter:invert(1)
}

.form-control {
border-radius:8px
}

.one .row {
margin-bottom:5px
}

textarea.form-control {
height:120px
}

.btn-submit {
background:#0d6efd;
color:#fff;
border-radius:8px;
padding:12px;
font-weight:600
}

.btn-submit:hover {
background:#084298;
color:#fff
}

.form {
padding:15px
}

.enquiry {
background:#F2F2F2;
overflow:hidden
}

label {
display:inline-block;
max-width:100%;
margin-top:10px
}

.contact h4 {
color:#009;
font-size:22px;
font-weight:700;
margin-top:15px;
text-transform:uppercase
}

.contact strong {
color:#C40000
}

input[type=radio]:not(old) {
width:28px;
margin:0;
padding:0
}

input[type=radio]:not(old)+label {
display:inline-block;
margin-left:-28px;
padding-left:28px;
background:url(img/checks.png) no-repeat 0 0;
line-height:18px
}

input[type=radio]:not(old):checked+label {
background-position:0 -24px
}

.button {
padding:9px 24px;
border-radius:5px;
cursor:pointer;
text-align:center;
color:#fff
}

.colorstar {
color:red
}

.database-section {
padding:70px 0
}

.section-title {
font-size:34px;
font-weight:700;
color:#222
}

.section-title span {
color:#d4145a
}

.title-line {
width:90px;
height:4px;
background:#d4145a;
margin:15px auto 35px;
border-radius:30px
}

.data-card {
background:linear-gradient(to bottom,#ffecf400 0%,#ffecf4fc 99%,#ffecf4ff 100%);
border-radius:12px;
overflow:hidden;
margin-bottom:18px;
box-shadow:0 8px 25px #00000014;
transition:.35s;
border-left:5px solid #d4145a;
color:#d4145a;
border-right:5px solid #d4145a;
border-bottom:1px solid #fff;
border-top:1px solid #fff
}

.data-card a {
color:#020202
}

.data-card:hover {
transform:translateY(-5px);
box-shadow:0 12px 30px #00000026;
border-left:10px solid #0039a3;
border-right:10px solid #0039a3;
background:linear-gradient(to bottom,#def3ff00 0%,#def3fffc 99%,#def3ffff 100%);
border-bottom:1px solid #fff;
border-top:1px solid #fff
}

.data-content {
padding:22px
}

.download-btn {
border-radius:30px;
padding:8px 22px
}

@media (max-width: 767px) {
.section-title {
font-size:28px
}

.data-card {
text-align:center
}

.data-card .d-flex {
display:block!important
}

.download-btn {
margin-top:20px;
width:100%
}
}

.about-us-hero .h5 {
text-align:center;
font-size:25px;
font-weight:700;
color:#d6018f;
margin-bottom:12px;
padding-left:15px;
margin-top:25px;
text-decoration:underline;
text-align:center
}

.about-us-hero p {
padding:0 15px;
text-align:justify;
font-size:16px;
line-height:28px;
color:#000;
margin-bottom:12px
}

.about-us-hero p a {
color:#d6018f!important;
text-decoration:underline;
font-weight:600
}

.cta-text h2 {
font-size:30px;
font-weight:700;
color:#0037a9;
margin-bottom:12px;
padding-left:15px;
margin-top:25px;
text-decoration:underline;
padding-bottom:12px
}

button.navbar-toggler {
background:#fff
}

.contact-section {
padding:44px 0;
font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
color:var(--text)
}

.section-heading {
text-align:center
}

.section-heading h2 {
font-weight:700;
margin-bottom:10px
}

.section-heading p {
color:var(--muted);
margin-bottom:0
}

.contact-card,.form-card {
backdrop-filter:blur(10px);
border:1px solid #9bc0ff;
border-radius:22px;
box-shadow:var(--shadow);
overflow:hidden;
transition:all .3s ease;
background:radial-gradient(ellipse at center,#fff 0%,#eff9ff 51%,#b2dbff 100%)
}

.contact-card:hover,.form-card:hover {
transform:translateY(-4px);
box-shadow:0 18px 40px #1018281f
}

.contact-left {
padding:28px;
height:100%;
background:linear-gradient(-50deg,#0067ff17,#ffffffeb)
}

.brand-title {
font-size:1.55rem;
font-weight:700;
color:var(--primary-dark);
margin-bottom:6px;
text-transform:uppercase;
letter-spacing:.02em;
color:#d6195e
}

.brand-subtitle {
display:inline-block;
padding:6px 14px;
border-radius:999px;
background:#0d6efd1a;
color:var(--primary-dark);
font-weight:700;
margin-bottom:22px
}

.info-item {
display:flex;
gap:14px;
align-items:flex-start;
padding:16px 0;
border-bottom:1px solid #11182714
}

.info-item:last-child {
border-bottom:0;
padding-bottom:0
}

.info-icon {
width:42px;
height:42px;
min-width:42px;
border-radius:12px;
background:linear-gradient(135deg,var(--primary),#0037a9);
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
box-shadow:0 10px 22px #0d6efd2e
}

.info-item strong {
display:block;
font-size:1rem;
margin-bottom:4px;
color:#111827
}

.info-item span,.info-item a {
color:var(--muted);
text-decoration:none;
word-break:break-word
}

.info-item a:hover {
color:var(--primary)
}

.map-wrap {
height:100%;
min-height:320px;
border-radius:22px;
overflow:hidden;
border:1px solid var(--border);
box-shadow:var(--shadow);
background:#fff;
border:1px solid #9bc0ff
}

.map-wrap iframe {
width:100%;
height:100%;
min-height:320px;
border:0;
display:block
}

.form-card {
padding:28px
}

.form-title {
font-size:1.7rem;
font-weight:700;
margin-bottom:8px;
color:#d6195e
}

.form-subtitle {
color:var(--muted);
margin-bottom:24px
}

.form-label {
font-weight:600;
color:#374151;
margin-bottom:8px
}

.form-control {
border-radius:14px;
border:1px solid #d8e2f2;
padding:12px 14px;
box-shadow:none!important
}

.form-control:focus {
border-color:#0d6efd8c;
box-shadow:0 0 0 .22rem #0d6efd1f!important
}

.captcha-box {
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
margin-bottom:14px
}

.captcha-box img {
border-radius:10px;
border:1px solid #dbe4f0;
background:#fff;
padding:4px
}

.refresh-btn {
width:38px;
height:38px;
border-radius:10px;
border:1px solid #dbe4f0;
background:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
color:var(--primary);
text-decoration:none;
transition:.25s ease
}

.refresh-btn:hover {
background:#1141aa;
color:#fff;
border-color:#1141aa
}

.btn-submit {
background:linear-gradient(135deg,#003d97,#0061ff);
border:none;
border-radius:14px;
padding:12px 24px;
font-weight:700;
box-shadow:0 12px 24px #0d6efd33;
transition:.25s ease
}

.btn-submit:hover {
transform:translateY(-2px);
box-shadow:0 16px 28px #0d6efd40
}

.btn-reset {
background:#fff;
color:#d6018f;
border:1px solid #ffd5f1;
border-radius:14px;
padding:12px 24px;
font-weight:700;
transition:.25s ease
}

.btn-reset:hover {
background:#d6018f;
color:#fff;
border-color:#d6018f
}

.note-box {
margin-top:18px;
padding:14px 16px;
border-radius:16px;
background:#0d6efd0f;
border:1px solid #0d6efd1f;
color:#24436b;
font-size:.95rem
}

@media (max-width: 991px) {
.contact-section {
padding:50px 0
}

.form-card,.contact-left {
padding:22px
}

.form-title {
font-size:1.45rem
}
}

.database-section {
padding:80px 0
}

.section-title {
text-align:center;
margin-bottom:15px
}

.section-title h2 {
font-size:42px;
font-weight:800;
color:#0A4E97
}

.section-title p {
color:#666;
font-size:18px
}

.search-box {
max-width:700px;
margin:35px auto 60px;
position:relative
}

.search-box input {
height:60px;
border-radius:50px;
border:none;
box-shadow:0 10px 35px #00000014;
padding-left:55px;
font-size:17px
}

.search-box i {
position:absolute;
left:22px;
top:21px;
color:#0A4E97;
font-size:18px
}

.database-card {
background:#fff;
border-radius:20px;
padding:25px 35px 0;
margin-bottom:35px;
position:relative;
overflow:hidden;
box-shadow:0 15px 45px #00000080;
transition:.4s
}

.database-card:hover {
transform:translateY(-8px);
box-shadow:0 25px 55px #00000080
}

.database-card::before {
content:"";
position:absolute;
left:0;
top:0;
width:6px;
height:100%;
background:linear-gradient(#0A4E97,#CE004F)
}

.card-header-custom {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:25px
}

.card-header-custom h3 {
font-size:28px;
font-weight:700;
margin:0;
color:#CE004F
}

.badge-count {
background:#FCAF26;
color:#fff;
font-size:14px;
padding:10px 18px;
border-radius:50px
}

.database-links {
display:grid;
gap:8px
}

.database-links a {
text-decoration:none;
background:#eef5ff;
padding:7px 18px;
border-radius:7px;
color:#333;
font-weight:600;
transition:.35s;
border:1px solid transparent;
margin:2px;
width:49%!important
}

.database-links a:hover {
background:#0037a9;
color:#fff;
transform:translateY(-3px)
}

.database-links a span {
color:red
}

.view-btn {
margin-top:30px
}

.view-btn a {
display:inline-block;
background:#0037A9;
color:#fff;
padding:13px 28px;
border-radius:50px;
text-decoration:none;
font-weight:700;
transition:.3s
}

.view-btn a:hover {
background:#CE004F
}

@media(max-width:768px) {
.section-title h2 {
font-size:30px
}

.card-header-custom {
display:block
}

.badge-count {
margin-top:12px;
display:inline-block
}

.database-card {
padding:25px
}

.database-links {
gap:10px
}

.database-links a {
width:100%!important;
text-align:left
}
}

.sample-section {
padding:80px 0
}

.sample-card {
background:linear-gradient(135deg,#fff0 0%,#dffaff 100%);
border:1px solid #a7c4ff;
border-radius:20px;
padding:45px;
box-shadow:0 20px 60px #00000026;
transition:.4s
}

.sample-card:hover {
transform:translateY(-6px);
box-shadow:0 25px 70px #00000038
}

.sample-card h2 {
font-weight:700;
color:#CE004F;
margin-bottom:10px
}

.sample-card p {
color:#777;
margin-bottom:25px
}

.form-label {
font-weight:600;
color:#333;
margin-bottom:8px
}

.form-label i {
color:#0037a9;
margin-right:6px
}

.form-label span {
color:red
}

.form-control {
height:55px;
border-radius:12px;
border:1px solid #dcdcdc;
padding-left:18px;
font-size:15px;
transition:.3s
}

.form-control:focus {
border-color:#0d6efd;
box-shadow:0 0 12px #0d6efd40
}

.captcha-box {
display:flex;
align-items:center
}

.captcha-box img {
height:55px;
border-radius:10px;
border:1px solid #ddd
}

.refresh-btn {
width:50px;
height:50px;
border:none;
background:#1141aa;
color:#fff;
border-radius:12px;
transition:.3s
}

.refresh-btn:hover {
background:#022963;
transform:rotate(180deg)
}

.submit-btn {
background:#0036a7;
color:#fff;
padding:13px 40px;
border-radius:50px;
font-weight:600;
transition:.4s
}

.submit-btn:hover {
background:#1141aa;
transform:translateY(-3px);
box-shadow:0 12px 25px #19208759;
color:#fff
}

.reset-btn {
background:#CE004F;
color:#fff;
padding:13px 40px;
border-radius:50px;
font-weight:600;
transition:.4s
}

.reset-btn:hover {
background:#be366a;
transform:translateY(-3px);
box-shadow:0 12px 25px #dc354559;
color:#fff
}

@media(max-width:768px) {
.sample-card {
padding:25px
}

.submit-btn,.reset-btn {
width:100%
}

.d-flex {
flex-direction:column
}

.captcha-box {
flex-wrap:wrap
}
}

.modal-content {
border-radius:20px;
overflow:hidden
}

.form-control {
border-radius:12px;
height:50px;
border:1px solid #8eccff;
transition:.35s
}

.form-control:focus {
border-color:#0d6efd;
box-shadow:0 0 12px #0d6efd33
}

.input-group-text {
background:#f8f9fa;
border-radius:12px 0 0 12px;
width:48px;
justify-content:center;
color:#0d6efd
}

.btn-primary {
background:linear-gradient(45deg,#0d6efd,#0a58ca);
border:none;
transition:.35s
}

.btn-primary:hover {
transform:translateY(-3px);
box-shadow:0 10px 25px #0d6efd59
}

.btn-outline-secondary:hover {
transform:translateY(-3px)
}

label {
margin-bottom:8px
}

.alert {
font-size:14px
}

#captcha_image3 {
max-width:180px;
height:auto
}

@media(max-width:768px) {
.modal-header {
text-align:center
}

.modal-header h3 {
font-size:22px
}

.d-flex {
flex-direction:column
}
}

#enquiryModal {
z-index:99999
}

.section-tag {
display:inline-block;
padding:10px 25px;
background:#0d6efd;
color:#fff;
border-radius:30px;
font-weight:600
}

.client-section h2 span {
color:#CE004F
}

.stat-box {
background:#fff;
padding:35px 0;
border-radius:20px;
text-align:center;
box-shadow:0 15px 40px #00000014;
transition:.35s
}

.stat-box:hover {
transform:translateY(-10px)
}

.stat-box i {
font-size:45px;
color:#CE004F;
margin-bottom:20px
}

.stat-box h3 {
font-size:38px;
font-weight:700;
margin-bottom:10px
}

.content-box {
background:#fff;
padding:50px;
border-radius:20px;
box-shadow:0 20px 50px #00000014
}

.content-box p {
font-size:17px;
line-height:1.9;
color:#555
}

.trust-card {
background:#0d6efd;
padding:35px;
border-radius:20px;
color:#fff
}

.trust-item {
padding:14px 0;
font-size:18px;
border-bottom:1px solid #fff3
}

.trust-item:last-child {
border:none
}

.trust-item i {
margin-right:12px;
color:#ffc107
}

.logo-card {
background:#fff;
padding:20px;
border-radius:18px;
box-shadow:0 10px 30px #00000014;
display:flex;
align-items:center;
justify-content:center;
height:130px;
transition:.35s
}

.logo-card img {
max-width:100%;
transition:.35s
}

.logo-card:hover {
transform:translateY(-8px);
box-shadow:0 20px 40px #0d6efd33
}

.logo-card:hover img {
filter:none;
transform:scale(1.08)
}

@media(max-width:768px) {
.content-box {
padding:30px
}

.stat-box {
padding:25px
}

.logo-card {
height:100px
}
}

.no-padding {
padding-left:0;
padding-right:0
}

.cta-banner {
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 15px 40px #0000001f;
position:relative
}

.banner-heading {
color:#fff;
text-align:center;
padding:13px 20px;
background:#003a22
}

.banner-heading h2 {
margin:0;
font-size:27px;
font-weight:700;
text-transform:uppercase
}

.banner-heading h2 span {
color:#ffd500
}

.banner-heading p {
margin:10px 0 0;
font-size:17px;
opacity:.9
}

.left-box,.right-box {
text-align:center
}

.left-box {
background:#ff6500;
color:#fff
}

.right-box {
background:#f68c00;
color:#fff;
padding:12px 35px
}

.left-box h3,.right-box h3 {
margin:0;
font-size:30px;
font-weight:700
}

.left-box p,.right-box p {
margin:20px 0 35px;
font-size:17px;
line-height:28px
}

.call-btn {
display:inline-block;
color:#fff;
padding:12px 3px;
border-radius:8px;
text-decoration:none;
font-size:23px;
font-weight:700
}

.call-btn span {
color:#ffe353
}

.call-btn:hover,.call-btn:focus {
color:#fff;
text-decoration:none
}

.submit-btn1 {
color:#fff;
text-decoration:none;
font-size:23px;
font-weight:700;
transition:.3s
}

.submit-btn1:hover,.submit-btn1:focus {
color:#fff;
text-decoration:none
}

.or-circle {
position:absolute;
width:40px;
height:40px;
background:#fff;
border-radius:50%;
left:51%;
top:91%;
margin-left:-31px;
margin-top:-38px;
line-height:39px;
text-align:center;
font-size:21px;
font-weight:700;
color:#333;
box-shadow:0 5px 18px #00000040;
z-index:99;
padding:0
}

.mobile-or {
display:none
}

@media (max-width: 991px) {
.banner-heading h2 {
font-size:30px
}

.banner-heading p {
font-size:16px
}

.or-circle {
display:none
}

.mobile-or {
display:block;
text-align:center;
margin:-22px 0;
position:relative;
z-index:9
}

.mobile-or span {
width:75px;
height:75px;
line-height:75px;
display:inline-block;
border-radius:50%;
background:#fff;
font-size:26px;
font-weight:700;
box-shadow:0 5px 18px #0003
}

.left-box,.right-box {
min-height:auto
}
}

@media (max-width: 767px) {
.banner-heading {
padding:25px 15px
}

.banner-heading h2 {
font-size:24px;
line-height:34px
}

.banner-heading p {
font-size:15px
}

.left-box,.right-box {
padding:30px 20px
}

.left-box h3,.right-box h3 {
font-size:24px
}

.left-box p,.right-box p {
font-size:15px;
margin:15px 0 25px;
line-height:24px
}

.call-btn,.submit-btn1 {
display:block;
width:100%;
font-size:20px;
padding:15px
}
}

.section-heading .sub-title {
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 22px;
background:#eaf4ff;
color:#0d6efd;
font-size:14px;
font-weight:700;
text-transform:uppercase;
border-radius:30px;
letter-spacing:2px;
margin-bottom:18px;
box-shadow:0 5px 15px #0d6efd1f
}

.section-heading h2,.section-heading h1 {
position:relative;
display:inline-block;
line-height:1.2;
margin-bottom:25px;
color:#000;
text-transform:uppercase
}

.section-heading h2 span,.section-heading h1 span {
background:linear-gradient(90deg,#d4145a,#ff5392);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}

.section-heading h2::after,.section-heading h1::after {
content:'';
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:-9px;
width:120px;
height:5px;
border-radius:50px;
background:linear-gradient(90deg,#d5165b,#ffacca);
animation:lineMove 2s infinite alternate
}

@keyframes lineMove {
0% {
width:70px
}

100% {
width:150px
}
}

.section-heading h2::before,.section-heading h1::before {
content:'';
position:absolute;
width:16px;
height:16px;
background:#ffadcb;
border-radius:50%;
left:50%;
transform:translateX(-50%);
bottom:-15px;
animation:glow 1.5s infinite
}

@keyframes glow {
0% {
box-shadow:0 0 0 #ffd9f366
}

50% {
box-shadow:0 0 18px #ffd9f3e6
}

100% {
box-shadow:0 0 0 #ffd9f366
}
}

@media(max-width:991px) {
.section-heading h2,.section-heading h1 {
font-size:42px
}
}

@media(max-width:767px) {
.section-heading {
padding:10px 15px
}

.section-heading h2,.section-heading h1 {
font-size:30px
}

.section-heading .sub-title {
font-size:12px;
padding:7px 18px
}
}

.data-description {
font-size:19px;
color:#0037a9;
text-align:center
}

.error-page-wrap {
position:relative;
min-height:560px;
padding:70px 20px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:radial-gradient(circle at 15% 20%,#0025b814,transparent 28%),radial-gradient(circle at 85% 80%,#007eff14,transparent 28%),linear-gradient(135deg,#fff 0%,#f5f8ff 100%)
}

.error-page-wrap::before,.error-page-wrap::after {
content:"";
position:absolute;
border-radius:50%;
pointer-events:none
}

.error-page-wrap::before {
width:230px;
height:230px;
top:-100px;
left:-80px;
border:35px solid #0025b80d;
animation:floatCircle 6s ease-in-out infinite
}

.error-page-wrap::after {
width:260px;
height:260px;
right:-120px;
bottom:-130px;
border:40px solid #007eff0d;
animation:floatCircle 7s ease-in-out infinite reverse
}

.error-content {
position:relative;
z-index:2;
width:100%;
max-width:850px;
padding:55px 35px;
text-align:center;
background:#fffffff0;
border:1px solid #0025b814;
border-radius:28px;
box-shadow:0 25px 70px #0025b81f;
animation:cardShow .7s ease forwards
}

.error-number {
margin:0;
font-size:clamp(90px,16vw,180px);
line-height:.85;
font-weight:900;
letter-spacing:-8px;
color:#0025b8;
text-shadow:8px 8px 0 #0025b80f;
animation:numberFloat 3s ease-in-out infinite
}

.error-number span {
display:inline-block;
color:#0b72e7
}

.error-icon {
width:76px;
height:76px;
margin:25px auto 20px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:30px;
background:linear-gradient(135deg,#0025b8,#087df0);
box-shadow:0 15px 30px #0025b838;
animation:iconPop .8s ease .2s both
}

.error-content h1 {
margin:0 0 15px;
font-size:clamp(28px,5vw,42px);
font-weight:800;
color:#18233f
}

.error-content h1 span {
color:#0025b8
}

.error-content p {
max-width:620px;
margin:0 auto 28px;
color:#65708a;
font-size:17px;
line-height:1.8
}

.error-actions {
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:14px
}

.error-btn {
min-width:175px;
padding:13px 24px;
border-radius:50px;
font-size:15px;
font-weight:700;
text-decoration:none!important;
transition:all .3s ease;
display:inline-flex;
justify-content:center;
align-items:center;
gap:9px
}

.error-btn-primary {
color:#fff!important;
background:linear-gradient(135deg,#0025b8,#087df0);
box-shadow:0 10px 25px #0025b833
}

.error-btn-primary:hover {
color:#fff!important;
transform:translateY(-3px);
box-shadow:0 15px 30px #0025b847
}

.error-btn-outline {
color:#0025b8!important;
background:#fff;
border:1px solid #0025b82e
}

.error-btn-outline:hover {
color:#fff!important;
background:#0025b8;
border-color:#0025b8;
transform:translateY(-3px)
}

.error-dot {
position:absolute;
width:9px;
height:9px;
border-radius:50%;
background:#0b72e7;
opacity:.18;
animation:dotFloat 4s ease-in-out infinite
}

.error-dot.one {
top:20%;
left:12%
}

.error-dot.two {
top:30%;
right:15%;
width:14px;
height:14px;
animation-delay:.8s
}

.error-dot.three {
bottom:18%;
left:18%;
width:13px;
height:13px;
animation-delay:1.3s
}

.error-dot.four {
bottom:25%;
right:12%;
animation-delay:1.8s
}

@keyframes cardShow {
from {
opacity:0;
transform:translateY(30px) scale(0.97)
}

to {
opacity:1;
transform:translateY(0) scale(1)
}
}

@keyframes iconPop {
0% {
opacity:0;
transform:scale(0.4)
}

70% {
transform:scale(1.12)
}

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

@keyframes numberFloat {
0%,100% {
transform:translateY(0)
}

50% {
transform:translateY(-8px)
}
}

@keyframes floatCircle {
0%,100% {
transform:translate(0,0)
}

50% {
transform:translate(15px,15px)
}
}

@keyframes dotFloat {
0%,100% {
transform:translateY(0)
}

50% {
transform:translateY(-18px)
}
}

@media (max-width: 767px) {
.error-page-wrap {
min-height:500px;
padding:40px 15px
}

.error-content {
padding:40px 20px;
border-radius:22px
}

.error-number {
font-size:105px;
letter-spacing:-5px
}

.error-icon {
width:65px;
height:65px;
font-size:25px;
margin-top:20px
}

.error-content p {
font-size:15px;
line-height:1.7
}

.error-actions {
flex-direction:column
}

.error-btn {
width:100%;
max-width:260px
}
}

.thankyou-section {
position:relative;
overflow:hidden;
padding:80px 20px 90px;
background:radial-gradient(circle at 15% 20%,#0d6efd1f,transparent 30%),radial-gradient(circle at 85% 80%,#0025b81a,transparent 30%),linear-gradient(135deg,#f8fbff 0%,#fff 50%,#f3f7ff 100%)
}

.thankyou-section::before,.thankyou-section::after {
content:"";
position:absolute;
border-radius:50%;
pointer-events:none
}

.thankyou-section::before {
width:280px;
height:280px;
top:-150px;
left:-120px;
border:35px solid #0d6efd0f
}

.thankyou-section::after {
width:360px;
height:360px;
right:-180px;
bottom:-200px;
border:45px solid #0025b80d
}

.thankyou-card {
position:relative;
z-index:2;
max-width:820px;
margin:auto;
padding:55px 40px 48px;
text-align:center;
background:#fffffff5;
border:1px solid #0d6efd1f;
border-radius:28px;
box-shadow:0 20px 60px #0025b81a 0 5px 20px #0000000a;
animation:thankyouCardIn .8s ease-out both
}

.thankyou-icon-wrap {
width:105px;
height:105px;
margin:0 auto 25px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,#0d6efd,#0025b8);
box-shadow:0 15px 35px #0d6efd47 0 0 0 12px #0d6efd0f;
animation:iconPop .9s cubic-bezier(0.17,0.67,0.35,1.35) .2s both
}

.thankyou-icon-wrap i {
color:#fff;
font-size:48px;
animation:checkBounce 1.2s ease-in-out .8s both
}

.thankyou-label {
display:inline-flex;
align-items:center;
gap:7px;
padding:7px 17px;
margin-bottom:16px;
border-radius:50px;
background:#eef5ff;
color:#0d6efd;
font-size:13px;
font-weight:700;
letter-spacing:.7px;
text-transform:uppercase
}

.thankyou-title {
margin:0 0 12px;
color:#102a56;
font-size:clamp(34px,5vw,52px);
font-weight:800;
line-height:1.15;
letter-spacing:-1px
}

.thankyou-title span {
color:#0d6efd
}

.thankyou-message {
max-width:650px;
margin:0 auto 12px;
color:#344563;
font-size:19px;
font-weight:500;
line-height:1.7
}

.thankyou-submessage {
max-width:600px;
margin:0 auto 30px;
color:#718096;
font-size:15px;
line-height:1.7
}

.thankyou-confirmation {
display:flex;
align-items:center;
justify-content:center;
gap:12px;
max-width:520px;
margin:0 auto 35px;
padding:14px 20px;
border-radius:14px;
background:linear-gradient(90deg,#0d6efd0f,#0025b808);
border:1px solid #0d6efd1a;
color:#24446e;
font-size:14px;
font-weight:600
}

.thankyou-confirmation i {
color:#0d6efd;
font-size:20px
}

.thankyou-buttons {
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:14px
}

.thankyou-btn {
min-width:190px;
display:inline-flex;
justify-content:center;
align-items:center;
gap:9px;
padding:14px 25px;
border-radius:50px;
font-size:15px;
font-weight:700;
text-decoration:none!important;
transition:all .3s ease
}

.thankyou-btn-primary {
color:#fff!important;
background:linear-gradient(135deg,#0d6efd,#0025b8);
box-shadow:0 10px 22px #0d6efd40
}

.thankyou-btn-primary:hover {
color:#fff!important;
transform:translateY(-3px);
box-shadow:0 15px 30px #0d6efd59
}

.thankyou-btn-secondary {
color:#0d6efd!important;
background:#fff;
border:1.5px solid #0d6efd
}

.thankyou-btn-secondary:hover {
color:#fff!important;
background:#0d6efd;
transform:translateY(-3px)
}

.thankyou-dot {
position:absolute;
z-index:1;
width:8px;
height:8px;
border-radius:50%;
background:#0d6efd;
opacity:.18;
animation:floatingDot 4s ease-in-out infinite
}

.thankyou-dot-1 {
top:20%;
left:12%
}

.thankyou-dot-2 {
top:32%;
right:13%;
width:12px;
height:12px;
animation-delay:1s
}

.thankyou-dot-3 {
bottom:20%;
left:18%;
width:6px;
height:6px;
animation-delay:1.8s
}

.thankyou-dot-4 {
bottom:25%;
right:20%;
width:9px;
height:9px;
animation-delay:2.5s
}

@keyframes thankyouCardIn {
from {
opacity:0;
transform:translateY(35px) scale(0.97)
}

to {
opacity:1;
transform:translateY(0) scale(1)
}
}

@keyframes iconPop {
from {
opacity:0;
transform:scale(0.3)
}

to {
opacity:1;
transform:scale(1)
}
}

@keyframes checkBounce {
0% {
transform:scale(0.4);
opacity:0
}

60% {
transform:scale(1.15);
opacity:1
}

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

@keyframes floatingDot {
0%,100% {
transform:translateY(0)
}

50% {
transform:translateY(-18px)
}
}

@media (max-width: 767px) {
.thankyou-section {
padding:50px 15px 60px
}

.thankyou-card {
padding:40px 20px 35px;
border-radius:22px
}

.thankyou-icon-wrap {
width:85px;
height:85px;
margin-bottom:22px
}

.thankyou-icon-wrap i {
font-size:38px
}

.thankyou-title {
font-size:34px
}

.thankyou-message {
font-size:16px;
line-height:1.6
}

.thankyou-submessage {
font-size:14px
}

.thankyou-confirmation {
font-size:13px;
padding:13px 15px
}

.thankyou-buttons {
flex-direction:column;
width:100%
}

.thankyou-btn {
width:100%;
max-width:280px
}

.thankyou-dot {
display:none
}
}

.server-error-wrap {
position:relative;
min-height:560px;
padding:70px 20px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:radial-gradient(circle at 10% 15%,#dc35450f,transparent 28%),radial-gradient(circle at 90% 85%,#0025b812,transparent 30%),linear-gradient(135deg,#fff 0%,#f6f8ff 100%)
}

.server-error-wrap::before,.server-error-wrap::after {
content:"";
position:absolute;
border-radius:50%;
pointer-events:none
}

.server-error-wrap::before {
width:240px;
height:240px;
top:-100px;
right:-80px;
border:35px solid #dc35450b;
animation:serverCircle 7s ease-in-out infinite
}

.server-error-wrap::after {
width:260px;
height:260px;
left:-120px;
bottom:-130px;
border:40px solid #0025b80b;
animation:serverCircle 6s ease-in-out infinite reverse
}

.server-error-card {
position:relative;
z-index:2;
width:100%;
max-width:850px;
padding:55px 35px;
text-align:center;
background:#fffffff2;
border:1px solid #0025b814;
border-radius:28px;
box-shadow:0 25px 70px #0025b81f;
animation:serverCard .7s ease forwards
}

.server-error-icon {
width:100px;
height:100px;
margin:0 auto 25px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:43px;
color:#fff;
background:linear-gradient(135deg,#0025b8,#087df0);
box-shadow:0 18px 35px #0025b833;
animation:serverIcon .9s ease both
}

.server-error-code {
display:inline-block;
margin-bottom:15px;
padding:7px 17px;
border-radius:50px;
color:#0025b8;
background:#0025b812;
font-size:13px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase
}

.server-error-card h1 {
margin:0 0 15px;
color:#18233f;
font-size:clamp(28px,5vw,43px);
font-weight:800
}

.server-error-card h1 span {
color:#0025b8
}

.server-error-card p {
max-width:620px;
margin:0 auto 28px;
color:#65708a;
font-size:17px;
line-height:1.8
}

.server-message {
max-width:600px;
margin:0 auto 28px;
padding:16px 20px;
border-radius:14px;
background:#f7f9fd;
border:1px solid #e8edf7;
color:#56627a;
font-size:14px
}

.server-message i {
margin-right:7px;
color:#0025b8
}

.server-error-actions {
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:14px
}

.server-btn {
min-width:175px;
padding:13px 24px;
border-radius:50px;
text-decoration:none!important;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
font-size:15px;
font-weight:700;
transition:all .3s ease
}

.server-btn-primary {
color:#fff!important;
background:linear-gradient(135deg,#0025b8,#087df0);
box-shadow:0 10px 25px #0025b833
}

.server-btn-primary:hover {
color:#fff!important;
transform:translateY(-3px);
box-shadow:0 15px 30px #0025b847
}

.server-btn-outline {
color:#0025b8!important;
background:#fff;
border:1px solid #0025b82e
}

.server-btn-outline:hover {
color:#fff!important;
background:#0025b8;
border-color:#0025b8;
transform:translateY(-3px)
}

.server-status {
margin-top:25px;
font-size:12px;
color:#8993a8
}

.server-status span {
display:inline-block;
width:7px;
height:7px;
margin-right:6px;
border-radius:50%;
background:#f0ad4e;
animation:statusPulse 1.5s infinite
}

.server-dot {
position:absolute;
z-index:1;
width:9px;
height:9px;
border-radius:50%;
background:#0b72e7;
opacity:.15;
animation:serverDot 4s ease-in-out infinite
}

.server-dot.one {
top:18%;
left:12%
}

.server-dot.two {
top:28%;
right:12%;
width:13px;
height:13px;
animation-delay:.7s
}

.server-dot.three {
bottom:20%;
left:17%;
width:12px;
height:12px;
animation-delay:1.2s
}

.server-dot.four {
bottom:15%;
right:18%;
animation-delay:1.7s
}

@keyframes serverCard {
from {
opacity:0;
transform:translateY(30px) scale(0.97)
}

to {
opacity:1;
transform:translateY(0) scale(1)
}
}

@keyframes serverIcon {
0% {
opacity:0;
transform:scale(0.5) rotate(-15deg)
}

70% {
transform:scale(1.08) rotate(4deg)
}

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

@keyframes statusPulse {
0%,100% {
opacity:.35;
transform:scale(0.8)
}

50% {
opacity:1;
transform:scale(1.2)
}
}

@keyframes serverCircle {
0%,100% {
transform:translate(0,0)
}

50% {
transform:translate(15px,-15px)
}
}

@keyframes serverDot {
0%,100% {
transform:translateY(0)
}

50% {
transform:translateY(-18px)
}
}

@media (max-width: 767px) {
.server-error-wrap {
min-height:500px;
padding:40px 15px
}

.server-error-card {
padding:40px 20px;
border-radius:22px
}

.server-error-icon {
width:78px;
height:78px;
font-size:32px
}

.server-error-card p {
font-size:15px;
line-height:1.7
}

.server-error-actions {
flex-direction:column;
align-items:center
}

.server-btn {
width:100%;
max-width:260px
}
}

del {
position:relative;
display:inline-block;
color:#222;
text-decoration:none
}

del::before,del::after {
content:"";
position:absolute;
width:50%;
height:2px;
background:#e53935;
top:50%;
left:50%
}

del::before {
transform:rotate(15deg)
}

del::after {
transform:rotate(-15deg)
}