/* TOP HEADER start*/
   .top-header {
       background: #0d1b2a;
       padding: 10px 0;
       font-family: "Poppins", sans-serif;
       color: #e5e5e5;
       font-size: 14px;
   }

   /* ICON COLORS */
   .top-left i {
       color: #4cc9f0;
       margin-right: 6px;
       font-size: 16px;
   }

   /* SOCIAL ICONS */
   .social-icons a i {
       color: #ffffff;
       background: #1b263b;
       padding: 7px;
       border-radius: 50%;
       margin-left: 10px;
       font-size: 14px;
       transition: 0.3s ease;
   }

   .social-icons a i:hover {
       background: #4cc9f0;
       color: #0d1b2a;
       transform: translateY(-3px);
   }

   /* MOBILE – HIDE EMAIL */
   @media (max-width: 600px) {
       .email-box {
           display: none !important;
       }
   }

   /* header end */

   /* navbar start */
   .navbar {
       background-color: #ffffff !important;
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
       height: 80px;
       font-family: "Poppins", sans-serif;
   }

   .navbar-nav .nav-link {
       color: #1b263b !important;
       font-weight: 600;
       margin-right: 20px;
       transition: 0.3s ease;
       font-size: 16px;
   }

   .navbar-nav .nav-link:hover {
       color: #0d1b2a !important;
       transform: translateY(-2px);
   }

   .book-btn {
       background: #0d1b2a !important;
       border: none;
       color: #ffffff !important;
       border-radius: 6px;
       padding: 8px 16px;
       font-weight: 600;
       transition: 0.3s ease;
       text-decoration: none;
   }

   .book-btn:hover {
       background: #1b263b !important;
       transform: translateY(-2px);
   }

   /* 🌟 LEFT SIDE FIXED BUTTONS */
   .floating-btns {
       position: fixed;
       bottom: 25px;
       left: 25px;
       /* ⬅ shifted from right to left */
       display: flex;
       flex-direction: column;
       gap: 12px;
       z-index: 999;
   }

   .float-btn {
       width: 55px;
       height: 55px;
       background: #0d1b2a;
       border-radius: 50%;
       display: flex;
       justify-content: center;
       align-items: center;
       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
       transition: 0.3s ease;
   }

   .float-btn:hover {
       transform: scale(1.08) translateY(-3px);
       background: #1b263b;
   }

   .float-btn img {
       width: 28px;
       height: 28px;
   }

   @media (max-width: 600px) {
       .navbar-nav {
           text-align: center !important;
       }

       .book-btn {
           margin: 10px auto !important;
           display: block !important;
       }
   }

   .text-logo {
       font-size: 28px;
       font-weight: 700;
       color: #0d1b2a;
       font-family: "Playfair Display", serif;
       letter-spacing: 0.5px;
       text-decoration: none;
       transition: 0.3s ease;
   }

   .text-logo:hover {
       color: #1b263b;
       transform: translateY(-2px);
   }

   /* navbar end */

   /* crouse start */
   .carousel-item img {
       height: 520px;
       width: 100%;
       object-fit: cover;
   }

   @media (max-width: 768px) {
       .carousel-item img {
           height: 260px;
       }
   }

   @media (max-width: 480px) {
       .carousel-item img {
           height: 200px;
       }
   }

   /* crousel end */

   /* about start */
   /* ABOUT SECTION */
   .about-section {
       background: #f5f9ff;
       padding: 40px 0;
   }

   .about-img-box {
       overflow: hidden;
       border-radius: 14px;
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
   }

   .about-img {
       border-radius: 14px;
       transition: 0.45s ease;
   }

   .about-img:hover {
       transform: scale(1.07);
   }

   .about-title {
       font-size: 34px;
       font-weight: 700;
       color: #0d1b2a;
       margin-bottom: 15px;
       position: relative;
       display: inline-block;
   }

   .about-title span {
       color: #1b263b;
   }

   .about-title::after {
       content: "";
       width: 80px;
       height: 4px;
       background: #0d1b2a;
       position: absolute;
       bottom: -10px;
       left: 0;
       border-radius: 2px;
   }

   .about-text {
       color: #415a77;
       font-size: 15px;
       line-height: 1.7;
       margin-top: 20px;
       margin-bottom: 25px;
   }

   .about-highlights {
       display: grid;
       grid-template-columns: 1fr;
       gap: 20px;
       margin-bottom: 20px;
   }

   .about-item {
       display: flex;
       gap: 15px;
       align-items: flex-start;
       padding: 12px 0;
   }

   .about-item i {
       font-size: 30px;
       color: #0d1b2a;
   }

   .about-item h5 {
       font-size: 17px;
       font-weight: 700;
       margin-bottom: 4px;
       color: #0d1b2a;
   }

   .about-item p {
       margin: 0;
       font-size: 14px;
       color: #415a77;
   }

   /* BOOK NOW Button */
   .about-btn {
       display: inline-block;
       margin-top: 10px;
       padding: 11px 32px;
       background: #0d1b2a;
       color: #fff;
       font-weight: 600;
       font-size: 15px;
       border-radius: 8px;
       text-decoration: none;
       transition: 0.35s ease;
       box-shadow: 0 6px 15px rgba(13, 27, 42, 0.35);
   }

   .about-btn:hover {
       background: #1b263b;
       transform: translateY(-3px);
       box-shadow: 0 10px 22px rgba(13, 27, 42, 0.45);
   }

   /* Responsive */
   @media (max-width: 768px) {
       .about-title {
           font-size: 28px;
       }

       .about-img {
           height: auto;
       }
   }

   /* about end */

   /* whys us start */

   /* SECTION */
   .why-section {
       background: linear-gradient(to bottom right, #f8fbff, #eaf3ff);
       padding: 30px 0;
   }

   /* HEADING */
   .why-title {
       font-size: 34px;
       font-weight: 800;
       color: #0d1b2a;
       letter-spacing: 0.5px;
   }

   .why-title span {
       color: #1b263b;
   }

   .why-subtitle {
       font-size: 16px;
       color: #415a77;
       margin-top: 8px;
   }

   /* BOX DESIGN */
   .why-box {
       background: rgba(255, 255, 255, 0.55);
       backdrop-filter: blur(10px);
       border-radius: 16px;
       padding: 30px 20px;
       text-align: center;
       border: 1px solid rgba(13, 27, 42, 0.1);
       transition: 0.35s ease-in-out;
       box-shadow: 0 8px 18px rgba(13, 27, 42, 0.08);
       position: relative;
       overflow: hidden;

       /* EXTRA → SAME HEIGHT FIX */
       display: flex;
       flex-direction: column;
       justify-content: flex-start;
       height: 100%;
   }

   /* Glow Ring on Hover */
   .why-box:hover {
       transform: translateY(-8px);
       box-shadow: 0 12px 35px rgba(13, 27, 42, 0.18);
       border-color: #1b263b;
   }

   /* Gradient Icons */
   .why-box i {
       font-size: 42px;
       margin-bottom: 15px;
       background: linear-gradient(135deg, #0d1b2a, #3a506b);
       -webkit-background-clip: text;
       color: transparent;
   }

   .why-box h4 {
       font-size: 19px;
       font-weight: 700;
       color: #0d1b2a;
       margin-bottom: 8px;
   }

   .why-box p {
       font-size: 14px;
       color: #415a77;
       margin: 0;
       line-height: 1.55;
   }

   /* FLOATING SHINE on Hover */
   .why-box::before {
       content: "";
       position: absolute;
       top: -60%;
       left: -60%;
       width: 200%;
       height: 200%;
       background: radial-gradient(circle,
               rgba(255, 255, 255, 0.5),
               transparent 70%);
       opacity: 0;
       transition: opacity 0.4s ease;
   }

   .why-box:hover::before {
       opacity: 0.6;
   }

   /* Responsive */
   @media (max-width: 768px) {
       .why-title {
           font-size: 26px;
       }
   }

   /* why us end */

   /*  SECTION  */
   .services-section {
       background: linear-gradient(to bottom right, #f4f8ff, #eef4ff);
       padding: 40px 0;
       position: relative;
   }

   /* Glow Background */
   .services-section::before {
       content: "";
       position: absolute;
       width: 300px;
       height: 300px;
       background: rgba(13, 27, 42, 0.12);
       filter: blur(120px);
       top: -40px;
       right: -60px;
       border-radius: 50%;
   }

   /* HEADING */
   .service-main-title {
       font-size: 36px;
       font-weight: 800;
       color: #0d1b2a;
   }

   .service-main-title span {
       color: #1b263b;
   }

   .service-main-subtitle {
       color: #415a77;
       font-size: 16px;
       margin-top: 8px;
   }

   /* CARD */
   .service-card {
       background: rgba(255, 255, 255, 0.65);
       backdrop-filter: blur(12px);
       padding: 30px 24px;
       border-radius: 18px;
       text-align: center;
       height: 100%;
       border: 1px solid rgba(255, 255, 255, 0.6);
       transition: 0.4s ease;
       box-shadow: 0 15px 30px rgba(13, 27, 42, 0.12);
       position: relative;
       overflow: hidden;
   }

   .service-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 25px 50px rgba(13, 27, 42, 0.25);
       border-color: #baccdf;
   }

   /* Icons */
   .service-card i {
       font-size: 46px;
       margin-bottom: 16px;
       background: linear-gradient(135deg, #0d1b2a, #415a77);
       -webkit-background-clip: text;
       color: transparent;
   }

   /* Text */
   .service-card h4 {
       font-size: 20px;
       font-weight: 700;
       color: #0d1b2a;
       margin-bottom: 10px;
   }

   .service-card p {
       font-size: 14px;
       color: #415a77;
       min-height: 60px;
   }

   .service-price {
       font-size: 18px;
       font-weight: 800;
       margin-top: 10px;
       color: #0d1b2a;
   }

   /* BUTTON GROUP */
   .service-btn-group {
       display: flex;
       justify-content: center;
       gap: 10px;
       margin-top: 14px;
   }

   /* Book Now Button */
   .book-btn {
       background: #0d1b2a;
       padding: 10px 22px;
       color: #fff;
       border-radius: 8px;
       text-decoration: none;
       font-weight: 600;
       transition: 0.3s;
       box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
   }

   .book-btn:hover {
       background: #1b263b;
       transform: translateY(-3px);
   }

   /* Enquiry Button */
   .enquiry-btn {
       background: #415a77;
       padding: 10px 22px;
       color: #fff;
       border-radius: 8px;
       text-decoration: none;
       font-weight: 600;
       transition: 0.3s;
   }

   .enquiry-btn:hover {
       background: #1b263b;
       transform: translateY(-3px);
   }

   /* MOBILE VIEW — buttons side-by-side */
   @media (max-width: 576px) {
       .service-btn-group {
           flex-direction: row !important;
           gap: 8px;
       }

       .service-btn-group a {
           flex: 1;
           text-align: center;
           padding: 6px 0 !important;
           font-size: 14px;
       }
   }

   /* services end */


   /* prices start */
   /* SECTION BG */
   .pricing-section {
       background: linear-gradient(135deg, #eef6ff, #ffffff);
       padding: 40px 0;
   }

   /* HEADING */
   .pricing-title {
       font-size: 36px;
       font-weight: 800;
       color: #0d1b2a;
   }

   .pricing-title span {
       color: #1b263b;
   }

   .pricing-subtitle {
       font-size: 16px;
       color: #415a77;
       margin-top: 8px;
   }

   /* WRAPPER */
   .pricing-wrapper {
       background: rgba(255, 255, 255, 0.75);
       padding: 30px;
       border-radius: 18px;
       border: 1px solid rgba(13, 27, 42, 0.15);
       box-shadow: 0 15px 40px rgba(13, 27, 42, 0.15);
       backdrop-filter: blur(10px);
       transition: 0.3s ease;
   }

   .pricing-wrapper:hover {
       box-shadow: 0 20px 50px rgba(13, 27, 42, 0.22);
   }

   /* TABLE */
   .pricing-table {
       border-radius: 12px;
       overflow: hidden;
   }

   .pricing-table th {
       background: linear-gradient(135deg, #0d1b2a, #1b263b);
       color: #fff;
       font-size: 15px;
       padding: 12px;
       letter-spacing: 0.3px;
   }

   .pricing-table td {
       background: rgba(255, 255, 255, 0.9);
       padding: 12px;
       font-size: 14px;
       color: #334155;
       vertical-align: middle;
       border-color: #dfe7f2 !important;
   }

   /* PRICE BADGE */
   .price-badge {
       background: #0d1b2a;
       color: white;
       padding: 6px 14px;
       border-radius: 6px;
       font-weight: 700;
       font-size: 14px;
       display: inline-block;
   }

   /* LEFT COLUMN ICONS */
   .service-name {
       display: flex;
       align-items: center;
       gap: 10px;
       font-weight: 700;
       color: #0d1b2a;
   }

   .service-name i {
       font-size: 20px;
       color: #1b263b;
   }

   /* HOVER ROW EFFECT */
   .pricing-table tbody tr:hover td {
       background: #f1f7ff;
       cursor: pointer;
       transition: 0.3s;
   }

   /* CATEGORY HEADING */
   .addon-heading {
       background: #1b263b !important;
       color: #fff !important;
       text-transform: uppercase;
       font-weight: 700;
       letter-spacing: 1px;
       padding: 12px !important;
       font-size: 15px;
   }

   /* For tablets */
   @media (max-width: 992px) {
       .pricing-title {
           font-size: 30px;
       }

       .pricing-wrapper {
           padding: 20px;
       }

       .service-name {
           font-size: 14px;
       }
   }

   /* For mobile screens */
   @media (max-width: 768px) {

       /* Adjust heading */
       .pricing-title {
           font-size: 26px;
       }

       .pricing-subtitle {
           font-size: 14px;
       }

       /* Service name stack clean */
       .service-name {
           flex-direction: row;
           align-items: center;
           gap: 8px;
           font-size: 14px;
       }

       .service-name i {
           font-size: 18px;
       }

       /* Table cells */
       .pricing-table th {
           font-size: 13px;
           padding: 10px;
       }

       .pricing-table td {
           font-size: 13px;
           padding: 10px;
       }

       /* Price badge size */
       .price-badge {
           font-size: 13px;
           padding: 5px 10px;
       }

       /* Wrapper padding reduce */
       .pricing-wrapper {
           padding: 15px;
       }

       /* Force row height auto */
       .pricing-table td,
       .pricing-table th {
           white-space: normal !important;
       }

       /* Table scroll smooth */
       .table-responsive {
           overflow-x: auto;
           -webkit-overflow-scrolling: touch;
       }

       /* Add-on heading size */
       .addon-heading {
           font-size: 14px !important;
           padding: 10px !important;
       }
   }

   /* Extra small devices */
   @media (max-width: 480px) {
       .pricing-title {
           font-size: 22px;
       }

       .service-name {
           font-size: 13px;
       }

       .service-name i {
           font-size: 16px;
       }

       .price-badge {
           font-size: 12px;
           padding: 4px 8px;
       }

       .pricing-wrapper {
           padding: 12px;
       }
   }

   /* price end */

   /* contact us start */
   /* ==============================
   SECTION BACKGROUND
================================= */
   .contact-section {
       padding: 100px 0;
       background: linear-gradient(135deg, #f5f8ff, #eaf1ff);
       position: relative;
       overflow: hidden;
   }

   /* Decorative Shape */
   .contact-section::before {
       content: "";
       position: absolute;
       width: 280px;
       height: 280px;
       background: rgba(13, 27, 42, 0.08);
       top: -60px;
       left: -40px;
       border-radius: 50%;
       filter: blur(100px);
   }

   .contact-section::after {
       content: "";
       position: absolute;
       width: 320px;
       height: 320px;
       background: rgba(27, 38, 59, 0.12);
       bottom: -80px;
       right: -50px;
       border-radius: 50%;
       filter: blur(120px);
   }

   /* ==============================
   HEADING
================================= */
   .contact-title {
       font-size: 38px;
       font-weight: 800;
       color: #0d1b2a;
   }

   .contact-title span {
       background: linear-gradient(135deg, #0d1b2a, #415a77);
       -webkit-background-clip: text;
       color: transparent;
   }

   .contact-subtitle {
       color: #415a77;
       font-size: 16px;
   }

   /* Divider Line */
   .section-divider {
       width: 80px;
       height: 4px;
       margin: 0 auto 25px;
       border-radius: 10px;
       background: linear-gradient(135deg, #0d1b2a, #415a77);
   }

   /* ==============================
   LEFT INFO BOX
================================= */
   .contact-info-box {
       background: rgba(255, 255, 255, 0.72);
       padding: 40px;
       border-radius: 20px;
       border: 1px solid rgba(13, 27, 42, 0.12);
       backdrop-filter: blur(14px);
       box-shadow: 0 18px 45px rgba(13, 27, 42, 0.18);
       transition: 0.3s;
   }

   .contact-info-box:hover {
       transform: translateY(-6px);
       box-shadow: 0 26px 60px rgba(13, 27, 42, 0.28);
   }

   .contact-info-box h4 {
       font-size: 22px;
       font-weight: 700;
       margin-bottom: 25px;
       color: #0d1b2a;
   }

   .info-item {
       display: flex;
       gap: 15px;
       align-items: center;
       margin-bottom: 18px;
   }

   .info-item i {
       font-size: 26px;
       padding: 12px;
       background: rgba(13, 27, 42, 0.08);
       border-radius: 10px;
       transition: 0.3s ease;
   }

   .info-item:hover i {
       background: #0d1b2a;
       color: #fff;
       transform: scale(1.12);
   }

   .info-item p {
       margin: 0;
       color: #415a77;
   }

   /* ==============================
   FORM BOX
================================= */
   .contact-form-box {
       background: rgba(255, 255, 255, 0.78);
       padding: 45px;
       border-radius: 20px;
       border: 1px solid rgba(13, 27, 42, 0.12);
       backdrop-filter: blur(18px);
       box-shadow: 0 22px 60px rgba(13, 27, 42, 0.22);
       transition: 0.3s;
   }

   .contact-form-box:hover {
       transform: translateY(-6px);
       box-shadow: 0 28px 70px rgba(13, 27, 42, 0.3);
   }

   /* INPUT FIELDS */
   .form-input {
       padding: 14px 16px;
       border-radius: 12px;
       border: 1px solid #d9e2ec;
       background: #ffffffd9;
       font-size: 15px;
       transition: 0.3s ease;
   }

   .form-input:focus {
       border-color: #1b263b;
       box-shadow: 0 0 10px rgba(27, 38, 59, 0.3);
   }

   /* TEXTAREA */
   textarea.form-input {
       border-radius: 14px;
   }

   /* BUTTON */
   .contact-btn {
       background: linear-gradient(135deg, #0d1b2a, #1b263b);
       padding: 14px 42px;
       color: #fff;
       border-radius: 12px;
       border: none;
       font-size: 17px;
       font-weight: 700;
       transition: 0.3s;
       box-shadow: 0 14px 32px rgba(13, 27, 42, 0.35);
   }

   .contact-btn:hover {
       transform: translateY(-4px);
       box-shadow: 0 16px 40px rgba(13, 27, 42, 0.45);
   }

   /* ==============================
   RESPONSIVE
================================= */
   @media (max-width: 768px) {
       .contact-title {
           font-size: 30px;
       }

       .contact-info-box,
       .contact-form-box {
           padding: 28px;
       }
   }

   /* contact us end */

   /* banner start */


   /* banner  end */

   /* 🔥 GLOBAL FIX — Stop Horizontal Scrolling */
   html,
   body {
       overflow-x: hidden !important;
   }

   /* Bootstrap row extra spacing fix */
   .row {
       margin-left: 0 !important;
       margin-right: 0 !important;
   }

   /* Carousel overflow fix */
   .carousel,
   .carousel-inner,
   .carousel-item {
       overflow: hidden !important;
   }

   /* Fix blurred background circles going outside */
   .contact-section::before,
   .contact-section::after,
   .services-section::before {
       max-width: 100% !important;
       overflow: hidden !important;
   }

   /* Fix large blur circle pushing page width */
   .contact-section::before,
   .contact-section::after {
       left: auto !important;
       right: auto !important;
   }

   /* banner start */
   .hero-banner {
       position: relative;
       padding: 140px 0 130px;
       background: linear-gradient(to bottom,
               rgba(0, 10, 30, 0.7),
               rgba(0, 10, 30, 0.85)),
           url("assets/images/back.jpeg") center/cover no-repeat;
       color: #fff;
       overflow: hidden;
   }

   .hero-overlay {
       position: absolute;
       inset: 0;
       background: rgba(0, 12, 32, 0.3);
   }

   /* DECORATIVE BLUR CIRCLE */
   .hero-banner::after {
       content: "";
       position: absolute;
       right: -120px;
       bottom: -120px;
       width: 300px;
       height: 300px;
       background: rgba(255, 255, 255, 0.2);
       filter: blur(120px);
       border-radius: 50%;
   }

   /* TEXT SECTION */
   .hero-title {
       font-size: 52px;
       font-weight: 800;
       line-height: 1.2;
       text-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
   }

   .hero-title span {
       color: #d8e8ff;
   }

   .hero-subtitle {
       font-size: 20px;
       margin: 18px 0 30px;
       color: #eef4ff;
       max-width: 550px;
   }

   /* BUTTONS */
   .hero-btn-group {
       display: flex;
       gap: 18px;
       margin-bottom: 35px;
   }

   .hero-btn {
       padding: 12px 30px;
       border-radius: 12px;
       font-size: 16px;
       font-weight: 700;
       text-decoration: none;
       transition: 0.3s ease;
   }

   .hero-btn-primary {
       background: #0d1b2a;
       color: #fff;
       box-shadow: 0 8px 25px rgba(13, 27, 42, 0.5);
   }

   .hero-btn-primary:hover {
       background: #112845;
       transform: translateY(-4px);
   }

   .hero-btn-outline {
       border: 2px solid #dce6ff;
       color: #fff;
       background: transparent;
   }

   .hero-btn-outline:hover {
       background: #dce6ff;
       color: #0d1b2a;
       transform: translateY(-4px);
   }

   /* ICON LIST */
   .hero-icons {
       display: flex;
       gap: 18px;
       flex-wrap: wrap;
       margin-top: 25px;
   }

   .hero-icons div {
       background: rgba(255, 255, 255, 0.15);
       padding: 10px 18px;
       border-radius: 10px;
       backdrop-filter: blur(5px);
       font-size: 15px;
       border: 1px solid rgba(255, 255, 255, 0.2);
       display: flex;
       align-items: center;
       gap: 8px;
       transition: 0.3s;
   }

   .hero-icons div:hover {
       background: rgba(255, 255, 255, 0.25);
       transform: translateY(-3px);
   }

   /* RIGHT IMAGE */
   .hero-image-box {
       background: rgba(255, 255, 255, 0.32);
       padding: 35px;
       border-radius: 25px;
       box-shadow: 0 22px 50px rgba(0, 0, 0, 0.35);
       backdrop-filter: blur(14px);
       transition: 0.4s ease;
   }

   .hero-image-box:hover {
       transform: translateY(-6px);
   }

   .hero-img {
       width: 100%;
       filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.4));
   }

   /* =============================================
     MOBILE RESPONSIVE
============================================= */
   @media (max-width: 768px) {
       .hero-banner {
           padding: 100px 0 90px;
           text-align: center;
       }

       /* Image Goes Above Text */
       .col-lg-5 {
           order: -1;
           margin-bottom: 35px;
       }

       .hero-title {
           font-size: 34px;
           line-height: 1.3;
       }

       .hero-subtitle {
           font-size: 16px;
           margin-bottom: 25px;
       }

       .hero-btn-group {
           flex-direction: row !important;
           justify-content: center;
           width: 100%;
           gap: 12px;
       }

       .hero-btn {
           width: 46%;
       }

       .hero-icons {
           justify-content: center;
           gap: 12px;
       }
   }

   /* banner end */

   /* footer start */
   /* ================= FOOTER ================= */
   .ush-footer {
       background: linear-gradient(135deg, #0d1b2a, #1b263b);
       padding: 70px 0 25px;
       color: #ffffff;
       position: relative;
       overflow: hidden;
   }

   /* Glow Shapes */
   .ush-footer::before,
   .ush-footer::after {
       content: "";
       position: absolute;
       width: 260px;
       height: 260px;
       background: rgba(255, 255, 255, 0.06);
       filter: blur(120px);
       border-radius: 50%;
   }

   .ush-footer::before {
       top: -50px;
       left: -50px;
   }

   .ush-footer::after {
       bottom: -60px;
       right: -60px;
   }

   /* LOGO */
   .footer-logo {
       font-size: 32px;
       font-weight: 800;
       font-family: "Playfair Display", serif;
       margin-bottom: 15px;
       letter-spacing: 1px;
   }

   .footer-about {
       font-size: 15px;
       color: #e0e6f0;
       line-height: 1.7;
       max-width: 320px;
   }

   /* SOCIAL ICONS */
   .footer-social a {
       display: inline-block;
       margin-right: 10px;
       font-size: 20px;
       color: #fff;
       background: rgba(255, 255, 255, 0.15);
       padding: 10px;
       border-radius: 10px;
       transition: 0.3s ease;
   }

   .footer-social a:hover {
       background: #4cc9f0;
       color: #0d1b2a;
       transform: translateY(-4px);
   }

   /* TITLES */
   .footer-title {
       font-size: 20px;
       font-weight: 700;
       margin-bottom: 18px;
   }

   /* LINKS */
   .footer-links {
       list-style: none;
       padding: 0;
   }

   .footer-links li {
       margin-bottom: 10px;
   }

   .footer-links a {
       color: #d9e4f2;
       font-size: 15px;
       text-decoration: none;
       transition: 0.35s;
   }

   .footer-links a:hover {
       color: #4cc9f0;
       margin-left: 6px;
   }

   /* CONTACT INFO */
   .footer-contact p {
       font-size: 15px;
       margin-bottom: 8px;
       color: #d9e4f2;
   }

   .footer-contact i {
       margin-right: 10px;
       color: #4cc9f0;
       font-size: 18px;
   }

   /* BOTTOM COPYRIGHT */
   .footer-bottom {
       margin-top: 45px;
       text-align: center;
       border-top: 1px solid rgba(255, 255, 255, 0.2);
       padding-top: 18px;
   }

   .footer-bottom p {
       margin: 0;
       color: #d9e4f2;
       font-size: 14px;
   }

   /* ================= RESPONSIVE ================= */
   @media (max-width: 992px) {
       .footer-logo {
           font-size: 30px;
       }

       .footer-about {
           max-width: 100%;
       }
   }

   @media (max-width: 768px) {
       .ush-footer {
           padding: 50px 0 20px;
       }

       .footer-logo {
           text-align: center;
       }

       .footer-about {
           text-align: center;
       }

       .footer-social {
           text-align: center;
           margin-bottom: 20px;
       }

       .footer-title {
           text-align: center;
           margin-top: 25px;
       }

       .footer-links {
           text-align: center;
       }

       .footer-contact {
           text-align: center;
       }
   }

   @media (max-width: 480px) {
       .footer-logo {
           font-size: 26px;
       }

       .footer-title {
           font-size: 18px;
       }

       .footer-links a {
           font-size: 14px;
       }
   }

   /* footer end */