* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: "Rubik", sans-serif;
   }

   .nav-link {
       color: #000 !important;
       font-weight: 500;
       margin: 0 10px;
   }

   .navbar-expand-lg .navbar-collapse {
       justify-content: end;
   }

   .cont {
       min-height: 187px;
       max-width: 500px;
       background-color: rgba(247, 247, 247, 0.91);
       padding: 20px;
       margin: 10px auto;
       text-align: center;
   }

   .cont h4 {
       color: #fff;
       font-size: 20px;
       line-height: 30px;
       margin-bottom: 10px;
       font-weight: 500;
       margin: 0 0 30px !important;
   }

   .cont h5 {
       font-size: 16px;
       line-height: 1.8;
       color: #fff;
       font-weight: 400;
   }

   .cont h5 span {
       font-weight: 400;
       font-size: 17px;
   }

   .tuned {
       text-align: center;
       font-weight: 700;
       background: url(https://events.eletsonline.com/cxo/8th-edition/assets/img/bgg.png);
       padding: 100px 0;
   }

   .text {
       font-size: 32px;
       letter-spacing: 2px;
       font-weight: bold;
   }

   .text span {
       display: inline-block;
       animation: pop 3s ease-in-out infinite;
   }

   .text span:nth-child(1) {
       animation-delay: 0.4s;
   }

   .text span:nth-child(2) {
       animation-delay: 0.5s;
   }

   .text span:nth-child(3) {
       animation-delay: 0.6s;
   }

   .text span:nth-child(4) {
       animation-delay: 0.7s;
   }

   .text span:nth-child(5) {
       animation-delay: 0.8s;
   }

   .text span:nth-child(6) {
       animation-delay: 0.9s;
   }

   .text span:nth-child(7) {
       animation-delay: 1s;
   }

   @keyframes pop {
       0% {
           transform: scale(1);
           /* opacity: 0; */
       }

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

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


   .header_top_btn {
       position: relative;
       display: inline-block;
       padding: 8px 30px !important;
       color: #fff !important;
       background: linear-gradient(45deg, #ff6a00, #ee0979);
       border-radius: 50px;
       overflow: hidden;
       transition: all 0.4s ease;
       font-weight: 600;
   }

   .header_top_btn::before {
       content: "";
       position: absolute;
       top: 0;
       left: -100%;
       width: 100%;
       height: 100%;
       background: rgba(255, 255, 255, 0.4);
       transform: skewX(-20deg);
       transition: 0.5s;
   }

   .header_top_btn:hover::before {
       left: 100%;
   }

   .header_top_btn:hover {
       transform: translateY(-2px);
       box-shadow: 0 8px 20px rgba(238, 9, 121, 0.4);
   }




   footer {
       background: none 0px 0px repeat scroll rgb(41 53 57);
   }

   .footer-bottom {
       background: rgb(19 21 21);
       padding: 10px 0px;
   }

   .footer-bottom p {
       color: #fff;
   }

   .footer-bottom .col-md-12 {
       line-height: 40px;
   }

   footer .f-item h4 {
       color: rgb(255, 255, 255);
       font-weight: 600;
       margin-bottom: 20px;
       padding-bottom: 10px;
       padding-left: 12px;
       position: relative;
       z-index: 1;
   }

   .iconss img {
       background: white;
       border-radius: 50%;
       border-width: 1px;
       border-style: solid;
       border-color: white;
       border-image: initial;
   }

   .f-item.business-hours li {
       color: rgb(204, 204, 204);
       display: block;
       font-family: Kurale, sans-serif;
       margin-bottom: 5px;
       padding-bottom: 5px;
   }

   .logo {
       width: 300px;
   }

   .cont-div {
       background-image: url(./footer-v2.webp);
       background-size: cover;
       background-position: center center;
       padding: 100px 10px 200px;
       background-attachment: fixed;
   }

   .d-flex1 {
       display: flex;
       align-items: center;
       margin: 0 0 10px;
       justify-content: center;
   }

   .emailid {
       margin: 0;
   }

   /* From Uiverse.io by shah1345 */
   .button2 {
       display: inline-block;
       transition: all 0.2s ease-in;
       position: relative;
       overflow: hidden;
       z-index: 1;
       color: #090909;
       padding: 10px 30px !important;
       cursor: pointer;
       font-size: 18px;
       border-radius: 0.5em;
       background: #e8e8e8;
       border: 1px solid #e8e8e8;
       box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
   }

   /* SHIMMER EFFECT */
   .button2::after,
   .button2::before {
       pointer-events: none;
   }

   .button2 .shimmer {
       content: "";
       position: absolute;
       top: 0;
       left: -150%;
       width: 50%;
       height: 100%;
       background: rgba(255, 255, 255, 0.4);
       transform: skewX(-25deg);
       filter: blur(8px);
       transition: 0.3s;
       opacity: 0;
   }

   .button2:hover .shimmer {
       animation: shimmerMove 0.8s forwards;
       opacity: 1;
   }

   @keyframes shimmerMove {
       0% {
           left: -150%;
       }

       100% {
           left: 150%;
       }
   }

   /* Your original pseudo-elements */
   .button2:active {
       color: #666;
       box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #ffffff;
   }

   .button2:before {
       content: "";
       position: absolute;
       left: 50%;
       transform: translateX(-50%) scaleY(1) scaleX(1.25);
       top: 100%;
       width: 140%;
       height: 180%;
       background-color: rgba(0, 0, 0, 0.05);
       border-radius: 50%;
       display: block;
       transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
       z-index: -1;
   }

   .button2:after {
       content: "";
       position: absolute;
       left: 55%;
       transform: translateX(-50%) scaleY(1) scaleX(1.45);
       top: 180%;
       width: 160%;
       height: 190%;
       background-color: #009087;
       border-radius: 50%;
       display: block;
       transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
       z-index: -1;
   }

   .button2:hover {
       color: #ffffff;
       border: 1px solid #009087;
   }

   .button2:hover:before {
       top: -35%;
       background-color: #009087;
       transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
   }

   .button2:hover:after {
       top: -45%;
       background-color: #009087;
       transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
   }

   .dropdown-item {
       white-space: normal;

   }

   .navbar-nav .dropdown-menu {
       width: 400px;
   }

   .navbar-expand-lg .navbar-nav {
       align-items: center;
   }

   .sticky-nav {
       position: fixed;
       top: 0;
       width: 100%;
       z-index: 999;
       background: #ffffff;
       /* change based on your design */
       transition: all 0.3s ease-in-out;
       box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
   }

   @media screen and (max-width: 600px) {
    .tuned{
        padding: 30px 0;
    }
    .navbar-expand-lg .navbar-nav{
        align-items: flex-start;
    }

       .navbar-nav .dropdown-menu {
           width: 300px;
       }

       .logo {
           width: 200px !important;
       }

       .text {
           font-size: 20px;
       }

       .cont-div{
            padding: 100px 10px 100px;
       }
       .footer-bottom p {
           font-size: 15px;
           line-height: 22px;
       }

       .navbar-toggler {
           background-color: #001d04;
       }
   }