@import url("../../assets/roboto/roboto.css");

        body {
            /* font-family: "Roboto", sans-serif !important; */
            background-color: #F5F6FF;
            overflow-x: hidden;
        }

        .navbar-light {
            background: transparent;
            padding: 10px 0px;
        }

        .navbar-light .navbar-nav .nav-link.active,
        .navbar-light .navbar-nav .show>.nav-link {
/*            color: #FEC42E;*/
            background: transparent;
        }

       
        .navbar-light .navbar-nav .nav-link:hover {
           /* color: #FEC42E;
            background: transparent;
            transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            box-shadow: none;*/
            color: #ffc107 !important;
            border-color: #ffc107;
            background: transparent !important;
            border-radius: 10px; 
            border: 1px solid #ffc107;
        }
         .navbar-light .navbar-nav .nav-link:focus{
             color: #000 !important;
            background-color: #ffca2c !important;
            border-color: #ffc720;
            box-shadow: 0 0 0 0.25rem rgba(217,164,6,.5);
         }
        /*new*/

        .navbar-light .navbar-nav .nav-link.active{
            color: #000 !important;
            border-color: #ffc107;
            background: #FFC312 !important;
            box-shadow: 0px 0px 20px rgba(247, 148, 29, 0.5);
            border-radius: 10px; 
        }
        .navbar-light .navbar-nav .nav-link.active:hover{
            color: #000 !important;
        }

        /*new*/

        .bg-light {
            background-color: #f8f9fa00 !important;
        }

        .navbar-light .navbar-nav .nav-link {
            color: #fffffff0;
            border-radius: 8px;
            padding: 6px 10px;
            margin: 10px 4.5px;
            border: 1px solid transparent;
        }

        .scrolled .navbar-nav .nav-link {
            color: #001E28;
        }

        .scrolled .navbar-light .navbar-nav .nav-link {
            color: #001E28;
        }

        .scrolled-nav {
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            background-color: #fff;
        }

        .scrolled-nav .navbar-nav .nav-link {
            color: #001E28;
        }

        .navbar.scrolled {
            background-color: white !important;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }


       

        .sec-slider h2 {
            font-size: 36px;
            color: #FEC42E;
            /* font-family: 'Bebas Neue'; */
            font-style: normal;
            font-weight: 600;
            /* font-size: 64px; */
            line-height: 100%;
        }



        .sec-slider p {
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            /* or 150% */

            letter-spacing: 0.01em;

            color: #FFFFFF;
        }

         .sec-slider {
            background-repeat: no-repeat;
            margin-top: -75px !important;
        }

        .sec-slider h2 {
            color: #FEC42E;
        }

        .sec-slider h2 span {
            color: #45AB48;
        }

        .sec-1 .bdr-icon-div {
            border: 2px solid #FEC42E;
            padding: 5px;
            border-radius: 50%;
            width: 115px;
            height: 115px;
        }

        .sec-1 .sec-1-icon {
            background: linear-gradient(180deg, #FEC42E 0%, #DA5936 100%);
            color: #fff;
            font-size: 31px;
            width: 105px;
            height: 105px;
            position: relative;
            left: -2px;
            top: -2px;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            display: flex;
        }

        .sec-1 h2 {
            color: #001E28;
            font-weight: 600;
            font-size: 21px;
        }

        .sec-1 p {
            color: #484B59;
            font-weight: 500;
            font-size: 11px;
        }

        .sec-1 a {
            text-decoration: none;
        }

        .sec-4 {
            background-size: cover;
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
        }

        .sec-4 .bg-fixed {
            background-color: #601b0d;
            opacity: 0.9;
        }

        .sec-4 .crcl-4 {
            border: 3px solid #45AB48;
            border-radius: 50%;
            width: 109px;
            height: 109px;
            padding: 15px 14px 14px 16px;
        }

        .sec-4 h1 {
            font-size: 25px;
            color: #fff;
            margin: 0px 0px 0px 0px;
            font-weight: 600;
        }

        .btn-warning {
            color: #000;
            border-color: #ffc107;
            background: #FFC312;
            box-shadow: 0px 0px 20px rgba(247, 148, 29, 0.5);
            border-radius: 10px;
        }

        .btn-outline-warning {
            color: #ffc107;
            border-color: #ffc107;
            border: 1px solid #FEC42E;
            border-radius: 10px;
        }

        .heading {
            color: #484B59;
            font-style: normal;
            font-weight: 700;
            font-size: 30px;
            line-height: 48px;
        }

        .sec-2 .card-avtar {
            border: 1px solid #fff;
            border-radius: 50px;
            width: 81px;
            height: 81px;
            position: absolute;
            bottom: 15px;
            z-index: 9;
        }

        .sec-2 .card-image {
            border-radius: 15px;
            object-fit: cover;
        }

        .sec-2 .button {
            background: linear-gradient(270deg, #FFCA05 0.48%, #F5F198 51.27%, #FFCA05 100%);
            box-shadow: 0px 3.75px 3px rgba(0, 0, 0, 0.25);
            border-radius: 7.5px;
            width: 100%;
            height: 55px;
            border: none;
            color: #000000;
            font-size: 18px;
            font-weight: 700;
            justify-content: center;
            align-items: center;
            display: flex;
        }

        .sec-2 .card-body h4 {
            font-family: 'Work Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 18px;
            color: #FFFFFF;
            position: absolute;
            bottom: 46px;
        }

        .sec-2 .card {
            background: #0A8901;
            border-radius: 15px;
            padding: 9px 7px;
        }

        .sec-2 .card-body h6 {
            font-style: normal;
            font-weight: 600;
            font-size: 15px;
            line-height: 15px;
            text-align: center;
            color: #FFFFFF;
        }

        .sec-2 .card-body p {
            font-family: 'Work Sans';
            font-style: normal;
            font-weight: 500;
            font-size: 9px;
            line-height: 11px;
            text-align: center;
            color: #FFFFFF;
        }

        .section-white {
            background: #fff;
            padding: 50px 0px;
        }

        /* footer css start here */

        .sec-footer h5 {
            font-size: 27px;
        }

        .sec-footer input {
            border: none;
            background: #FFFFFF;

        }

        .sec-footer input:focus {
            border: none;
            outline: none;
            box-shadow: none;
        }

        .sec-footer .btn-danger {
            color: #fff;
            background-color: #FEC42E;
            border-color: #FEC42E;
            font-size: 14px;
            border-radius: 37px;
        }

        .sec-footer .card {
            background: #EF4523;
            border-radius: 20px;
            color: #fff;
            padding: 33px 0px 10px 0px;
            -webkit-box-shadow: -6px 13px 19px -10px rgba(87, 87, 87, 0.75);
            -moz-box-shadow: -6px 13px 19px -10px rgba(87, 87, 87, 0.75);
            box-shadow: -6px 13px 19px -10px rgba(87, 87, 87, 0.75);
        }

        .sec-footer .row-input {
            background: #FFFFFF;
            padding: 6px 8px 5px 8px;
            border-radius: 46px;
        }

        .sec-footer .ul-links a {
            font-weight: 400;
            line-height: 19px;
            color: #0A142F;
            text-decoration: none;
            transition: 0.2s ease-in;
            margin: 0 5px;
        }

        .sec-footer .ul-links a:hover {
            background: #c3c9ff73;
        }

        .sec-footer .ul-social li a {
            font-size: 24px;
            line-height: 19px;
            color: #484B59;
            margin: 0 11px;
            text-decoration: none;
            position: relative;
            top: 0px;
            transition: 0.2s ease-in;
            border: 1px solid transparent;
            border-radius: 17px;
            padding: 6px 9px;
        }

        .sec-footer .ul-social li a:hover {
            color: #F16025;
            background: #c3c9ff73;
            top: -5px;
            border: 1px solid #c3c9ff73;
            border-radius: 50%;
            padding: 6px 9px;
        }

        .sec-footer .ul-cards li a {
            margin: 0 7px;
            display: block;
            text-decoration: none;
            width: 39px;
            position: relative;
            top: 0px;
            transition: 0.2s ease-in;
        }

        .sec-footer .ul-cards li a:hover {
            top: 5px;
        }

        .sec-footer .footer-bootom-last {
            border-top: 1px solid #2b3d5129;
        }

        .sec-footer .footer-bootom-last .p-coyright {
            font-size: 12px;
            line-height: 16px;
            color: #0A142F;
            mix-blend-mode: normal;
            opacity: 0.75;
            margin: 0 11px;
        }


        /* 4 */

        .sec-four .card-body {
            padding: 19px 0px 27px 0px;
        }

        .sec-four .card {
            position: relative;
            top: 0px;
            transition: 0.2s ease-in;
            cursor: pointer;
            background: linear-gradient(180deg, #F7941D 0%, #EF4523 100%);
            border-radius: 23.4375px;
        }

        .sec-four .win-div {
            position: relative;
            top: -15px;
            transition: 0.2s ease-in;
            display: grid;
            justify-content: center;
            align-items: center;
        }

        .sec-four .card:hover .win-div {
            position: relative;
            top: -21px;
        }


        .sec-four .fa-solid_crown {

            position: relative;
            left: 12px;
        }

        .sec-four .p-b-14 {
            position: absolute;
            top: -47px;
        }

        .sec-four .pro-m-pic {
            width: 102px;
            border-radius: 50%;
            border: 2px solid #FFC312;
            padding: 5px;
            background: #fff;
            position: relative;
            top: -18px;
        }

        .sec-four h1 {
            font-style: normal;
            font-weight: 600;
            font-size: 42.952px;
            line-height: 20px;
            text-align: center;
            color: #FFFFFF;
            margin: 16px 0px;
        }

        .sec-four h5 {
            color: #101010;
            font-weight: 500;
        }

        .sec-four h4 {
            font-style: normal;
            font-weight: 600;
            color: #333333;
            font-weight: 600;
            font-size: 14px;
            margin: 0;
            padding: 0;
        }

        .sec-four p {
            font-style: normal;
            font-weight: 600;
            color: #333333;
            font-weight: 500;
            font-size: 12px;
            margin: 0;
            padding: 0;
        }

        .sec-four .first-w {
            scale: 1;
            position: relative;
        }

        .sec-four .second-w {
            scale: 0.76;
            position: relative;
        }

        .sec-four .third-w {
            scale: 0.76;
            position: relative;
        }

        .sec-testimonial .card-text p {
            font-style: normal;
            font-weight: 300;
            font-size: 15px;
            text-align: center;
            color: #FFFFFF;
        }

        .sec-testimonial .card-text img {
            width: 168px;
            position: relative;
            left: 13px;
            top: -10px;
        }

        .sec-testimonial .card-text {
            background-color: #0A8901;
            border-radius: 16.4425px;
        }

        .sec-testimonial .card-text .card-body {
            padding: 30px 16px 42px 4px;
        }

        .sec-testimonial .card-bottom {
            background: #F7F7F7;
            border-radius: 16.4425px;
        }

        .sec-testimonial .card-bottom img {
            width: 102px;
            border-radius: 50%;
            border: 3px solid #FFC312;
            padding: 5px;
            background: #fff;
            position: absolute;
            top: -46px;
        }

        .sec-testimonial .card-bottom .card-body {
            padding: 12px 18px 18px 22px;
        }

        .sec-testimonial .card-bottom h4 {
            font-size: 16px;
            line-height: 19px;
            text-align: right;
            color: #484B59;
            font-weight: 600;
        }

        .sec-testimonial .card-bottom .star-div {
            color: #FFC312;
        }

        .sec-testimonial .card-bottom {
            box-shadow: 0 5px 2px #00000030 !important;
        }

        .sec-b-1 {
            width: 100%;
            background: #07335C;
            color: #fff;
            background-repeat: no-repeat;
        }

        .sec-b-1 p {
            font-size: 12px;
        }

        .sec-b-1 .main-image {
            border-radius: 80px;
            border: 2px solid;
        }

        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            color: #000;
            background-color: #FFC312;
        }

        .nav-pills .nav-link:hover {
            color: #000;
            background-color: #FFC312;
        }

        .nav-pills .nav-link {
            color: #484B59;
            background-color: #ECECEC;
            padding: 15px 0px;
            font-weight: 500;
            border-radius: 0;
            border: 1px solid #C4C4C4 !important;
            border-left: 0px !important;
        }

        #pills-tabContent .btn-outline-success {
            border: 1px solid #C4C4C4;
            border-radius: 29px;
            color: #484B59;
            width: 144px;
            height: 42px;
            margin-bottom: 12px;
        }

        #pills-tabContent .btn-outline-success.active {
            background-color: #0A8901;
            color: #fff;
            border-color: #0A8901;
            ;
        }

        #pills-tabContent .btn-outline-success:hover {
            background-color: #0A8901;
            color: #fff;
        }

        #pills-tabContent .card-mdf-1 {
            background: #FFFFFF;
            border-radius: 20px;
        }

        .card-tab-2 {
            border-radius: 20px;
        }

        .card-tab-3 {
            border-radius: 20px;
        }

        .card-tab-4 {
            border-radius: 20px;
        }

        .card-tab-3 thead {
            background: #6AB146;
            color: #fff;
        }

        .card-tab-4 thead {
            background: #6AB146;
            color: #fff;
        }

        #pills-tabContent .card-mdf-1 .card-header {
            padding: 21px 0px;
            border-radius: 20px 20px 0px 0px;
        }

        #pills-tabContent .card-mdf-1 .card-header h5 {
            font-size: 15px;
        }

        #pills-tabContent .card-mdf-1 .card-header h6 {
            color: #FE724C;
        }

        #pills-tabContent .card-mdf-1 .card-header h6 span {
            font-size: 12px;
        }

        #pills-tabContent .card-mdf-1 .card-header {
            border: none;
            border-bottom: 1px solid #C4C4C4;
        }

        #pills-tabContent .card-mdf-2 {
            background: #0A8901;
            color: #fff;
            border-radius: 20px;
        }

        #pills-tabContent .btn-outline-light {
            border: 1px solid #FFFFFF;
            border-radius: 29px;
            width: 144px;
            height: 42px;
            margin-bottom: 12px;
        }

        #pills-tabContent .btn-light {
            border-radius: 10px;
            margin-bottom: 12px;
            font-weight: 600;
        }

        .card-md-101 .card-body {
            padding: 16px 27px 0px 16px;
        }

        .card-md-101 .btn {
            height: 40px;
            width: 40px;
            margin-bottom: 10px;
        }

        .card-md-101 {
            border: 1px solid #535353;
            border-radius: 20px;
        }

        .card-md-102 {
            border: 1px solid #535353;
            border-radius: 20px;
        }

        .card-md-102 {
            height: 108px;
        }

        .card-md-102 .card-body {
            padding: 16px 27px 0px 16px;
        }

        .card-md-101 .btn-outline-secondary.active {
            background-color: #f16025 !important;
            border-color: #f16025 !important;
        }

        .card-md-101 .btn-outline-secondary:hover {
            background-color: #f16025 !important;
            border-color: #f16025 !important;
        }

        .card-md-102 .btn-outline-secondary.active {
            background-color: #0A8901 !important;
            border-color: #0A8901 !important;
        }

        .card-md-102 .btn-outline-secondary:hover {
            background-color: #0A8901 !important;
            border-color: #0A8901 !important;
        }

        .card-md-102 .btn {
            height: 48px;
            width: 48px;
            margin-bottom: 10px;
        }

        .card-md-103 {
            border: none;
            border-radius: 20px;
        }

        .div-card-md-103 .form-check-input {
            border-color: #0A8901;
        }

        .div-card-md-103 .form-check-input:checked {
            background-color: #0A8901;
            border-color: #0A8901;
        }

        .div-card-md-103 input[type="radio"]::before {
            content: "";
            width: 0.65em;
            height: 0.65em;
            border-radius: 50%;
            transform: scale(0);
            transition: 120ms transform ease-in-out;
            box-shadow: inset 1em 1em var(--form-control-color);
            /* Windows High Contrast Mode */
            background-color: CanvasText;
        }

        .div-card-md-103 input[type="radio"]:checked::before {
            transform: scale(1);
        }

        .div-card-md-103 input[type="radio"]:checked {
            outline: max(2px, 0.15em) solid #0A8901;
            outline-offset: max(2px, 0.15em);
        }

        

        .position-button {
            position: relative;
            top: 12px;
            /* left: 23px; */
        }

        .position-button .btn-secondary {
            width: 147px;
            height: 40px;
            color: #535353;
            border: none;
            background: #ECECEC;
            border-radius: 90px;
        }

        .position-button .btn-outline-secondary {
            background: #FFFFFF;
            border: 1px solid #C4C4C4;
            border-radius: 90px;
            width: 147px;
            height: 40px;
            color: #535353;
        }

        .position-button .btn-secondary:hover {
            background: #6c757d;
            color: #fff;
        }

        .position-button .btn-outline-secondary:hover {
            background: #6c757d;
            color: #fff;
        }

        .mdf-h {
            letter-spacing: 0.01em;
            color: #484B59;
        }

        .mdf-6 {
            color: #484B59;
            margin-bottom: 16px;
        }

        .lst-row .btn {
            color: #000;
        }

        .lst-row .btn:hover {
            color: #fff;
        }

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

        .table .btn-outline-secondary {
            width: 38px;
            height: 38px;
        }

        /* _________________ dashboard css start here _______________________ */


        .sec-five .p-t-img {
            border: 4px solid #ffc700;
            border-radius: 44px;
            height: 88px;
            margin: 12px;
            background: #fff;
        }

        .sec-five .p-t-img img {
            width: 80px;
            height: 80px;
            padding: 4px;
            border-radius: 44px;
        }

        .sec-five h5 {
            color: #484B59;
            font-weight: 600;
            font-size: 14.8705px;
            line-height: 17px;
            text-align: center;
        }

        .sec-five h6 {
            color: #484B59;
            font-weight: 500;
            /* font-size: 10.4094px; */
            line-height: 12px;
            text-align: center;
            color: #484B59;
        }

        .sec-five p {
            color: #676767;
            font-weight: 400;
            /* font-size: 10.4094px; */
            line-height: 27px;
            color: #676767;
        }

        .sec-five .p-sub {
            font-size: 13px;
            line-height: 24px;
            font-weight: 200;
        }

        /* .sec-five .item{
            scale: 0.89;
        } */

        /* .sec-five .owl-item .item {
            transform: translate3d(0, 0, 0); 
            margin: 50px 0px;
          }
      */
        /* .sec-five .owl-item.center .item .card:hover h5{
            color:#F16025;
        }
        .sec-five .owl-item.center .item .card:hover h6{
            color:#F16025;
        } */
        /* .sec-five .owl-item.center .item .card:hover p{
            color:#F16025;
        } */
        .sec-five .owl-item.center .item .card:hover .p-t-img {
            border: 4px solid #F16025;
        }

        .sec-five .owl-item .item .card {
            /* -webkit-transition: 0.3s;
            -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); */
            /* -o-transition: 0.3s;
            transition: 0.3s;
            -webkit-transform: scale(0.80);
            -ms-transform: scale(0.80);
            transform: scale(0.80); */
        }

        /* .sec-five .owl-item.center .item .card {
            -webkit-transform: scale(1.15);
            -ms-transform: scale(1.15);
            transform: scale(1.15);
            cursor: pointer;
            transition: 0.2s ease-in;
        }
     */
        .sec-scratch-cards .price {
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #484B59;
            padding-bottom: 0;
            margin-bottom: 0;
        }

        .sec-scratch-cards .price-amt {
            font-weight: 700;
            font-size: 23px;
            line-height: 42px;
            color: #EE005E;
        }

        .sec-scratch-cards .card img {
            border-radius: 15px 15px 0 0;
        }

        .sec-scratch-cards .card {
            filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.1));
            border: none;
            border-radius: 15px;
            position: relative;
            top: 0;
        }

        .sec-scratch-cards .card:hover {
            top: -5px;
            transition: 0.3s ease-in;
        }

        .sec-scratch-cards .scrtch-crd-title {
            font-weight: 600;
            font-size: 15px;
            line-height: 23px;
            color: #484B59;
            margin-bottom: 20px;
        }

        .sec-scratch-cards .p-label {
            background: linear-gradient(85.85deg, #FFC700 0.93%, #FFEF9D 53.56%, #FFC700 100%);
            border-radius: 50px 1px 1px 50px;
            color: #484B59;
            position: absolute;
            left: 73.54%;
            right: -2%;
            top: 60.3%;
            bottom: 36.48%;
            height: 28px;
            font-weight: 600;
            font-size: 14px;
            line-height: 16px;
            text-align: right;
            padding: 6px 22px;
        }

        .btn-outline-info {
            color: #f4b100;
            border-color: #f4b100;
            border: 1px solid #f4b100;
            border-radius: 82px !important;
            font-weight: 600;
            padding: 6px 0px;
        }

        .btn-outline-info:hover {
            background-color: #f4b100;
            border-color: #f4b100;
            color: #fff;
        }

        .sec-scratch-cards-details .card-img img {
            border-radius: 15px 15px 0 0;
        }

        .sec-scratch-cards-details .card-img {
            filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.1));
            border: none;
            border-radius: 15px;
            position: relative;
            top: 0;
        }

        .sec-scratch-cards-details .button-add {
            width: 34px;
            height: 34px;
            left: 0px;
            top: 0px;
            border: 1px solid #9E9E9E;
            border-radius: 38px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 13px;
        }

        .sec-scratch-cards-details .button-add:hover {
            background: #EE005E;
            border: 1px solid #EE005E;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
            border-radius: 42px;
            color: #fff;
        }

        .sec-scratch-cards-details .active {
            background: #EE005E;
            border: 1px solid #EE005E;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
            border-radius: 42px;
            color: #fff;
        }

        .sec-scratch-cards-details h4 {
            font-weight: 600;
            font-size: 28px;
            line-height: 38px;
            display: flex;
            align-items: center;
            text-transform: capitalize;
            color: #484B59;
        }

        .sec-scratch-cards-details .sub-h {
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;
            display: flex;
            align-items: center;
            text-transform: capitalize;
            color: #454545;
        }

        .sec-scratch-cards-details .multiple-crd {
            background: #F5F5F5;
            border-radius: 12px;
            border: none;
        }

        .sec-scratch-cards-details .multiple-crd .card-body {
            padding: 12px 0px;
        }

        .sec-scratch-cards-details .price-d {
            font-size: 22px;
        }

        .sec-scratch-cards-details .btn {
            width: 301px;
        }

        .sec-scratch-cards-details .card-footer {
            background: #EE005E;
            border-radius: 0px 0px 12px 12px;
            text-align: center;
        }

        .sec-scratch-cards-details .card-footer h5 {
            color: #fff;
            text-transform: capitalize;
            color: #FFFFFF;
            font-weight: 600;
        }

        .sec-scratch-cards-details h6 {
            font-weight: 400;
            font-size: 16px;
            line-height: 16px;
            color: #333333;
            margin-bottom: 14px;
        }

        .sec-scratch-cards-details .card-feature {
            border: 1px solid #9E9E9E;
            border-radius: 12px;
        }

        .sec-scratch-cards-details .card-feature p {
            color: #333333;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
        }

        .sec-scratch-cards-details .card-feature .card-body {
            padding: 20px 50px;
        }

        .sec-scratch-cards-details .card-feature .card-header {
            background: #F5F5F5;
            border-radius: 12px 12px 0px 0px;
            border: none;
            padding: 20px 50px;
        }

        .sec-scratch-cards-details .card-feature .card-header h3 {
            font-weight: 600;
            font-size: 23px;
            line-height: 24px;
            color: #484B59;
            margin: 0;
        }

        .sec-scratch-cards-details .multiple-crd-play {
            border: 1px solid #9E9E9E;
            border-radius: 12px;
        }

        .sec-scratch-cards-details .multiple-crd-play .text-success {
            text-transform: capitalize;
            color: #22AA00 !important;
            font-weight: 600;
            font-size: 26px;
        }

        .sec-scratch-cards-details .multiple-crd-play .text-dark {
            text-transform: capitalize;
            color: #484B59 !important;
            font-weight: 600;
            font-size: 26px;
        }

        .scratch-cards-scratch .card-scratch {
            background-color: #484B59;
            border-radius: 12px 12px 0px 0px;
        }

        .scratch-cards-scratch .scratch-btn {
            width: 67px;
            height: 67px;
            left: 243px;
            top: 177px;
            border: 1px solid #9E9E9E;
            border-radius: 42px;
            color: #FFFFFF;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 600;
        }

        .scratch-cards-scratch .active {
            background: #22AA00 !important;
            border: 2px solid #FFC700 !important;
        }

        .buy-ticket-dtls .card-ticket-details {
            border-radius: 15px 15px 15px 15px;
        }

        .buy-ticket-dtls .card-ticket-details .card-header {
            background: #FFFFFF;
            border-radius: 15px 15px 0px 0px;
            border: none;
        }

        .buy-ticket-dtls .card-ticket-details>.card-body {
            background: #F5F6FF;
        }

        .buy-ticket-dtls .card-ticket-details .card-footer {
            background: #FFFFFF;
            border-radius: 0px 0px 15px 15px;
            border: none;
        }

        .buy-ticket-dtls .btn-add-ticket {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 12px 5px;
            position: absolute;
            width: 139px;
            top: 31.87%;
            bottom: 64.44%;
            background: #f4b100;
            box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
            border-radius: 12px;
            color: #fff;
            border-color: transparent;
            position: relative;
            top: 0px;
        }

        .buy-ticket-dtls .btn-add-ticket .fa-plus-circle {
            font-size: 38px;
            position: relative;
            left: -6px;
            top: -2px;
        }

        .buy-ticket-dtls .btn-add-ticket:hover {
            top: -5px;
            transition: 0.2s ease-in;
        }

        .buy-ticket-dtls .text-success {
            text-transform: capitalize;
            color: #22AA00 !important;
            font-weight: 600;
            font-size: 26px;
        }

        .buy-ticket-dtls .text-dark {
            text-transform: capitalize;
            color: #484B59 !important;
            font-weight: 600;
            font-size: 26px;
        }

        .buy-ticket-dtls .fw-light {
            font-size: 16px;
            position: relative;
            top: -3px;
        }

        .card-ticket-details .btn-outline-primary {
            padding: 1px 16px;
            left: 60.21%;
            right: 30.02%;
            top: 19.66%;
            bottom: 71.53%;
            border: 1px solid #9E9E9E;
            border-radius: 33px;
            /* margin-left: 10px; */
            font-size: 13px;
            border: 1px solid #f4b100;
            border-radius: 35px;
            margin-bottom: 7px;
        }

        .card-ticket-details .btn-check:checked+.btn-outline-primary {
            background: #f4b100;
            border: 1px solid #f4b100;
        }

        .card-ticket-details .btn-outline-primary:hover {
            background: #f4b100;
            border: 1px solid #f4b100;
        }

        .buy-ticket-dtls .card-ticket-details label {
            font-size: 12px;
        }

        .buy-ticket-dtls .card-ticket-details h6 {
            font-size: 12px;
        }

        .buy-ticket-dtls .card-ticket-details .card .img-cnt {
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            position: relative;
            top: 2px;
        }

        .buy-ticket-dtls .card-ticket-details .bg-dark {
            background-color: #212121 !important;
        }

        .buy-ticket-dtls .card-ticket-details .bg-dark h1 {
            font-weight: 700;
            font-size: 24px;
            line-height: 0.8;
            display: flex;
            align-items: center;
            text-align: center;
            letter-spacing: 0.345em;
            color: #FFFFFF;
            margin: 0;
            padding: 6px 0px;
        }


        .dash-right-side .dash-card-row .card {
            background-size: contain;
            border: none;
            background-repeat: no-repeat;
            background-color: #F5F6FF;
            height: 132px;
        }

        .dash-right-side .dash-card-row p {
            font-weight: 500;
            font-size: 14px;
            line-height: 16px;
            color: #ffe4a2;
        }

        .dash-right-side .dash-card-row h3 {
            font-weight: 700;
            font-size: 36px;
            line-height: 42px;
            color: #FFFFFF;
        }

        .btn-info {
            color: #101010 !important;
            background-color: #f4b100;
            border-color: #f4b100;
        }
        .btn-info:hover {
            color: #ffffff !important;
            background-color: #F16025;
            border-color: #F16025;
        }

        .inf-rounded {
            /* width: 61px; */
            height: 26px;
            /* left: 830px;
            top: 347px; */
            background: #f4b100;
            border-radius: 39px;
            border: none;
            font-weight: 500;
            font-size: 14px;
            line-height: 16px;
            text-align: center;
            color: #FFFFFF;
            flex: none;
            order: 0;
            flex-grow: 0;
            position: relative;
            top: 0;
        }

       
        .dash-right-side .card-wallet a {
            text-decoration: none;
            font-size: 16px;
            color: #212121;
        }

        .dash-right-side .card-wallet {
            background: #FFFFFF;
            border-radius: 15px;
            border: none;
            box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
            color: #212121;
        }

        .dash-right-side .card-wallet .end-3 {
            background: #F16025;
            border-radius: 0px 15px 15px 0px;
        }

        .dash-right-side .card-wallet .end-3 h6 {
            color: #fff8d6;
            margin-bottom: 3px;
        }

        .dash-right-side .card-wallet .start-3 span {
            border-right: 1px solid #101010;
            padding-right: 47px;
            padding-top: 7px;
            padding-bottom: 7px;
        }

        .dash-right-side .card-table {
            border-radius: 15px 15px 15px 15px;
            border: none;
            box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        }

        .dash-right-side .card-table .card-header {
            border-radius: 15px 15px 0px 0px;
            background: #45AB48;
            border: none;
        }

        .dash-right-side .card-table .card-header h5 {
            font-weight: 500;
            font-size: 18px;
            color: #FFFFFF;
            margin-bottom: 4px;
        }

        tbody,
        td,
        tfoot,
        th,
        thead,
        tr {
            border-color: #9E9E9E;
            border-left: 0;
            border-right: 0;
            border-top: none;
            font-size: 13px;
            line-height: 30px;
            text-align: center;
            color: #212121;
        }

        .dash-right-side .card-table th {
            font-weight: 500;
            font-size: 14px;
            line-height: 19px;
            text-align: center;
            color: #484B59;
        }

        .dash-left-side {
            -webkit-box-shadow: 2px 0px 5px -3px rgb(0 0 0 / 25%);
            -moz-box-shadow: 2px 0px 5px -3px rgba(0, 0, 0, 0.25);
            box-shadow: 2px 0px 5px -3px rgb(0 0 0 / 25%);
        }

        .dash-left-side .dash-heading {
            text-transform: capitalize;
            color: #212121;
            font-weight: 600;
            font-size: 16px;
        }


        .dash-left-side .card {
            border-radius: 15px 0px 0px 0px !important;
            border: none;
            margin: 6px 0px;
        }

        .dash-left-side .card-body {
            background-color: #EEEEEE;
        }


        .dash-left-side .card-header {
            color: #fff;
            border-radius: 15px 0px 0px 0px !important;
            padding: 10px 0px 9px 20px;
            cursor: pointer;
            background-color: transparent;
        }

        .dash-left-side .card-header h6 {
            font-size: 18px;
            line-height: 20px;
            text-transform: capitalize;
            color: #484B59;
            margin: 0px;
        }

        .dash-left-side .card-body ul a {
            font-size: 20px;
            line-height: 23px;
            text-transform: capitalize;
            color: #484B59;
            text-decoration: none;
            display: block;
            padding: 0px 0px 0px 0px;
            font-size: 15px;
        }

        .dash-left-side .card-body ul a:hover {
            color: #F16025;
        }

        .dash-left-side .card-body ul li {
            margin: 5px 0;
        }

        .dash-left-side .card-header a {
            font-size: 20px;
            line-height: 23px;
            text-transform: capitalize;
            color: #484B59;
            text-decoration: none;
            display: block;
            padding: 14px 0px 14px 20px;
        }

        .dash-left-side .card-header i {
            background: #484B59;
            height: 23.36px;
            width: 23.36px;
            color: #fff;
            border-radius: 50%;
            text-align: center;
            line-height: 1.7;
            font-size: 15px;
            margin-right: 8px;
        }

        /* .dash-left-side ul li:hover{
            background-color: #F16025;
            border-radius: 15px 0px 0px 0px;
        } */

        .dash-left-side .card-header[aria-expanded="true"]:hover>h6 {
            color: #fff;
        }

        .dash-left-side .card-header[aria-expanded="true"] {
            background: #F16025;
            padding: 4px 0px 9px 20px;
        }

        .dash-left-side .card-header[aria-expanded="true"] h6 {
            color: #fff;
        }

        .dash-left-side .card-header[aria-expanded="true"] i {
            color: #fff;
            background: #F16025;
            font-size: 22px;
            padding: 0;
            margin: 0;
        }

        .dash-left-side .card-header:hover {
            background: #F16025;
        }

        .dash-left-side .card-header:hover>h6 {
            color: #fff !important;
        }

        .dash-left-side .card-header:hover>h6 i {
            background: #fff;
            color: #F16025;
        }

        .dash-left-side .card-header[aria-expanded="true"]:hover>h6 i {
            background: transparent;
            color: #fff;
        }

        .sec-login .input-group-text {
            background-color: #ABD5D6;
            border: 1px solid #ABD5D6;
        }

        .sec-login .input-group-text img {
            height: 25px;
        }

        .sec-login input {
            border: 0.5px solid #9E9E9E;
            border-radius: 8px;
        }

        .sec-login p {
            font-size: 12px;
        }

        .sec-login p a {
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            text-align: right;
            color: #f4b100;
            text-decoration: none;
        }

        .sec-login label {
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #484B59;
        }

        .sec-login h4 {
            font-weight: 600;
            font-size: 25px;
            line-height: 38px;
            display: flex;
            align-items: center;
            text-transform: capitalize;
            color: #4B4B4B;
        }

        .sec-login .lgn-img {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        .sec-ticket-dtls h4 {
            color: #101010;
        }

        .sec-ticket-dtls .crd-img-dtls {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            border-radius: 15px;
        }

        .sec-ticket-dtls .crd-img-dtls .card {
            background: #EE005E;
            border-radius: 15px;
            color: #fff;
            position: absolute;
            top: 139px;
            width: inherit;
        }

        .sec-ticket-dtls .ltr-name {
            padding: 52px 6px 54px 6px !important;
            background: #00000063;
            border-radius: 15px;
        }

        .sec-ticket-dtls .crd-img-dtls .card p {
            font-size: 14px;
        }

        .sec-ticket-dtls .crd-img-dtls p {
            font-size: 14px;
            opacity: 0.9;
        }

        .buy-ticket-dtls .instructions-row .card {
            border-radius: 15px 15px 15px 15px;
        }

        .buy-ticket-dtls .instructions-row .card-header {
            background: #EE005E;
            border-radius: 15px 15px 0px 0px;
        }

        .buy-ticket-dtls .instructions-row .card-header .nav-pills .nav-link {
            background: 0 0;
            border: 0;
            border-radius: 0.25rem;
            border: 1px solid #101010;
            border-radius: 33px;
            color: #101010;
            margin: 0 5px;
            font-size: 12px;
        }

        .buy-ticket-dtls .instructions-row .card-header .nav-pills .nav-link.active {
            background: #101010;
            border-radius: 68px;
            color: #484B59;
        }

        .buy-ticket-dtls .card-footer h6 {
            color: #484B59;
            font-size: 14px;
        }

        .brd-yellow {
            border-color: #101010 !important;
        }


        .accordion-button:not(.collapsed) {
            color: #0c63e4;
            background-color: #ffffff;
            box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
            border: 1px solid #0c63e4;

        }

        .accordion-item .show {
            border: 1px solid #0c63e4;
            border-top: none;
        }

        .filter-none {
            filter: none !important;
        }


        .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            background: #0c63e4;
        }

        .owl-theme .owl-dots .owl-dot span {
            background: #8f8f8f;
        }

        .bg-primary {
            background-color: #F16025 !important;
        }

        .btn-primary {
            color: #fff;
            background-color: #F16025 !important;
            border-color: #F16025 !important;
        }

        .panel .table th {
            background: #EE005E;
            color: #fff;
        }

        .panel .table thead tr {
            border-radius: 15px 15px 0px 0px;
        }

        .panel .table>:not(caption)>*>* {
            padding: 1px 6px;
        }

        /* border-radius: 15px 15px 0px 0px;
        background: #EE005E;
        border: none; */


        .text-yellow {
            color: #101010 !important;
        }

        .text-muted {
            color: #9E9E9E !important;
        }

        .text-black {
            color: #000 !important;
        }

        .font-xs {
            font-size: 12px !important;
        }

        .font-sm {
            font-size: 14px !important;
        }

        .pt-sm {
            padding-top: 6px !important;
        }

        .p-right-2 {
            padding-right: 2rem !important;
        }

        .mt-6 {
            margin-top: 3.5rem;
        }

        .mt-up {
            margin-top: -20px !important;
        }

        .ticket-punch {
            /* position: absolute;
    top: 4px;
    left: -7px;
    width: 210px; */
            position: absolute;
            top: 4px;
            left: -4px;
            width: 100%;
            height: 218px;
        }

        .ticket-circle {
            position: absolute;
            width: 40px;
            top: -8px;
            left: 109px;
            height: 245px;
        }

        .border-ticket .ticket-img {
            /* height: 228px !important;
    width: 155px !important;
    object-fit: cover;
    border-radius: 5px 0px 0px 5px ;
    border-right: 3px solid #FFC700; */
            height: 228px !important;
            width: 212px !important;
            object-fit: cover;
            border-radius: 5px 0px 0px 5px;
            border-right: 3px solid #FFC700;
        }

        .OTP-modal {
            background: #EE005E;
            color: #fff !important;
        }

        .btn-timer {
            border: 1px solid #F16025;
            border-radius: 27px;
            padding: 0px 15px;
            background: #F1602524;
            color: #F16025;
            font-weight: bold;
        }

        .profile-form .form-control {
            padding: 15px 20px;
            border-radius: 8px;
            color: #6a6a6a !important;
        }

        .profile-form label {
            font-size: 14px !important;
            margin-bottom: 10px;
        }

        .withdraw-table thead>tr>th {
            font-weight: 600 !important;
            font-size: 16px !important;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .btn-withdrawal {
            padding: 12px 25px;
            background: #f4b100;
            box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
            border-radius: 12px;
            color: #101010;
            border-color: transparent;
            position: relative;
            top: 0px;
            text-decoration: none;
        }


        .btn-withdrawal:hover {
            top: -5px;
            transition: 0.2s ease-in;
            color: #101010;
        }

        .withdrawal-card {
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
            border-radius: 15px;
        }

        .withdrawal-card .card-header {
            padding: 0px !important;
            position: relative;

        }

        .withdrawal-card .card-header .card-header-img {
            width: 100%;
            height: 100px;
        }

        .withdrawal-card .header-content {
            position: absolute;
            top: 16px;
            left: 30px;
            color: #fff;
            display: flex;
            align-items: center;
        }

        .withdrawal-card .header-content img {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            border: 2px solid #FFC700;
        }

        .withdrawal-card .card-body .card-body-text {
            color: #676767;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .min-prize h6 {
            font-size: 12px;
        }

        .min-prize h6 span {
            color: #22AA00 !important;
            font-weight: bold;
        }

        @media (max-width:990px) {
            .border-ticket .ticket-img {
                height: 200px !important;
            }

            .ticket-circle {
                display: none;
            }

        }



        .commission-tab .nav-pills .nav-link.active {
            padding: 12px 25px;
            background: #f4b100;
            box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
            border-radius: 10px;
            color: #fff;
            border-color: transparent;
            position: relative;
            text-decoration: none;
        }

        .commission-tab .nav-pills .nav-link {
            padding: 12px 25px;
            border-radius: 10px;
            color: #0a0a0b;
            border-color: transparent;
            position: relative;
            text-decoration: none;
            border: 1px solid;
            margin: 0px 10px;
        }

        .lottery-item {
            max-width: 600px;
            height: 228px;
            background: #fff;
            display: flex;
            border-radius: 7px;
        }


        .item-right {
            margin-right: 20px;
            width: 25%;
            position: relative;
            height: 100%;
        }

        .buy-button {
            padding-left: 30px;
            padding-right: 30px;
            border-radius: 28px;
            font-family: 'Poppins', sans-serif;
            border: none;
        }
        .sec-dashboard{
            margin-top: 77px;
        }
        .dash-right-side .dash-card-row .card {
            background: #3a823c;
            border-radius: 26px;
        }
      
        .dash-right-side .dash-card-row .card img{
            position: absolute;
            width: 85px;
            top: 18px;
            right: 16px;
        }
        .inf-rounded:hover {
            color: #ffffff !important;
            background-color: #F16025;
            border-color: #F16025;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            top: -2px;
            transition: 0.2s ease-in;
        }


        .sec-five .card{
            border: 0.743527px solid rgba(0, 0, 0, 0.2);
            background: #FFFFFF;
            border-radius: 11px;
            margin: 15px;
            background-size: cover;
            border: none;
        }
        .sec-five{
            /* background-color: #484B59; */
        }
        .sec-five .p-t-img{
            border: 4px solid #ffc700;
            border-radius: 44px;
            height: 88px;
            margin: 12px;
            background: #fff;
        }
        .sec-five .p-t-img img{
            width: 80px;
            height: 80px;
            padding: 4px;
            border-radius: 44px;
        }
        .sec-five h5{
            color: #484B59;
            font-weight: 600;
            font-size: 14.8705px;
            line-height: 17px;
            text-align: center;
        }
        .sec-five h6{
            color: #484B59;
            font-weight: 500;
            /* font-size: 10.4094px; */
            line-height: 12px;
            text-align: center;
            color: #484B59;
        }
        
        .sec-five p{
            color: #676767;
            font-weight: 400;
            /* font-size: 10.4094px; */
            line-height: 27px;
            color: #676767;
        }
        .sec-five .p-sub{
            font-size: 13px;
            line-height: 24px;
            font-weight: 200;
        }


        .navbar .show{
            background: #fffefe;
            padding: 1px 0px 22px 16px;
            border-radius: 15px;
        }
        
        .show .nav-link {
            color: #020202f0 !important;
        }   
        .navbar-light .navbar-toggler {
            color: rgb(0 231 30 / 55%) !important;
        }
        .scrolled .navbar-toggler {
            color: rgb(187 0 0) !important;
        }

        .show .balance {
            color: #020202f0 !important;
        }
         .green-circle button{
            width: 49px;
            height: 49px;
            background: #0A8901;
            border-radius: 48px;
            margin-left:6px;
        }
        .orange-circle button{
            width: 49px;
            height: 49px;
            background: #EF4523;
            border-radius: 48px;
            margin-left:6px;
        }
        .card-ticket-view{
            border-radius: 15px;
            color: #484B59;
            box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.25);
        }
        .card-ticket-view b{
            color: #0d0e0f;
        }
        .card-ticket-view .straight-btn{
            width: 158px;
            height: 48px;
            left: 492px;
            top: 295px;
            background: #0A8901;
            border-radius: 29px;
        }
        .card-ticket-view .card-header h3{
            font-weight: 700;
        }
        .card-ticket-view .card-header{
            color: rgba(255, 255, 255, 0.8) !important;
        }
        .card-ticket-view .card-header img{
            border-radius: 50%;
            border: 2px solid #fff;
            /* width: 117px;
            height: 117px; */
            position: relative;
            top: 35px;
        }
        .card-ticket-view .card-header{
            background-size: cover;
            background-position: center;
            border-radius: 15px 15px 0px 0px;
        }
        .border-dashed{
            border-bottom: 1px dashed #C4C4C4;
        }.range{    height: 49px;    justify-content: center;    align-items: center;    display: flex;}.print-ticket {    font-size: 18px;    cursor: pointer;}.text-center {    text-align: center;}.green-circles{            width: 25px;            height: 25px;            background: #0A8901;            border-radius: 48px;            margin-left:6px;            margin-bottom:60px;            margin-top:8px;            font-size:10px;        }        .orange-circles{            width: 49px;            height: 49px;            background: #EF4523;            border-radius: 48px;            margin-left:6px;         }
       

      /*g*/

       .VIpgJd-yAWNEb-L7lbkb{
        display: none !important;
       }
       .VIpgJd-ZVi9od-ORHb-OEVmcd{
            display: none!important;
         }

    
        .goog-te-gadget-simple {
          /*       position: fixed;
                top: 19.9px;
                right: 16px;*/
                z-index: 9999 !important;
        /*                right: 200px !important;*/
                white-space: nowrap !important;
                color: #000 !important;
                border-color: #ffc107 !important;
                background: #FFC312 !important;
                box-shadow: 0px 0px 20px rgba(247, 148, 29, 0.5) !important;
                border-radius: 10px !important;
                padding: 9px 4px !important;
        }
        .goog-te-gadget img {
            display: none;
        }
        .VIpgJd-ZVi9od-xl07Ob-OEVmcd {
            border-radius: 15px;
            color: #202242;
        }
        .VIpgJd-ZVi9od-vH1Gmf-ibnC6b, .VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd {
            color: #202242 !important;
        }
        .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
            text-decoration: none;
            color: #202242 !important;
            border: none !important;
        }

        .sidenav .goog-te-gadget-simple{
            padding: 2px 4px !important;
            margin: 0px 9px 0px 9px;
            height: 56px;
            width: 89%;
            text-align: center;
        }


        /*  language translator css start here */


             .sl-nav {
              display: inline;
            }
            .sl-nav ul {
              margin:0;
              padding:0;
              list-style: none;
              position: relative;
              display: inline-block;
            }
            .sl-nav li {
              cursor: pointer;
               padding: 5px 7px;
            }
            .sl-nav li ul {
              display: none;
            }
            .sl-nav li:hover ul {
                position: absolute;
                top: 35px;
                right: -2px;
                display: block;
                background: #fff;
                width: 104px;
                padding-top: 0px;
                z-index: 1;
                border-radius: 5px;
                box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
            }
            .sl-nav li:hover .triangle {
              position: absolute;
              top: 15px;
              right: -10px;
              z-index:10;
              height: 14px;
              overflow:hidden;
              width: 30px;
              background: transparent;
             display: none;
            }
            .sl-nav li:hover .triangle:after {
              content: '';
              display: block;
              z-index: 20;
              width: 15px;
              transform: rotate(45deg) translateY(0px) translatex(10px);
              height: 15px;
              background: #fff;
              border-radius:2px 0px 0px 0px;
              box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
            }
            .sl-nav li ul li {
              position: relative;
              text-align: left;
              background: transparent;
              padding: 9px 10px 10px 10px !important;
              padding-bottom:0;
              z-index: 2;
              font-size: 15px;
              color: #3c3c3c;
            }
            .sl-nav li ul li:last-of-type {
              padding-bottom: 15px;
            }
            .sl-nav li ul li span {
              padding-left: 5px;
            }
            .sl-nav li ul li span:hover, .sl-nav li ul li span.active {
              color: #146c78;
            }
            .sl-flag {
              display: inline-block;
              box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
              width: 15px;
              height: 15px;
              background: #aaa;
              border-radius: 50%;
              position: relative;
              top: 2px;
              overflow: hidden;
            }
            .flag-de {
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==');
              background-size: cover;
              background-position: center center;
            }
            .flag-usa {
              background-size: cover;
              background-position: center center;
              background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=');
            }

            .sl-nav li ul .active{    
                background: #ffc1078a;
                padding: 9px 7px;
            }

        /*  language translator css end here */

        .sidenav .custom-btn1{
            width: 89%;
            padding: 5px 0px;
            font-size: 21px;
            margin-bottom: 7px !important;
            margin-bottom: 16px;
            margin-right: 20px !important;
            color: #000 !important;
            margin-left: 9px !important;
        }
        .sidenav .sl-nav li:hover ul{
            width: 101%;
            top: 53px;
        }
        .sidenav .sl-nav li ul .active{
            margin: 0;
            border-radius: 0;
        }