: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 rgba(0, 0, 0, 0.08);
 }

 .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 rgba(0, 0, 0, 0.2);
 }

 .hero-form h4 {
     color: #000;
 }

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

 .category-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
 }

 .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 rgba(0, 0, 0, 0.05);
     background: linear-gradient(135deg,
             rgba(255, 255, 255, 0) 0%,
             rgb(223, 250, 255) 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: rgba(0, 0, 0, 0.3);
     margin: 0px;
 }

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

 .database-card {
     border: none;
     border-radius: 15px;
     overflow: hidden;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
     transition: 0.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 rgba(0, 0, 0, 0.08);
     height: 100%;
 }

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

 .contact-box {
     background: #fff;
     /*  padding: 40px;*/
     border-radius: 15px;
     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
 }

 .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: 0.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: 0.3s ease;
 }

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

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

     .top-text {
         text-align: center;
     }

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

 /* Mobile */
 @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: #f00;
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 6px;
 }

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

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

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

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

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

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

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

 /* Mobile */
 @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 rgba(0, 0, 0, 0.08);
     z-index: 1050;
     background: #0037a9;
 }

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

 .navbar {
     padding: 0;
 }

 .nav-link {
     font-weight: 500;
     color: #ffffff !important;
     /*  padding: 16px 14px !important;*/
 }

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

 /* ===== Desktop Mega Menu ===== */
 @media (min-width: 992px) {
     .navbar .dropdown-menu {
         display: block;
         opacity: 0;
         visibility: hidden;
         transform: translateY(12px);
         transition: all 0.25s ease;
         margin-top: 0;
         border: none;
         border-radius: 0;
         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
         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 0.2s ease;
     }

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

 /* ===== Mobile Offcanvas ===== */
 .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;
 }

 /* remove desktop mega styling inside mobile */
 @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;
     }
 }




 /* .services-section {
                      background: #f8f9fa; 
                  }*/

 .service-box {
     border: 1px solid #e9ecef;
     border-radius: 12px;
     padding: 30px 20px;
     transition: 0.3s;
     height: 100%;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
     background: linear-gradient(135deg,
             rgba(255, 255, 255, 0) 0%,
             rgb(221, 244, 255) 100%);
 }

 .service-box:hover {
     transform: translateY(-6px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
     background: linear-gradient(135deg,
             rgb(221, 244, 255) 0%,
             rgba(255, 255, 255, 0) 100%);
 }

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

 .service-icon img {
     /* width: 80px;
                    height: 80px;*/
     object-fit: contain;
 }

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

 .service-box1 .h3 {
     background: #0039aa;
     color: #fff;
     padding: 6px 5px;

     border-radius: 0px;
     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 rgba(0, 0, 0, 0.08);
 }

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

     font-size: 13px;
 }

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

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

 /* .newhome21 {
                                padding: 10px 0; 
                                background: #f8f9fa;
                              }*/

 .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 rgba(0, 0, 0, 0.2);
     margin-bottom: 20px;
     /*text-align: right !important;
*/
 }

 .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: 99999;
	 position: relative;
 }

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

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

 .region-box {
     background: #fff;
     border-radius: 14px;
     padding: 22px 0;
     box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
     height: 100%;
     transition: 0.3s ease;
 }

 .region-box:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
 }

 .region-box h3 {
     font-size: 1.3rem;
     font-weight: 700;
     /* margin-bottom: 18px;
     padding-bottom: 10px;*/
 }

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

 .row .g-1 .link-grid a {
     display: inline-block;
     /*! padding: 8px 14px; */
     /*! background: #f1f5f9; */
     /*! border-radius: 30px; */
     text-decoration: none;
     color: #212529;
     font-size: 14px;
     transition: 0.3s;
     /* display: grid;*/
 }

 .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;
     /*background:#007edf;*/
     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 0.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;
     /*background:#007edf;*/
     overflow: hidden;
 }

 .newhome21b 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;
 }

 .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 0.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: #d5578c;*/
     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: 0px 0px 0px #000000 !important;
     font-size: 15px;
     padding: 5px 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;
     }
 }




 /* ===========================
                                                   OUR DATABASE SECTION
                                                =========================== */

 .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;
 }

 /* Card */

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

 .database-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 18px 40px rgba(13, 110, 253, 0.2);
 }

 /* Header */

 .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;
 }

 /* Lists */

 .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;
 }

 /* Two Column List */

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

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

 /* Responsive */

 @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 0.5s ease;
     will-change: transform;
 }

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

 .client-item img {
     max-width: 140px;
     /*! filter: grayscale(100%); */
     /*! transition: 0.3s ease; */
 }

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

 /* Tablet */
 @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: bold;
     }

     .btn.book-now1 {
         border-radius: 10px 10px 0 0;
         color: #fff !important;
         display: inline-block;
         height: 30px;
         line-height: 18px;
         position: fixed;
         /* right: 12px !important;*/
         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;
 }



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

     .btn.book-now {

         /* right: 12px !important;*/
         z-index: 999 !important;
     }

     .btn.book-now1 {

         /* right: 12px !important;*/
         z-index: 999 !important;
     }
 }

 /* Arrows */
 .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: 0.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: rgba(255, 255, 255, 0.5);

     overflow: hidden;
     box-shadow: 0px 2px 1px rgb(155, 227, 255);
     transition: 0.3s;
     margin-bottom: 2px;
     font-weight: 600;
     font-size: 15px;
 }

 /* remove default blue open state styling (optional clean look) */
 .accordion-button:not(.collapsed) {
     background: #0d6efd;
     color: #fff;
 }

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






 /* Back to Top Button */
 #backToTop {
     position: fixed;
     bottom: 25px;
     right: 25px;
     z-index: 99999;
     display: none;
     border-radius: 50px;
     padding: 10px 14px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
     transition: all 0.3s ease;
 }

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

 .newhomecontent a {
     color: rgb(253, 204, 13);
     text-decoration: none;
     font-weight: 600;
     transition: 0.3s ease;
 }

 .newhomecontent h1 {
     font-size: 35px;
     font-weight: 700;
     color: #ffffff;
     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: #ffffff;
     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 0.3s ease;
     background: linear-gradient(135deg,
             rgba(255, 255, 255, 0) 0%,
             rgb(221, 244, 255) 100%);
 }

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

 .card:hover {
     transform: translateY(-6px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
     background: linear-gradient(135deg,
             rgb(221, 244, 255) 0%,
             rgba(255, 255, 255, 0) 100%);
 }

 /* LEFT FLOAT BUTTON */
 .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 rgba(0, 0, 0, 0.25);

     transition: 0.3s;
     overflow: hidden;
 }

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

 /* BIG ICON */
 .cc-calto-action-ripple i {
     font-size: 34px;
     margin-bottom: 10px;
     /* 👈 proper gap */
 }

 /* NUMBER BELOW ICON */
 .text_icon {
     margin: 0;
     font-weight: 600;
     font-size: 13px;
     letter-spacing: 0.5px;
 }

 /* Ripple */
 .cc-calto-action-ripple::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.25);
     border-radius: 18px;
     transform: scale(0);
     animation: ripple 2.5s infinite;
 }

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

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

 /* Mobile */
 @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;
     padding: 30px 0;
     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: #000000;
     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 WRAPPER */
 .fixed-tab-wrapper {
     position: fixed;
     right: -75px;
     top: 50%;
     transform: translateY(-50%);
     z-index: 9999;

     display: flex;
     flex-direction: column;

     gap: 28px;
     /* ✅ REAL SPACE BETWEEN BUTTONS */
 }

 /* BUTTON BASE */
 .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 rgba(0, 0, 0, 0.25);

     background-size: 300% 300%;
     animation: gradientMove 6s ease infinite;

     transition: all 0.3s ease;
     margin: 45px 0px;
     right: 27px;
     position: relative;
 }

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

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

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

 /* HOVER EFFECT */
 .fixed-tab:hover {
     transform: rotate(-90deg) translateX(6px);
     box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
     color: #fff;
 }

 /* ICON */
 .fixed-tab span {
     width: 22px;
     height: 22px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.25);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 12px;
 }

 /* GRADIENT ANIMATION */
 @keyframes gradientMove {
     0% {
         background-position: 0% 50%;
     }

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

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

 /* MOBILE */
 @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;
     /*border: 1px solid #d8d8d8;
     margin: 15px auto;*/
     box-shadow: 6px 0px 10px 7px rgba(0, 0, 0, 0.07);
     border-radius: 25px;
     padding: 28px 15px;
 }

 /*=========================
    Heading
    =========================*/

 .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
    =========================*/

 .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
    =========================*/

 .section-title {

     padding: 12px 15px;

     font-size: 20px;

     font-weight: 700;

     margin-bottom: 15px;
     color: #fff;
 }

 /*=========================
    List
    =========================*/

 .company-list {
     list-style: none;

     padding: 0;

     margin: 0;
 }

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

 .company-list li a {
     display: block;

     padding: 12px 15px;

     /*! background: #fff8fb; */

     border: 1px solid #ffbbd5;

     color: #333;

     transition: 0.3s;

     font-size: 16px;
     font-weight: bold;

     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;
 }





 /* MAIN */

 /* MAIN */

 .wrapper {
     background: #fff;
     border-radius: 25px;
     padding: 25px;
     box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
 }

 /* Heading */

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

 /* Discount */

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

 /* Top Pills */

 .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 */

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

 /* Feature */

 .feature-box {
     background: #fff;
     border-radius: 20px;
     padding: 7px;
     /*! box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06); */
 }

 .feature-box li {
     list-style: none;
     /*! margin-bottom: 14px; */
     /*! display: flex; */
     /*! gap: 12px; */
     font-size: 15.5px;
 }

 .feature-box i {
     color: #0066cc;
     background: #e5f2ff;
     border-radius: 50%;
     padding: 8px;
     height: 32px;
     width: 32px;
     margin: 5px;
     text-align: center;
 }

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

 /* Price */

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

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

 .price h3 {
     font-size: 22px;
 }

 /* Button */

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

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

 /* Floating */

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

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

 .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: 0.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;
     /*border-radius: 25px;*/

     box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
 }

 .btn.book-now {
     border-radius: 10px 10px 0 0;
     color: #fff !important;
     display: inline-block;
     height: 30px;
     line-height: 18px;
     position: fixed;
     right: 0px;
     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: bold;
 }

 .btn.book-now1 {
     border-radius: 10px 10px 0 0;
     color: #fff !important;
     display: inline-block;
     height: 30px;
     line-height: 18px;
     position: fixed;
     right: 0px;
     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: #f00;
     font-weight: bold;
     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,
             rgba(13, 110, 253, 0.1),
             transparent 30%),
         radial-gradient(circle at bottom right,
             rgba(32, 201, 151, 0.1),
             transparent 28%),
         linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
     overflow: hidden;
 }

 .about-card {
     background: rgba(255, 255, 255, 0.92);
     border: 1px solid rgba(13, 110, 253, 0.50);
     border-radius: 24px;
     box-shadow: 0 15px 20px rgba(15, 23, 42, 0.3);
     padding: 34px;
     transition: all 0.35s ease;
     backdrop-filter: blur(8px);
     height: 100%;
 }

 .about-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 22px 50px rgba(15, 23, 42, 0.1);
     border-color: rgba(13, 110, 253, 0.50);
 }

 .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: 0.95rem;
     box-shadow: 0 10px 25px rgba(13, 110, 253, 0.2);
     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: rgba(255, 255, 255, 0.12);
     border: 1px solid rgba(255, 255, 255, 0.16);
     border-radius: 14px;
     backdrop-filter: blur(4px);
 }

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

 .feature-list span {
     color: rgba(255, 255, 255, 0.95);
     line-height: 1.55;
     font-size: 0.98rem;
 }

 .subtitle {
     font-weight: 800;
     color: #0f172a;
     margin: 0 0 16px;
     font-size: 1.4rem;
     letter-spacing: 0.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: bold;
  color:#0037a9;
}

 .info-card {
     background: #fff;

     border-radius: 18px;

     /*! padding: 30px; */

     /* box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);

     transition: 0.4s;

     height: 100%;

     border: 1px solid #edf1f5;*/

     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: 0.4s;
 }

 .info-card:hover {
     /*  transform: translateY(-10px);

      box-shadow: 0 20px 45px rgba(13, 110, 253, 0.18);*/
 }

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

     opacity: 0.04;
 }

 .info-card h3 {
     font-size: 24px;

     /*! margin-bottom: 25px; */

     font-weight: 700;

     color: #222;

     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: 0.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;
     }
 }












 /* Button */
 .btn-popup {
     background: #0d6efd;
     color: #fff;
     /*padding: 12px 35px;*/
     border-radius: 50px;
     font-weight: 600;
 }

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

 /* Modal */
 .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 {
     /* height: 50px;*/
     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: rgb(255, 0, 0);
 }






 .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, rgba(255, 236, 244, 0) 0%, rgba(255, 236, 244, 0.99) 99%, rgba(255, 236, 244, 1) 100%);
     border-radius: 12px;
     overflow: hidden;
     margin-bottom: 18px;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
     transition: 0.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 rgba(0, 0, 0, 0.15);
     border-left: 10px solid #0039a3;
     border-right: 10px solid #0039a3;
     background: linear-gradient(to bottom, rgba(222, 243, 255, 0) 0%, rgba(222, 243, 255, 0.99) 99%, rgba(222, 243, 255, 1) 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;
     /*padding-bottom: 12px;*/
 }

 .about-us-hero p {
     padding: 0px 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;
     /*! background:
         radial-gradient(circle at top left,
             rgba(13, 110, 253, 0.08),
             transparent 30%),
         linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%); */
     font-family:
         system-ui,
         -apple-system,
         Segoe UI,
         Roboto,
         Arial,
         sans-serif;
     color: var(--text);
 }

 .section-heading {
     text-align: center;
     margin-bottom: 40px;
 }

 .section-heading h2 {
     font-weight: 700;
     /*! letter-spacing: -.02em; */
     margin-bottom: 10px;
 }

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

 .contact-card,
 .form-card {
     /*! background: rgba(255, 255, 255, 0.1); */
     backdrop-filter: blur(10px);
     border: 1px solid #9bc0ff;
     border-radius: 22px;
     box-shadow: var(--shadow);
     overflow: hidden;
     transition: all .3s ease;
     background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgb(223, 250, 255) 100%);
 }

 .contact-card:hover,
 .form-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 18px 40px rgba(16, 24, 40, .12);
 }

 .contact-left {
     padding: 28px;
     height: 100%;
     background: linear-gradient(-50deg, rgba(0, 103, 255, 0.09), rgba(255, 255, 255, .92));
 }

 .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: rgba(13, 110, 253, .1);
     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 rgba(17, 24, 39, .08);
 }

 .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 rgba(13, 110, 253, .18);
 }

 .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: rgba(13, 110, 253, .55);
     box-shadow: 0 0 0 .22rem rgba(13, 110, 253, .12) !important;
 }

 .captcha-box {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
     /*! margin-top: 8px; */
     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 rgba(13, 110, 253, .2);
     transition: .25s ease;
 }

 .btn-submit:hover {
     transform: translateY(-2px);
     box-shadow: 0 16px 28px rgba(13, 110, 253, .25);
 }

 .btn-reset {
     background: #fff;
     color: rgb(214, 1, 143);
     border: 1px solid rgb(255, 213, 241);
     border-radius: 14px;
     padding: 12px 24px;
     font-weight: 700;
     transition: .25s ease;
 }

 .btn-reset:hover {
     background: rgb(214, 1, 143);
     color: #fff;
     border-color: rgb(214, 1, 143);
 }

 .note-box {
     margin-top: 18px;
     padding: 14px 16px;
     border-radius: 16px;
     background: rgba(13, 110, 253, .06);
     border: 1px solid rgba(13, 110, 253, .12);
     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 rgba(0, 0, 0, .08);
     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 rgba(0, 0, 0, 0.5);
     transition: .4s;
 }

 .database-card:hover {

     transform: translateY(-8px);
     box-shadow: 0 25px 55px rgba(0, 0, 0, 0.5);

 }

 .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;

     /*flex-wrap: wrap;*/
     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: #ff0000;

 }

 .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 {
     /*! background: linear-gradient(135deg, #eff5ff, #fafcff); */
     padding: 80px 0;
 }

 .sample-card {
     background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgb(223, 250, 255) 100%);
     border: 1px solid #a7c4ff;
     border-radius: 20px;
     padding: 45px;
     box-shadow: 0 20px 60px rgba(0, 0, 0, .15);
     transition: .4s;
 }

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

 .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: #ff0000;
 }

 .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 rgba(13, 110, 253, .25);
 }

 .captcha-box {
     display: flex;
     align-items: center;
     /*! gap: 15px; */
 }

 .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 rgba(25, 32, 135, 0.35);
     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 rgba(220, 53, 69, .35);
     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 #dcdcdc;
     transition: .35s;
 }

 .form-control:focus {
     border-color: #0d6efd;
     box-shadow: 0 0 12px rgba(13, 110, 253, .20);
 }

 .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 rgba(13, 110, 253, .35);
 }

 .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;
 }







 .client-section {
     /*! background: #f8fbff; */
 }

 .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 rgba(0, 0, 0, .08);
     transition: .35s;
     /* height: 100%;*/
 }

 .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 rgba(0, 0, 0, .08);
 }

 .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 rgba(255, 255, 255, .2);
 }

 .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 rgba(0, 0, 0, .08);
     display: flex;
     align-items: center;
     justify-content: center;
     height: 130px;
     transition: .35s;
 }

 .logo-card img {
     max-width: 100%;
     /*  max-height: 70px;
     filter: grayscale(100%);*/
     transition: .35s;
 }

 .logo-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(13, 110, 253, .2);
 }

 .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 rgba(0, 0, 0, 0.12);
     position: relative;
 }

 /*==========================
Heading
===========================*/

 .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: 0.9;
 }

 /*==========================
Sections
===========================*/

 .left-box,
 .right-box {
     text-align: center;
     /*! padding:45px 35px; */
     /*! min-height:240px; */
 }

 .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: bold;
 }

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

 /*==========================
Buttons
===========================*/

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

 .call-btn span {
     color: #ffe353;
 }

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

 .submit-btn1 {
     /*! background:#6cc52b; */
     color: #fff;

     text-decoration: none;
     font-size: 23px;
     font-weight: bold;
     transition: 0.3s;
 }

 .submit-btn1:hover,
 .submit-btn1:focus {
     /*! background:#57b221; */
     color: #fff;
     text-decoration: none;
 }

 /*==========================
OR Circle
===========================*/

 .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: bold;
     color: #333;
     box-shadow: 0 5px 18px rgba(0, 0, 0, 0.25);
     z-index: 99;
     padding: 0;
 }

 .mobile-or {
     display: none;
 }

 /*==========================
Tablet
===========================*/

 @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: bold;
         box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2);
     }

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

 /*==========================
Mobile
===========================*/

 @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 */

 .section-heading {
     /* padding: 80px 0;*/
 }

 /* Small Title */

 .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 rgba(13, 110, 253, .12);
 }

 /* Main Heading */

 .section-heading h2,
 .section-heading h1 {
     position: relative;
     display: inline-block;
     /*! font-size: 52px; */
     /*! font-weight: 800; */
     line-height: 1.2;
     margin-bottom: 25px;
     color: #000;
     text-transform: uppercase;
 }

 /* Gradient Text */

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

 /* Underline */

 .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;
     }

 }

 /* Circle */

 .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 rgba(255, 217, 243, .4);
     }

     50% {
         box-shadow: 0 0 18px rgba(255, 217, 243, .9);
     }

     100% {
         box-shadow: 0 0 0 rgba(255, 217, 243, .4);
     }

 }

 /* Description */


 @media(max-width:991px) {

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

 }

 @media(max-width:767px) {

     .section-heading {
         padding: 60px 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; font-weight: 700;  color: #0037a9; text-align: center;}