.box-shadow {
     box-shadow: 0 0 30px rgba(0, 0, 0, .08);
   }

   .container1 {
     flex: 0 0 50%;
   }

   .image-box3 {
     width: 208px;
     height: 228px;
     background-image: url('../images/new-images/Prawns_Title.jpg');
     background-size: cover;
   }

   .image-box4 {
     width: 208px;
     height: 228px;
     background-image: url('../images/new-images/Shell_Title.jpg');
     background-size: cover;
   }

   .image-box2 {
     width: 208px;
     height: 228px;
     background-image: url('../images/new-images/Sword_Fish.jpg');
     background-size: cover;
   }

   .image-box1 {
     width: 208px;
     height: 228px;
     background-image: url('../images/new-images/category-1.jpg');
     background-size: cover;
   }

   .d-flex {
     display: flex;
   }

   .box-allignment-1 {
     padding: 0px 0px 15px 20px;
   }

   .box-allignment-2 {
     padding: 0px 55px 15px 20px
   }

   .align-center-flex {
     display: flex;
     align-items: center !important;
   }

   .m-auto {
     margin: auto;
   }

   .mt-4 {
     margin-top: 2rem;
   }

   .pl-2 {
    padding-left: 1rem;
  }

   .p-2 {
     padding: 1rem;
   }
   
   .pr-3{
    padding-right: 1.5rem;
   }

   .p-3 {
    padding: 1.5rem;
  }

   .p-1 {
     padding: .5rem;
   }

   .w-fill {
     width: 100%;
   }

   .grid-1 {
     width: 950px;
     padding: auto;
     display: flex;
   }

   .py-3 {
     padding: 1.5rem 0 1.5rem 0;
   }

   .px-2 {
     padding: 0 1rem 0 1rem;
   }

   .pt-2 {
     padding-top: 1rem;
   }

   .pt-1 {
    padding-top: 0.5rem;
  }

     .padding-footer {
     padding: 1rem;
   }

  .header-clr-1 {
    color: blueviolet;
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 26px;
    font-weight: 800;
    margin-bottom: 13px;
    text-transform: uppercase;
  }

  .text-size-1 {
    line-height: 30px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    width: 100%;
    color: darkcyan
  }

  .box-allignment {
    padding: 0px 20px 15px 20px;
}

   .header-clr {
     color: blueviolet;
     position: relative;
     display: block;
     font-size: 30px;
     line-height: 26px;
     font-weight: 800;
     margin-bottom: 13px;
     text-transform: uppercase;
   }

   .text-size {
     line-height: 30px;
     font-style: normal;
     font-weight: 400;
     font-size: 25px;
     width: 100%;
     color: darkcyan;
   }

   .logo-header {
     text-align: center;
     color: yellow;
     font-size: 40px;
     font-weight: bold;
     margin-top: -1.5rem;
     margin-bottom: 1.5rem;
   }

   .shop-selection {
     display: flex;
     flex-direction: row;
     justify-content: space-around;
   }

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

   .shop-selection-text-2 {
     font-size: 36px;
     line-height: 15px;
     position: relative;
     color: #353535;
     font-weight: 800;
   }

   .mb-4 {
     margin-bottom: 2rem;
   }

   .mb-2 {
     margin-bottom: 1rem;
   }

   .mt-2 {
     margin-top: 1rem;
   }

   .box {
     padding: 90px 0 54px 0;
   }

   .logo1 {
     padding: 2.5rem;
     width: 5rem;
   }

   html,
   body {
     width: 100%;
     padding: 0;
     margin: 0;
     height: 100%;
   }

   body {
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 13px;
     line-height: 18px;
     color: #6e6e6e;
     background: url(../images/bg-body.jpg) 0 0 repeat;
     min-width: 1070px;
   }

   header {
     width: 1070px;
     margin: 0 auto;
     position: relative;
     background: url(../images/bg-head.png) center 0 no-repeat;
   }

   .flex-clmn {
    flex-direction: column;
  }



   .list-none {
     list-style: none;
   }

   .prev {
     background: url(../images/prev-button.png) 0 bottom no-repeat;
     width: 26px;
     height: 48px;
     display: block;
     position: absolute;
     left: 17px;
     top: 140px;
   }

   .prev:hover {
     background-position: 0 0;
   }

   .next {
     background: url(../images/next-button.png) 0 bottom no-repeat;
     width: 26px;
     height: 48px;
     display: block;
     position: absolute;
     right: 17px;
     top: 140px;
   }

   .next:hover {
     background-position: 0 0;
   }

   .box-slider1 {
     position: relative;
     overflow: hidden;
     margin: 0 auto;
     width: 1000px;
     margin-top: 3rem;
   }

   #mt-negative {
     margin-top: -210px;
   }

   .roundabout {
     height: 406px;
     list-style: none outside none;
     margin: 0 auto;
     padding: 0;
     width: 620px;
     position: relative;
     z-index: 1;
     align-items: center;
   }

   .roundabout-moveable-item {
     cursor: pointer;
     height: 402px;
     text-align: center;
     width: 507px;
   }

   .roundabout-moveable-item img {
     width: 100%;
   }

   .roundabout-in-focus {
     cursor: auto;
   }

   .header-list {
     color: blueviolet;

   }

   .ul-style {
     font-size: 17px;
     line-height: 30px;
     font-weight: bold;
     font-family: 'Rubik', sans-serif;
   }

   .over-hidden {
     overflow: hidden;
   }

   .container {
     position: relative;
     text-align: center;
     color: white;
   }

   .top-left {
     position: absolute;
     top: 8px;
     left: 16px;
   }

   .top-right {
     position: absolute;
     top: 8px;
     right: 16px;
   }

   .ul-style>li.current>a,
   .ul-style>li:hover>a {
     color: darkcyan
   }

   .ul-style>li {
     border-right: 1px solid #bbb;
   }

   .ul-style>li:last-child {
     border-right: none;
   }

   .auto-container {
     position: static;
     max-width: 1200px;
     /* padding: 0px 30px; */
     margin: 0 auto;
   }

   .main-footer-new {
     width: 1030px;
     background: white;
     margin: 0 auto;
   }

   .main-footer-new .footer-top {
     position: relative;
   }

   .main-footer-new .footer-top .logo-widget .footer-logo {
     position: relative;
     margin-bottom: 30px;
   }

   .main-footer-new .footer-top .logo-widget p {
     font-size: 14px;
     line-height: 30px;
     color: #fff;
     margin: 0px;
   }

   .main-footer-new .footer-top .contact-widget {
     position: relative;
     display: block;
     padding: 48px 30px 50px 35px;
     border-radius: 5px;
     margin-top: -135px;
     z-index: 1;
   }

   #content {
     width: 100%;
     margin: 0;
     position: relative;
     z-index: 1;
     background: url(../images/bg-content.png) center 0 repeat-y;
   }

   .pb-6 {
     padding-bottom: 3rem;
   }

   .pb-3 {
    padding-bottom: 1.5rem;
  }

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

  .font-size-20{
    font-size: 20px;
  }


  .lh-30{
    line-height: 30px;
  }

   .main-footer-new .footer-top .contact-widget .info li {
     position: relative;
     display: block;
     padding-left: 73px;
     margin-bottom: 40px;
   }

   .main-footer-new .footer-top .contact-widget .info li:last-child {
     margin-bottom: 0px;
   }

   .main-footer-new .footer-top .contact-widget .info li i {
     position: absolute;
     left: 0px;
     top: 11px;
     font-size: 40px;
     line-height: 40px;
     color: #fff;
   }

   .main-footer-new .footer-top .contact-widget .info li p {
     color: #fff;
     margin-bottom: 5px;
   }

   .main-footer-new .footer-top .contact-widget .info li h5 {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 26px;
     color: #fff;
     font-weight: 700;
     margin: 0px;
   }

   .main-footer-new .footer-top .contact-widget .info li h5 a {
     display: inline-block;
     color: #fff;
     font-size: 15px;
   }

   .floating_btn a {
     text-decoration: none;
   }

   .main-footer-new .footer-top .contact-widget .info li h5 a:hover {
     text-decoration: underline;
   }

   .main-footer-new .footer-top .contact-widget .info {
     position: relative;
   }

   .main-footer-new .footer-top .contact-widget .social-links li {
     position: relative;
     display: inline-block;
     float: left;
     margin-right: 20px;
   }

   .main-footer-new .footer-top .contact-widget .social-links li:last-child {
     margin-right: 0px;
   }

   .main-footer-new .footer-top .contact-widget .social-links li a {
     position: relative;
     display: inline-block;
     font-size: 15px;
     color: #fff;
     width: 42px;
     height: 42px;
     line-height: 42px;
     text-align: center;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.2);
   }

   .main-footer-new .footer-top .contact-widget .social-links li a:hover {
     border-color: #fff;
     background: #fff;
   }

   .main-footer-new .footer-top .widget-title {
     position: relative;
     margin-bottom: 20px;
   }

   .main-footer-new .footer-top .widget-title h6 {
     position: relative;
     display: block;
     font-size: 16px;
     font-weight: 700;
     color: #fff;
     margin: 0px;
     text-align: start;
   }

   .main-footer-new .footer-top .newsletter-widget {
     position: relative;

   }

   .main-footer-new .footer-top .newsletter-widget .widget-content p {
     font-size: 14px;
     line-height: 30px;
     color: #fff;
     margin-bottom: 19px;
   }

   .main-footer-new .footer-top .newsletter-widget .newsletter-form .form-group {
     position: relative;
     margin: 0px;
   }

   .main-footer-new .footer-top .newsletter-widget .newsletter-form .form-group input[type='email'] {
     position: relative;
     display: block;
     width: 100%;
     height: 48px;
     font-size: 14px;
     font-family: 'Rubik', sans-serif;
     color: #fff;
     padding: 0px 0px 0px 15px;
     border-radius: 30px;
     background: transparent;
     border: 1px solid rgba(255, 255, 255, 0.15);
     transition: all 500ms ease;
   }

   .main-footer-new .footer-top .newsletter-widget .newsletter-form .form-group button {
     position: absolute;
     top: 0.5px;
     right: -16px;
     font-size: 16px;
     color: #fff;
     width: 48px;
     height: 48px;
     line-height: 48px;
     text-align: center;
     border-radius: 50%;
     transition: all 500ms ease;
     cursor: pointer;
     border: none;
   }

   .main-footer-new .footer-top .newsletter-widget .newsletter-form .form-group input::-webkit-input-placeholder {
     color: #fff;
   }

   .main-footer-new .footer-top .newsletter-widget {
     position: relative;
     margin-top: 46px;
   }

   .pt-4 {
     padding-top: 2rem;
   }

   .main-footer-new .footer-bottom {
     position: relative;
     padding: 64px 0px;
   }

   .main-footer-new .footer-bottom .copyright h5 {
     position: relative;
     font-size: 15px;
     line-height: 32px;
     color: #bbbbbc;
   }

   .main-footer-new .footer-bottom .copyright h5 a {
     display: inline-block;
     color: #bbbbbc;
   }

   .main-footer-new .footer-bottom .footer-nav li {
     position: relative;
     display: inline-block;
     font-size: 18px;
     color: #bbbbbc;
     margin-right: 35px;
   }

   .main-footer-new .footer-bottom .footer-nav li:last-child {
     margin-right: 0px;
   }

   .main-footer-new .footer-bottom .footer-nav li a {
     color: #bbbbbc;
     font-size: 15px;
   }

   .main-footer-new .footer-bottom .footer-nav li:before {
     position: absolute;
     content: '';
     background: #bbbbbc;
     width: 1px;
     height: 15px;
     top: 8px;
     right: -20px;
   }

   .main-footer-new .footer-bottom .footer-nav li:last-child:before {
     display: none;
   }


   .row-footer {
     display: -ms-flexbox;
     display: flex;
     margin-right: -15px;
     margin-left: -15px;
   }

   .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
   .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
   .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
   .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
   .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
   .col-xl-auto {
     position: relative;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
   }

   .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
   }

   .row-cols-1>* {
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
   }

   .row-cols-2>* {
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
   }

   .row-cols-3>* {
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
   }

   .row-cols-4>* {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
   }

   .row-cols-5>* {
     -ms-flex: 0 0 20%;
     flex: 0 0 20%;
     max-width: 20%;
   }

   .row-cols-6>* {
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%;
   }

   .col-auto {
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: 100%;
   }

   .col-1 {
     -ms-flex: 0 0 8.333333%;
     flex: 0 0 8.333333%;
     max-width: 8.333333%;
   }

   .col-2 {
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%;
   }

   .col-3 {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
   }

   .col-4 {
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
   }

   .col-5 {
     -ms-flex: 0 0 41.666667%;
     flex: 0 0 41.666667%;
     max-width: 41.666667%;
   }

   .col-6 {
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
   }

   .col-7 {
     -ms-flex: 0 0 58.333333%;
     flex: 0 0 58.333333%;
     max-width: 58.333333%;
   }

   .col-8 {
     -ms-flex: 0 0 66.666667%;
     flex: 0 0 66.666667%;
     max-width: 66.666667%;
   }

   .col-9 {
     -ms-flex: 0 0 75%;
     flex: 0 0 75%;
     max-width: 75%;
   }

   .col-10 {
     -ms-flex: 0 0 83.333333%;
     flex: 0 0 83.333333%;
     max-width: 83.333333%;
   }

   .col-11 {
     -ms-flex: 0 0 91.666667%;
     flex: 0 0 91.666667%;
     max-width: 91.666667%;
   }

   .col-12 {
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
   }

   .main-footer-new .footer-bottom .copyright,
   .main-footer-new .footer-bottom .footer-nav {
     float: none !important;
     display: block !important;
     text-align: center !important;
   }

   .text-footer {
     position: relative;
     font-size: 16px;
     line-height: 30px;
     font-family: 'Rubik', sans-serif;
     color: #565872;
     margin: 0px;
     transition: all 500ms ease;
     text-align: justify;
   }

   .transform-none {
     text-transform: none;
   }

   .text-justify {
     text-align: justify;
   }

   .text-start {
     text-align: start;
   }

   .main-footer-new .footer-top .contact-widget {
     background: #095d6b;
   }

   .main-footer-new .footer-top .contact-widget .social-links li a:hover {
     color: #095d6b;
   }

   .main-footer-new .footer-top .newsletter-widget .newsletter-form .form-group button {
     background: #095d6b;
   }

   .main-footer-new .footer-bottom .copyright h5 a:hover {
     color: #095d6b;
   }

   .main-footer-new .footer-bottom .footer-nav li a:hover {
     color: #095d6b;
   }

   .main-footer-new .footer-top .newsletter-widget .newsletter-form .form-group input:focus {
     border-color: #095d6b !important;
   }

   .footer-text-1 {
     font-size: 14px;
     line-height: 30px;
     color: #fff;
     margin-bottom: 19px;
     text-align: start;
   }

   li a, .dropbtn {
     display: inline-block;
     color: white;
     text-align: center;
     text-decoration: none;
   }

   li.dropdown {
     display: inline-block;
   }

   .dropdown-content {
     display: none;
     position: absolute;
     min-width: 160px;
     height: 225px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
     overflow: scroll;
     background: url(../images/bg-li-li-ul.jpg) 0 0 repeat-x #07a5bf;
   }

   .dropdown-content a {
     color: #f1f1f1;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
     text-align: left;
   }

   .dropdown-content a:hover {
     color: #45d7e5;
   }

   .dropdown:hover .dropdown-content {
     display: block;
   }

   .product-description {
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
     color: darkcyan;
     text-align: justify;
   }

   .product-description-rate {
     font-size: 24px;
     line-height: 26px;
     font-weight: 800;
     padding-right: 6px;
   }

   .product-description-rate-1 {
     font-size: 20px;
     line-height: 30px;
     padding-left: 6px;
   }

   .img-text-clr {
     color: blue;
     font-size: 20px;
   }

   .font-size-2 {
     font-size: 1rem;
   }

   .wrapper {
     overflow: hidden;
   }

   .div-main-indent .container_24 {
     margin: 0 0 0 53px !important;
     /* padding-bottom: 25px; */
     /* border-bottom: 1px solid #e4e4e4; */
   }

   .container_24 {
     margin: 0 auto;
     width: 960px;
   }

   .lh-40 {
     line-height: 40px;
   }

   .google-map-section {
     position: relative;
     width: 100%;
   }

   .google-map-section #contact-google-map {
     position: relative;
     width: 100%;
     height: 560px;
   }

   .contact-info-section {
     position: relative;
     background: #fff;
   }

   .whatsApp-icon{
    color: #45d7e5;
    font-size: 22px;
    padding: 1.5rem 0 1.5rem 0;
   }

   .contact-info-section .inner-container {
     position: relative;
     display: block;
     padding-top: 50px;
    background: #095d6b;
   }

   .contact-info-section .single-info .inner-box {
     position: relative;
     display: block;
     padding: 47px 30px 24px 30px;
   }

   .contact-info-section .single-info .inner-box:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.2);
     width: 1px;
     height: 100%;
     top: 0px;
     right: -15px;
   }

   .contact-info-section .info-column:last-child .single-info .inner-box:before {
     display: none;
   }

   .contact-info-section .single-info .inner-box .big-icon {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: 30px;
     font-size: 140px;
     line-height: 100px;
     color: rgba(255, 255, 255, 0.1);
   }

   .contact-info-section .single-info .inner-box .icon-box {
     position: relative;
     display: inline-block;
     font-size: 70px;
     line-height: 70px;
     color: #fff;
     margin-bottom: 44px;
   }

   .contact-info-section .single-info .inner-box h3 {
     position: relative;
     display: block;
     font-size: 24px;
     line-height: 32px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 10px;
   }

   .contact-info-section .single-info .inner-box p {
     color: #fff;
   }

   .contact-info-section .single-info .inner-box p a {
     display: inline-block;
     color: #fff;
   }

   .contact-info-section .single-info .inner-box p a:hover {
     text-decoration: underline;
   }


   /** contact-section **/

   .contact-section {
     position: relative;
     background: #fff;
     padding-bottom: 60px;
   }

   .contact-section .sec-title h2 {
     font-size: 40px;
     line-height: 42px;
   }

   .contact-section .form-inner .form-group {
     position: relative;
     margin-bottom: 20px;
   }

   .contact-section .form-inner .form-group input[type='text'],
   .contact-section .form-inner .form-group input[type='email'] {
     position: relative;
     display: block;
     width: 84%;
     height: 40px;
     background: #fff;
     border: 2px solid #ededed;
     padding: 10px 50px 10px 20px;
     font-size: 16px;
     color: #565872;
     transition: all 500ms ease;
   }

   .contact-section .form-inner .form-group textarea {
     position: relative;
     display: block;
     width: 92%;
     height: 40px;
     background: #fff;
     border: 2px solid #ededed;
     padding: 10px 50px 10px 20px;
     font-size: 16px;
     color: #565872;
     transition: all 500ms ease;
   }

   .contact-section .form-inner .form-group textarea {
     height: 190px;
     resize: none;
   }

   .contact-section .form-inner .form-group i {
     position: absolute;
     top: 28px;
     right: 36px;
     color: #244a6a;
     z-index: 1;
   }

   .contact-section .form-inner .form-group.message-btn {
     margin-top: 30px;
     padding-top: 0px;
     margin-bottom: 0px;
   }

   .contact-section .sec-title {
     margin-bottom: 65px;
   }

   .contact-section .form-inner .form-group .theme-btn {
     padding: 12px 45px;
   }

   a {
     text-decoration: none;
   }

   .floating_btn {
     position: fixed;
     bottom: 90px;
     right: 25px;
     width: 100px;
     height: 100px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     z-index: 1000;
   }

 
   .main-header .header-top {
     display: none;
   }

   .main-slider {
     height: 550px;
   }

   .main-slider .slide-item {
     height: 550px;
     position: relative;
   }

   .main-slider .image-layer {
     height: 550px;
     background-size: cover;
     background-position: center;
   }

   @media only screen and (max-width: 991px) {
     .header-upper .outer-box .logo-box {
       position: absolute !important;
     }
   }

   .image-layer {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     width: 100%;
     height: 100vh;
     /* Ensures full viewport height */
   }

   @media (max-width: 768px) {
     .image-layer {
       background-size: contain;
       /* Ensures the whole image is visible */
       height: 50vh;
       /* Reduce height for better visibility */
     }

     .main-slider .slide-item {
       min-height: 50vh;
       /* Ensures the container adjusts */
     }
   }

   .row-contact-info {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     /* flex-wrap: wrap; */
     margin-right: -15px;
     margin-left: -15px;
   }



   .sec-title span {
     position: relative;
     display: block;
     font-size: 24px;
     line-height: 26px;
     font-family: 'Heebo', sans-serif;
     font-weight: 800;
     margin-bottom: 13px;
     color: #095d6b;
   }

   .sec-title h2 {
     font-size: 40px;
     line-height: 42px;
     position: relative;
     color: #353535;
     font-weight: 800;
     padding-bottom: 0px;
     font-family: 'Heebo', sans-serif;
     margin: 0px;
   }

   .sec-title.style-two h2 {
     font-size: 36px;
     line-height: 15px;
   }

   contact-section .form-inner .form-group .theme-btn {
     padding: 12px 45px;
   }

   button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
     cursor: pointer;
   }

.tabs ul.nav {
    list-style-image: none;
    /* display: inline-block; */
    overflow: hidden;
}

.tabs ul.nav li {
    font-size: 18px;
    line-height: 17px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 6px 10px 7px 0;
    display: inline-block;
}

.tabs ul.nav li a {
    color: #FFFFFF;
    /* color: #45d7e5; */
    font-weight: bolder;
    padding-left: 20px;
    font-size: 18px;
    display: inline-block;
}

.tabs ul.nav li.selected a, .tabs ul.nav li:hover a {
 font-weight: bolder;
  color: blueviolet;
}


.bg-clr {
  background: url(../images/bg-li-li-ul.jpg) 0 0 repeat-x #07a5bf;
  display: flex;

  justify-content: space-around;
  font-size: 24px;
  margin-top: 0.5rem;
}


.bg-clr-1{
  background: url(../images/bg-li-li-ul.jpg) 0 0 repeat-x #07a5bf;
  display: flex;
  flex-direction: column;
  height: 92px;
  flex-wrap: wrap;
  font-size: 18px;
  margin-top: 0.5rem;
}

.mln-5{
  margin-left: -2.5rem;
}

.menu-icon{
  width: 2.5rem;
  cursor: pointer; 
}

.navbar{
  width: 100%;
  display: flex;
  align-items: center;
}