.banner-img {
     aspect-ratio: 232 / 531;
     /* maintain the aspect ratio */
 }

 .custom-heading-fot {
     font-size: 30px;
 }

 .sticky-icon {
     z-index: 9;
     position: fixed;
     top: 50%;
     transform: translateY(-50%);
     right: 0%;
     width: 180px;
     display: flex;
     flex-direction: column;
 }

.sticky-icon a {
    transform: translate(122px, 0px);
    border-radius: 50px 0px 0px 50px;
    text-align: left;
    margin: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px;
    font-size: 20px;
    transition: all 0.8s;
    display: flex;
}

 .sticky-icon a:hover {
     color: #FFF;
     transform: translate(0px, 0px);
 }

 .sticky-icon a:hover img {
     transform: rotate(360deg);
 }

 .Youtube {
     background-color: #095075;
     color: #FFF;
 }

 .Instagram {
     background-color: #095075;
     color: #FFF;
 }

 .sticky-icon a img {
     height: 40px;
     width: 40px;
     color: #000;
     text-align: center;
     line-height: 40px;
     border-radius: 50%;
     margin-right: 8px;
     transition: all 0.5s;
 }

 .fixed_bttnnnn {
     position: fixed;
     right: 0;
     top: 50%;
     transform: translate(46px, -50%) rotate(-90deg);
     white-space: nowrap;
     display: inline-block;
 }

 .fixed_bttnnnn .link_btnnnnn {
     border-radius: 20px 20px 0px 0;
     border-width: 2px;
     line-height: 1;
     padding: 15px 30px 12px;
     animation: bounce2 2s ease infinite;
 }

 @keyframes bounce2 {

     0%,
     20%,
     50%,
     80%,
     100% {
         transform: translateY(0);
     }

     40% {
         transform: translateY(-10px);
     }

     60% {
         transform: translateY(-5px);
     }
 }

 .wrapper {
     width: 320px;
     background: #fff;
     border-radius: 5px;
     border: 1px solid lightgrey;
     border-top: 0px;
     position: fixed;
     z-index: 999999;
     bottom: 2px;
     right: 2px;
 }

 .wrapper .title {
     background: #095075;
     color: #fff;
     font-size: 20px;
     font-weight: 500;
     line-height: 60px;
     text-align: center;
     border-bottom: 1px solid #006fe6;
     border-radius: 5px 5px 0 0;
 }

 .wrapper .form {
     padding: 20px 15px;
     min-height: 280px;
     max-height: 280px;
     overflow-y: auto;
 }

 .wrapper .form .inbox {
     width: 100%;
     display: flex;
     align-items: baseline;
 }

 .wrapper .form .user-inbox {
     justify-content: flex-end;
     margin: 13px 0;
 }

 .wrapper .form .inbox .icon {
     height: 40px;
     width: 40px;
     color: #fff;
     text-align: center;
     line-height: 40px;
     border-radius: 50%;
     font-size: 18px;
     background: #095075;
 }

 .wrapper .form .inbox .msg-header {
     max-width: 53%;
     margin-left: 10px;
 }

 .form .inbox .msg-header p {
     color: #fff;
     background: #095075;
     border-radius: 10px;
     padding: 8px 10px;
     font-size: 14px;
     word-break: break-all;
 }

 .form .user-inbox .msg-header p {
     color: #333;
     background: #efefef;
 }

 .wrapper .typing-field {
     display: flex;
     height: 60px;
     width: 100%;
     align-items: center;
     justify-content: space-evenly;
     background: #efefef;
     border-top: 1px solid #d9d9d9;
     border-radius: 0 0 5px 5px;
 }

 .wrapper .typing-field .input-data {
     height: 40px;
     width: 335px;
     position: relative;
 }

 .wrapper .typing-field .input-data input {
     height: 100%;
     width: 100%;
     outline: none;
     border: 1px solid transparent;
     padding: 0 80px 0 15px;
     border-radius: 3px;
     font-size: 15px;
     background: #fff;
     transition: all 0.3s ease;
 }

 .typing-field .input-data input:focus {
     border-color: rgb(9 80 117);
 }

 .input-data input::placeholder {
     color: #999999;
     transition: all 0.3s ease;
 }

 .input-data input:focus::placeholder {
     color: #bfbfbf;
 }

 .wrapper .typing-field .input-data button {
     position: absolute;
     right: 5px;
     top: 50%;
     height: 30px;
     width: 65px;
     color: #fff;
     font-size: 16px;
     cursor: pointer;
     outline: none;
     opacity: 0;
     pointer-events: none;
     border-radius: 3px;
     background: #095075;
     border: 1px solid #095075;
     transform: translateY(-50%);
     transition: all 0.3s ease;
 }

 .wrapper .typing-field .input-data input:valid~button {
     opacity: 1;
     pointer-events: auto;
 }

 .typing-field .input-data button:hover {
     background: #095075;
 }

 .addiClose {
     float: right;
     margin: 20px;
 }



 #CtAdds {
     animation: slideInRight 1s;
 }

 .closeNew {
     position: absolute;
     font-size: 14px;
     line-height: 20px;
     color: #fff !important;
     opacity: 1;
     background: #CC0000;
     width: 20px;
     height: 20px;
     text-align: center;
     border-radius: 50%;
     text-shadow: none;
     cursor: pointer;
     right: -5px;
     top: -7px;
     z-index: 1;
 }

 .pop_50Lang {
     padding: 10px;
     position: relative;
     border-radius: 10px !important;
     background: #fff;
 }

 .pop_50Lang:before,
 .pop_50Lang:after {
     content: '';
     position: absolute;
     left: -2px;
     top: -2px;
     background: linear-gradient(45deg, #fb0094, #1b5e80, #ca0101, #b3deff, #ca0101, #fb0094,
             #1b5e80, #ca0101, #b3deff, #ca0101);
     background-size: 400%;
     width: calc(100% + 4px);
     height: calc(100% + 4px);
     z-index: -1;
     animation: steam 20s linear infinite;
     border-radius: 10px;
 }

 @keyframes steam {
     0% {
         background-position: 0 0;
     }

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

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

 .pop_50Lang:after {
     filter: blur(50px) opacity(0.5);
 }

 @media (max-width: 600px) {
     .fifty_logo {
         width: 120px !important;
     }
 }


 .slick-next,
 .slick-prev {
     width: 40px;
     height: 40px;
     background: #00537e !important;
     z-index: 1;
     border-radius: 50%;
     transition: all .3s ease;
 }

 .slick-prev {
     left: -59;
 }

 .slick-next {
     right: -59;
 }

 body .slick-next:before,
 body .slick-prev:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-position: center;
     background-size: 18px;
     background-repeat: no-repeat;
 }



 .slick-next:hover,
 .slick-prev:hover {
     box-shadow: 6px 6px 13px 0px rgb(0 0 0 / 20%);
 }

 .testimonial-slider .Testimonials {
     width: 90%;
     margin-left: auto;
     margin-right: auto;
 }

 .testimonial-slider .Testimonials .choose-cont {
     max-width: 1000px;
 }

 #industries .slick-prev:before {
     content: "\f104";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 22px;
     color: #fff !important;
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 1;
 }

 #industries .slick-next:before {
    content: "\f105" !important;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 22px;
     color: #fff !important;
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 1;
}

.upload-modal {
      position: fixed;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, 0.4);
      z-index: 99999;
    }

    .upload-card {
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      width: 360px;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
      text-align: center;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial;
    }

    .upload-btn {
      display: inline-block;
      margin: 12px 6px 0;
      padding: 10px 16px;
      border-radius: 6px;
      border: none;
      background: #18a0a0;
      color: #fff;
      cursor: pointer;
      font-weight: 600;
    }

    .upload-close {
      background: #eee;
      color: #333;
    }

    #uploadToast {
      position: fixed;
      right: 18px;
      bottom: 18px;
      background: #111;
      color: #fff;
      padding: 10px 14px;
      border-radius: 8px;
      opacity: 0;
      transform: translateY(10px);
      transition: all 0.22s;
      z-index: 99999;
      pointer-events: none;
    }

    #uploadToast.show {
      opacity: 1;
      transform: none;
      pointer-events: auto;
    }