/*================
Top Header Css 
==============
 */
 .main-header__top-wrapper {
     background-color: transparent;
 }

 .main-header__top-inner {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     flex-wrap: wrap;
     background: black;
     padding: 15px 60px;
     z-index: 1;
     background: transparent;
     border-bottom-right-radius: 20px;
     border-bottom-left-radius: 20px;
     border-bottom: 3px solid var(--mellis-base);
     background-size: cover;
 }

 .main-header__contact-list li .icon {
     color: var(--mellis-black);
     background-color: var(--mellis-white);
 }

 .main-menu__logo img {
     height: 100px;
     width: auto;
 }

 .main-menu:not(.stricky-fixed) {
     filter: blur(0px) !important;
     backdrop-filter: blur(0px) !important;
     background: transparent;
     box-shadow: none;
 }

 .page-header {
     padding: 0;
     min-height: calc(100vh - 70px);
 }

 .page-header__inner {
     position: absolute;
     bottom: 50px;
     left: 65px;
     display: block;
     text-align: center;
 }

 .page-header__inner h1 {
     color: #fff;
     font-size: 60px;
     font-weight: 700;
     text-transform: uppercase;
     text-align: left;
     letter-spacing: 2px;
     text-shadow:
         0 2px 4px rgba(0, 0, 0, 0.4),
         0 0 10px rgba(255, 255, 255, 0.3);
 }

 .page-header__inner h1 span {
     color: #f8069d;
     text-shadow:
         0 0 4px rgba(248, 6, 157, 0.2),
         0 0 0px rgba(248, 6, 157, 0.5);
 }

 .ukibs-trusted-section {
     padding: 80px 60px;
 }

 .ukibs-trusted-section .ukibs-content h2 {
     text-transform: uppercase;
     color: var(--mellis-white, #fff);
     letter-spacing: 0.8px;
     line-height: 1.3;
     margin-bottom: 20px;
     font-weight: 700;
     display: inline;
 }

 .ukibs-trusted-section .ukibs-content h2>img {
     margin-top: -30px;
     width: 90%;

 }



 .ukibs-trusted-section .ukibs-content h2 span {
     color: #f8069d;
 }

 .ukibs-trusted-section .ukibs-content p {
     text-transform: uppercase;
     letter-spacing: 0.6px;
     font-size: 0.95rem;
     line-height: 1.7;
     margin-bottom: 10px;
     opacity: 0.9;
 }



 .ukibs-opportunity-section {
     padding: 80px 60px;
     text-align: left;
 }

 .ukibs-opportunity-section h2:first-child {
     padding-top: 0;

 }

 .ukibs-opportunity-section h2 {
     text-transform: uppercase;
     color: var(--mellis-white, #fff);
     letter-spacing: 0.8px;
     margin-bottom: 20px;
     font-weight: 700;
     padding-top: 40px;
 }

 .ukibs-opportunity-section h2>img {
     width: 60%;
     margin-top: -30px;
 }

 .ukibs-opportunity-section h2 span {
     color: #f8069d;
 }

 .ukibs-opportunity-section p {
     text-transform: uppercase;
     letter-spacing: 0.6px;
     font-size: 0.95rem;
     line-height: 1.7;
     margin-bottom: 10px;

 }

 /*
====================================
d3 Slider Section CSS
===================================*/


 .d3-container {
     width: 100%;
     max-width: 100%;
     height: 500px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
 }

 .d3-track {
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     perspective: 1200px;
     overflow: hidden;
 }

 .d3-slide {
     position: absolute;
     width: clamp(250px, 50%, 400px);
     height: 450px;
     border-radius: 20px;
     overflow: hidden;
     opacity: 0;
     transform: translate(-50%, 0) scale(0.7) rotateY(0deg);
     transition: all 0.7s cubic-bezier(.4, .15, .2, 1.2);
     cursor: pointer;
     will-change: transform, opacity;
 }

 .d3-slide img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .d3-none {
     left: 50%;
     opacity: 0;
     z-index: 0;
     pointer-events: none;
     transform: translate(-50%) scale(0.7) rotateY(0deg);
 }

 .d3-center {
     left: 50%;
     transform: translate(-50%) scale(1) rotateY(0deg);
     opacity: 1;
     z-index: 3;
     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
 }

 .d3-center:hover {
     transform: translate(-50%) scale(1.02);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8),
         0 0 25px rgba(255, 255, 255, 0.2);
 }

 .d3-left {
     left: 30%;
     transform: translate(-50%) scale(0.9) rotateY(-15deg) translateZ(-100px);
     opacity: 0.6;
     filter: blur(3px);
     z-index: 2;
 }

 .d3-right {
     left: 70%;
     transform: translate(-50%) scale(0.9) rotateY(15deg) translateZ(-100px);
     opacity: 0.6;
     filter: blur(3px);
     z-index: 2;
 }

 .d3-arrow {
     position: absolute;
     top: calc((100% - 45px) / 2);
     transform: translateY(-50%);
     width: 45px;
     height: 45px;
     cursor: pointer;
     z-index: 10;
     fill: white;
     opacity: 0.8;
     transition: opacity 0.3s ease;
 }

 .d3-arrow:hover {
     opacity: 1;
 }

 .d3-left-arrow {
     left: 22%;
     height: 30px;
     width: 30px;
     background: url('../images/NewBranch/ARROW_2.png') center no-repeat;
     background-size: contain;
     background-position: center;
 }



 .d3-right-arrow {
     right: 22%;
     height: 30px;
     width: 30px;
     background: url('../images/NewBranch/ARROW_3.png') center no-repeat;
     background-size: contain;
     background-position: center;
 }


 /*
====================================
 Contact Section CSS
===================================*/
 .contact-section,
 .form-section {
     padding: 80px 60px;

 }

 .contact-section .contact-card {
     position: relative;
     border: 5px solid #F8069D;
     border-radius: 30px;
     padding: 50px;
     background: url('../images/NewBranch/contact-bg.png') no-repeat center/cover;
     color: #fff;
     overflow: hidden;
 }



 .contact-section .contact-info,
 .contact-section .map-box {
     position: relative;
     z-index: 2;
 }

 .contact-info {
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: space-between;
 }


 .contact-section .contact-heading {
     display: flex;
     gap: 20px;
     margin-bottom: 30px;
     text-transform: uppercase;
 }

 .contact-section .contact-icon {
     color: #F8069D;
     font-size: 60px;
 }

 .contact-section .contact-title {
     font-size: 38px;
     color: #F8069D;
     font-weight: bold;
     margin: 0 0 5px;
 }

 .contact-section .contact-address {
     font-size: 17px;
     color: #eee;
 }

 .contact-section .contact-list {
     list-style: none;
     margin: 30px 0 0;
     padding: 0;
 }

 .contact-section .contact-list li {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-bottom: 18px;
 }

 .contact-item-icon {
     color: #F8069D;
     font-size: 22px;
     width: 28px;
     display: flex;
     text-align: center;
     transition: transform 0.3s ease, color 0.3s ease;
 }


 .contact-item-icon img {
     width: 100%;
     height: auto;
 }


 .contact-section .contact-list a {
     color: white;
     text-decoration: none;
     font-size: 17px;
     font-weight: 500;
     transition: color 0.3s ease;
 }

 .contact-section .contact-list a:hover {
     color: #F8069D;
 }

 .contact-section .map-box {
     border: 5px solid #F8069D;
     border-radius: 30px;
     overflow: hidden;
     height: 100%;
     min-height: 500px;
 }

 .contact-section .map-box iframe {
     display: block;
     width: 100%;
     height: 100%;
     border: 0;
 }

 .form-section {
     position: relative;
     margin-top: 100px;
 }

 .branch-form::before {
     content: "";
     position: absolute;
     top: -300px;
     height: 100%;
     left: 0;
     width: 100%;
     background: url('../images/NewBranch/sectionbg.png') no-repeat center/cover;
     z-index: -1;
 }



 .alt {
     text-align: right;
 }

 .ukibs-content-bg {
     position: relative;
 }

 .ukibs-content-bg::before {
     content: "";
     position: absolute;
     /* top: 0; */
     bottom: -134px;
     height: 100%;
     transform: rotateX(180deg);
     left: 0;
     width: 100%;
     background: url('../images/NewBranch/sectionbg.png') no-repeat center / cover;
     z-index: -1;
 }

 .connect-to-instagram {
     border-radius: 20px;
     color: #fff;
     padding: 0;
 }

 .connect-to-instagram h2 {
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 15px;
     color: var(--mellis-white);
 }

 .connect-to-instagram h2 span {
     color: #F8069D;
 }

 .connect-to-instagram p {
     font-size: 1.1rem;
     text-transform: uppercase;
     line-height: 1.6;
     color: #fff;
 }

 .connect-to-instagram-section {
     padding: 0px 60px;
 }

 /*
===============================
Swiper Slider Section CSS
===============================*
*/
 .swiper {
     width: 100%;
     height: auto;
 }

 .swiper-slide {
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
 }

 .swiper-slide img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 3s ease-in-out;

 }

 .mySwiper .swiper-slide-active img {
     transform: scale(1.2);
 }

 .lines {
     width: 80%;
 }

 .awd .section-title h2 img {
     width: 50%;
     position: absolute;
     left: -25px !important;
     top: 115px !important;
 }

 .place .section-title h2 img {
     width: 50%;
     position: absolute;
     left: -25px !important;
     top: 80px !important;
 }

 .main_vid a img {
     width: 100%;
     border: 1px solid #fff;
     margin-bottom: 10px;
 }



 .parsley-custom-error-message,
 .parsley-required,
 .parsley-pattern {
     list-style: none;
     color: red;
 }

 .section-title {
     display: block !important;
     /* text-align: center; */
     margin-bottom: 20px;
 }

 .contact-page__form-input-box input[type="text"],
 .contact-page__form-input-box input[type="email"] {
     height: 58px;
     width: 100%;
     border: none;
     background-color: transparent;
     padding-left: 30px;
     padding-right: 30px;
     outline: none;
     font-size: 18px;
     color: #f906a0;
     display: block;
     border: 2px solid #f906a0;
     border-radius: 10px;
 }

 .contact-page__form-input-box select#countryCode {
     height: 58px;
     width: 100%;
     border: none;
     background-color: transparent;
     padding-left: 30px;
     padding-right: 10px;
     outline: none;
     font-size: 18px;
     color: #f906a0;
     display: block;
     border: 2px solid #f906a0;
     border-radius: 10px;
 }

 .contact-page__form-input-box textarea {
     width: 100%;
     border: none;
     background-color: transparent;
     padding-left: 30px;
     padding-right: 30px;
     outline: none;
     font-size: 18px;
     color: #f906a0;
     display: block;
     border: 2px solid #f906a0;
     border-radius: 10px;
 }

 #frmDetails .parsley-errors-list {
     padding-left: 0 !important;
 }

 #frmDetails .parsley-errors-list li {
     font-size: 12px !important;
 }


 .sb-btn {
     background: url(../images/buttn.png);
 }


 .location {
     padding: 50px 0px;
 }

 .location .section-title__title {
     font-size: 34px;
 }

 .location .about-h2 img {
     position: absolute;
     left: 0;
     bottom: -8px;
     width: calc(14% - -335px);
     display: inline-block;
     margin-left: 0;
     animation: section-animation 5s linear 0s infinite;
 }

 .contact-page__left .contact-page__text {
     margin-top: 80px;
 }

 .parsley-custom-error-message,
 .parsley-required,
 .parsley-pattern {
     list-style: none;
     color: red;
 }

 .parsley-custom-error-message,
 .parsley-required,
 .parsley-pattern {
     list-style: none;
     color: red;
 }

 #banner {
     background: url(../images/landing/bann.webp);
     background-size: cover;
     position: relative;
     overflow: hidden;
     padding: 100px 0px;
 }

 #banner h2 {
     color: #fff;
     font-size: 20px;
     text-transform: uppercase;
     padding: 5px 0px;
 }

 #banner h1 {
     color: #f8069d;
     font-size: 42px;
     text-transform: uppercase;
     padding: 5px 0px;
 }

 #banner h3 {
     color: #fff;
     font-size: 30px;
     text-transform: capitalize;
 }

 #banner h5 {
     color: #000;
     font-size: 20px;
     text-transform: capitalize;
 }

 #banner #connect {
     display: inline-flex;
     padding: 0px;
 }

 #banner #connect li {
     list-style-type: none;
 }

 .btn-grad1 {
     margin: 10px;
     padding: 8px 20px;
     text-align: center;
     font-size: 15px;
     text-transform: uppercase;
     transition: .5s;
     color: #F8069D;
     font-weight: 500;
     border-radius: 50px;
     display: inline-flex;
     align-items: center;
     background: transparent;
     border: 2px solid #F8069D;
 }

 .btn-grad1 svg {
     display: inline-block;
     width: 18px;
     height: 18px;
     align-items: center;
     margin-right: 10px;
 }

 .btn-grad1:hover {
     background: #F8069D;
     color: #fff;
     text-decoration: none;
 }

 .btn-grad2 {
     margin: 10px;
     padding: 8px 20px;
     text-align: center;
     font-size: 15px;
     text-transform: uppercase;
     transition: .5s;
     background-size: 200% auto;
     color: #25d366;
     border-radius: 50px;
     display: inline-flex;
     align-items: center;
     background: transparent;
     border: 2px solid #25d366;
 }

 .btn-grad2 svg {
     display: inline-block;
     width: 18px;
     height: 18px;
     align-items: center;
     margin-right: 10px;
 }

 .btn-grad2:hover {
     background: #25d366;
     color: #fff;
     text-decoration: none;
 }

 #banner #cont {
     background: #000000b5;
     padding: 20px;
     border-radius: 15px;
     text-align: center;
     box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
 }

 #banner #cont h3 {
     color: #f8069d;
     font-weight: 500;
     margin-bottom: 20px;
 }

 #about {
     padding: 50px 0px;
 }

 #about h5 {
     color: #fff;
     font-size: 20px;
     font-weight: 800;
 }

 #about h3 {
     color: #f9059e;
     font-weight: 600;
     font-size: 32px;
     line-height: 1.3;
     padding: 10px 0px;
     text-transform: uppercase;
 }

 #service {
     padding: 50px 0px;
     background: url('../images/landing/back.webp');
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
 }

 #service .tiet {
     text-align: center;
     color: #fff;
     font-size: 45px;
     font-weight: 800;
     margin-bottom: 40px;
 }

 #srv {
     background: #00000087;
     backdrop-filter: blur(8px);
     padding: 15px;
     margin-bottom: 30px;
     border-radius: 10px;
     box-shadow: 0 5px 30px 0 #ff4cbc85;
     height: 530px;
 }

 #srv h3 {
     color: #f8069d;
     font-size: 28px;
     font-weight: 800;
     padding: 10px 0px;
 }

 #srv p {
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 #srv .btn-grad1 {
     margin: 10px;
     padding: 8px 20px;
     text-align: center;
     font-size: 15px;
     text-transform: uppercase;
     transition: .5s;
     color: #F8069D;
     font-weight: 500;
     border-radius: 50px;
     display: inline-flex;
     align-items: center;
     background: transparent;
     border: 2px solid #F8069D;
     position: absolute;
     bottom: 15px;
 }



 /**
    *==================
    * POPUP form css start
    *==================
    */
 .enquiry-overlay {
     position: fixed;
     top: 0;
     height: 100vh;
     width: 100vw;
     background: rgba(0, 0, 0, 0.7);
     transition: opacity 500ms;
     visibility: hidden;
     opacity: 0;
     z-index: 1000;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .enquiry-overlay.active {
     visibility: visible !important;
     opacity: 1 !important;
 }

 .enquiry-popup {
     position: relative;
     width: 60%;
     background: #000;
     padding: 20px 10px;
     border-radius: 10px;
 }

 .enquiry-popup::before {
     content: "";
     position: absolute;
     inset: 0;
     padding: 2px;
     border-radius: 10px;
     background: linear-gradient(90deg, orange, white 31%, green);
     -webkit-mask:
         linear-gradient(#fff 0 0) content-box,
         linear-gradient(#fff 0 0);
     -webkit-mask-composite: xor;
     mask-composite: exclude;
     pointer-events: none;
 }

 .enquiry-close {
     position: absolute;
     top: 12px;
     right: 12px;
     transition: all 200ms;
     font-size: 30px;
     font-weight: 600;
     text-decoration: none;
     color: #fff;
     z-index: 9999;
     display: inline-block;
     border: none;
     outline: none;
     background: linear-gradient(90deg, orange, white 31%, green);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .enquiry-close:hover {
     color: #fff;
 }

 .enquiry-popup-img {
     border-radius: 10px 0 0 10px;
     overflow: hidden;
     display: grid;
     place-items: center;
     padding: 2px;
 }

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

 #quickenquire h3 {
     text-align: center;
     margin: 0 0 20px 0;
     letter-spacing: 1px;
     text-transform: capitalize;
     font-weight: 900;
     background: linear-gradient(90deg, orange, white 31%, green);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 #quickenquire .enquiry-popup-form {
     padding: 40px 10px;
 }

 #quickenquire input,
 #quickenquire textarea {
     border: 2px solid #f8069d;
     border-radius: 10px;
     font-size: 14px;
     padding: 10px 16px;
     margin-bottom: 15px;
 }

 #quickenquire textarea {
     resize: none;
     height: 60px;
     overflow-y: hidden;
 }

 #quickenquire .btn {
     padding: 10px 20px !important;
 }

 #quickenquire .field-error {
     color: #b5b4b4;
     font-size: 12px;
     margin: -20px 0 3px 18px;
     float: inline-start;
     text-align: left !important;
 }

 #quickenquire textarea~.field-error {
     margin: -18px 0 0px 18px !important;
 }

 @media (max-width: 992px) {
     .enquiry-popup {
         width: 95%;
     }
 }

 @media (max-width: 576px) {

     .page-header__inner h1 {
         font-size: 45px;
      
     }

     .enquiry-popup-img {
         padding: 15px;
     }

     #quickenquire .field-error {
         margin: 1px 0 0px 9px;
         line-height: 1.2;
     }

     #quickenquire textarea~.field-error {
         margin: 0px 0 0px 18px !important;
     }

     .enquiry-img {
         border-radius: 10px;
         width: 100%;
         height: auto;
     }

     .enquiry-popup {
         width: 90%;
         padding: 52px 15px 10px 15px;

     }

     #quickenquire .enquiry-popup-form {
         padding: 14px 10px;
     }

     .enquiry-popup h3 {
         font-size: 1.7rem;
         margin: 6px 0 !important;
     }

     #quickenquire input,
     #quickenquire textarea {
         font-size: 13px;
         padding: 8px 14px;
         margin-bottom: 0 !important;
     }

     .enquiry-close {
         font-size: 24px;
     }

     .enquiry-overlay {
         padding-top: 10px;
     }

     .h2-line {
         display: none;
     }

     .ukibs-trusted-section .ukibs-content h2 {
         display: block;
     }
     .site-footer{
        padding: 0 40px;

     }
 }

 /**
    *==================
    * POPUP form css end
    *==================
    */


 .footer-widget__social-box .social {
     display: flex;
 }

 .footer-widget__social-box .social li {
     list-style-type: none;
     margin: 0px 5px;
 }

 .site-footer__bottom-inner {
     padding-left: 60px;
     padding-right: 60px;
 }

 .modal-close-btn {
     color: black;
     font-size: 24px;
     cursor: pointer;

 }

 .site-footer__bottom-menu li:before {
     transform: rotate(0);
     top: 10%;
     height: 80%;
     background-color: #f8069d;
 }

 .site-footer__bottom-menu {
     color: #fff;
     text-transform: uppercase;
     font-size: 20px;
 }

 .site-footer__bottom-text {
     color: #fff;
     text-transform: uppercase;
     font-size: 20px;

 }

 .h4-line {
     border-bottom: 2px solid #f8069d;
     display: inline;

 }

 .footer-widget__links-list {
     font-size: 50px;
 }

 .site-footer__bottom-menu li a {
     color: #fff;
     font-size: 20px;

 }

 .footer-widget__timing .footer-widget__title-box {
     text-align: right;
 }

 .footer-widget__timing {
     padding-left: 38%;
     padding-right: 10%;
 }



 .site-footer__bottom-menu {

     text-wrap-mode: nowrap;
 }

 @media (max-width: 576px) {
     .page-header {
         padding: 0;
         min-height: 50vh;
     }

     .main-menu__logo img {
         height: auto;
     }

     .page-header__inner {

         bottom: 26px;
         left: 26px;

     }

     .ukibs-trusted-section,
     .ukibs-opportunity-section,
     .contact-section,
     .form-section {
         padding: 40px 20px;
     }

     .contact-section .contact-card {
         padding: 15px;
     }

     .contact-section .map-box {
         border: 5px solid #F8069D;
         border-radius: 30px;
         overflow: hidden;
         height: 100%;
         min-height: 300px;
     }

     .form-section {
         position: relative;
         margin-top: 0px;
     }

     .branch-form::before,
     .ukibs-content-bg::before {
         display: none;

     }

     .connect-to-instagram-section {
         padding: 20px 20px;
     }

     .slide-3d {
         width: 100%;
     }

     .left-arrow {
         left: 5%;
     }

     .right-arrow {
         right: 5%;
     }

     .alt .left-order {
         order: 2;
     }

     .alt {
         text-align: left;
     }

     .footer-widget__timing {
         padding-left: 0;
         padding-right: 0;

     }

     .site-footer__bottom-inner {
         padding-left: 0px;
         padding-right: 0px;
         gap: 10px;


     }

     .site-footer__bottom-text {
         order: 2;
         text-align: center;
         text-wrap-style: pretty;

     }
 }

 @media(max-width:350px) {
     #banner #connect {
         display: block !important;
         padding: 0px;
     }

     #srv h3 {
         color: #f8069d;
         font-size: 26px;
         font-weight: 800;
         padding: 10px 0px;
     }

     #srv p {
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
     }

     #srv {
         background: #00000087;
         backdrop-filter: blur(8px);
         padding: 15px;
         margin-bottom: 30px;
         border-radius: 10px;
         box-shadow: 0 5px 30px 0 #ff4cbc85;
         height: 465px;
     }

 }

 @media(max-width:768px) {
     .lines {
         width: 100%;
     }

     .awd .section-title h2 img {
         width: 100%;
         position: absolute;
         left: 0px !important;
         top: 85px !important;
     }

     .place .section-title h2 img {
         width: 100%;
         position: absolute;
         left: 0px !important;
         top: 45px !important;
     }
 }

 @media (max-width:576px) {

     .d3-slide {
         width: 100%;
     }

     .d3-arrow {
         display: none;
     }

     .footer-widget__timing .footer-widget__title-box {
         text-align: left;
     }

     .footer-widget__title {
         font-size: 39px;
     }

     .site-footer__bottom-menu {
         flex-wrap: wrap;
         gap: 10px;
     }

     .site-footer__bottom-menu li:before {
         display: none;
     }

     .site-footer__bottom-menu li {
         flex-grow: 1;
         text-align: center;
     }

     .site-footer__bottom-menu li+li {
         margin-left: 0;
     }
.

 }

 @media (min-width: 576px) and (max-width: 991px) {

     .ukibs-trusted-section,
     .contact-section {
         padding: 10px 60px;
     }

     .form-section {
         margin-top: 0px;
     }

     .alt {
         text-align: left;
     }

     .alt .left-order {
         order: 2;
     }

     .d3-container {
         margin-top: 40px;
     }

     .footer-widget__timing {
         margin-top: 0;
     }

     .footer-widget__timing {
         padding-left: 8%;
         padding-right: 10%;
     }

     .site-footer__bottom-menu {
         flex-grow: 1;
         justify-content: center;
         flex-wrap: wrap;
         gap: 10px;
     }

     .footer-widget__links-list li a {
         width: 70%;
     }

     .footer-widget__timing-list li {
         margin: 15px 0;
     }

     .h4-line {
         padding-bottom: 5px;
     }

     .site-footer__bottom-text {

         flex-grow: 1;
         text-align: center;
         margin-bottom: 10px;

     }

     .footer-widget__timing-list {
         margin-top: 30px;
     }

     .site-footer__bottom-text {
         order: 2;
         text-align: center;
         text-wrap-style: pretty;

     }
 }