.pointer {
          cursor: pointer;
      }

      /* .img-responsive {
          display: block;
          height: auto;
          max-width: 100%
      } */


      #myBtn {
          display: none;
          position: fixed;
          bottom: 60px;
          right: 30px;
          z-index: 99;
          font-size: 13px;
          border: none;
          outline: none;
          background-color: #0e5278;
          color: white;
          cursor: pointer;
          padding: 10px;
          border-radius: 4px;
      }

      #myBtn:hover {
          background-color: #555;
      }



      #grad1 {

          background: rgb(238, 174, 202);
          background: radial-gradient(circle, rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
          margin: auto;
          max-width: 100%;
      }

      #grad2 {

          /* background: rgb(2, 0, 36);
          background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%); */
          /* background-image: radial-gradient(circle at 0% 0%, #ad65ff 0, #7e54f9 25%, #4d42d4 50%, #0130af 75%, #00218d 100%); */
          /* background-image: radial-gradient(circle at 50% -20.71%, #ffcb27 0, #ffb92d 12.5%, #ffa534 25%, #ff9039 37.5%, #f2793c 50%, #df643e 62.5%, #ce5240 75%, #be4343 87.5%, #b13846 100%); */
          /* background-image: radial-gradient(circle at 50% -20.71%, #e459ea 0, #c84ded 16.67%, #a544f0 33.33%, #783cf2 50%, #2538f4 66.67%, #0039f5 83.33%, #003af6 100%); */
          background-image: radial-gradient(circle at 50% -20.71%, #3fbea1 0, #29beab 5%, #00bfb5 10%, #00bebf 15%, #00bec9 20%, #00bdd2 25%, #00bcdb 30%, #00bbe2 35%, #00b9e9 40%, #1cb7ee 45%, #3cb5f2 50%, #53b2f5 55%, #68aff6 60%, #7bacf6 65%, #8ca9f5 70%, #9ca5f2 75%, #aba1ee 80%, #b99ee8 85%, #c59ae2 90%, #d096da 95%, #d993d2 100%);
          margin: auto;
          max-width: 100%;
      }
	  nav-dge {
        display: block;
        /* background: #064ea2; */
        padding: 2px 40px;

    }

    .menudge {
        display: flex;
    }

    .menudge li {
        display: block;
        position: relative;
        z-index: 100;
    }

    .menudge li:first-child {
        margin-left: 0;
    }

    .menudge li a {
        font-weight: 550;
        text-decoration: none;
        padding: 10px 13px;
        display: block;
        color: #fff;
        transition: all 0.2s ease-in-out 0s;
    }

    .menudge li a:hover,
    .menudge li:hover>a {
        color: #fff;
        background: #0e5278;
    }

    /* lbrul */
    .menudge ul {
        visibility: hidden;
        opacity: 0;
        margin: 0;
        padding: 0;
        width: 200px;
        position: absolute;
        left: 0px;
        background: #fff;
        z-index: 99;
        transform: translate(0, 20px);
        transition: all 0.2s ease-out;
    }

    .menudge ul:after {
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 6px;
        margin-left: -6px;
    }

    .menudge ul li {
        display: block;
        float: none;
        background: none;
        margin: 0;
        padding: 0;
    }

    /* font sub2 */
    .menudge ul li a {
        font-size: 13px;
        font-weight: normal;
        display: block;
        color: #797979;
        background: #fff;
    }

    .menudge ul li a:hover,
    .menudge ul li:hover>a {
        background: #0e5278;
        color: #fff;
    }

    .menudge li:hover>ul {
        visibility: visible;
        opacity: 1;
        transform: translate(0, 0);
    }

    .menudge ul ul {
        left: 100%;
        top: 0px;
        visibility: hidden;
        opacity: 0;
        transform: translate(20px, 20px);
        transition: all 0.2s ease-out;
    }

    .menudge ul ul:after {
        left: -6px;
        top: 10%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #fff;
        border-width: 6px;
        margin-top: 8px;

    }

    .menudge li>ul ul:hover {
        visibility: visible;
        opacity: 1;
        transform: translate(0, 0);
    }

    .responsive-menudge {
        display: none;
        width: 100%;
        padding: 20px 15px;
        background: #374147;
        color: #fff;
        text-transform: uppercase;
        font-weight: 200;
        /* display: none;
        width: 100%;
        padding: 20px 15px;
        background: #064ea2;
        color: #fff;
        text-transform: uppercase; */
        /* font-weight: 200; */
    }

    .responsive-menudge:hover {
        background: #064ea2;
        color: #fff;
        text-decoration: none;
    }

    a.dgeaktif {
        background: #0e5278;
    }
	
	    .menu ul li a.active {
        color: #13209c;
		border-bottom: 1px solid #e01822;
    }
	.menu ul li a {
    white-space: nowrap;
}

    @media (min-width: 768px) and (max-width: 979px) {
        .mainWrap {
            width: 768px;

        }

        .menudge ul {
            top: 17px;
        }

        .menudge li a {
            font-size: 14px;
        }

        a.dgeaktif {
            background: #064ea2;
        }
    }

    @media (max-width: 767px) {
        .mainWrap {
            width: auto;
            padding: 10px 20px;
        }

        .menudge {
            display: none;
        }

        .responsive-menudge {
            display: block;
            margin-top: 100px;
        }

        nav-dge {
            margin: 0;
            background: none;
        }

        .menudge li {
            display: block;
            margin: 0;
        }

        .menudge li a {
            background: #fff;
            color: #797979;
        }

        .menudge li a:hover,
        .menudge li:hover>a {
            background: #0e5278;
            color: #fff;
        }

        .menudge ul {
            visibility: hidden;
            opacity: 0;
            top: 0;
            left: 0;
            width: 100%;
            transform: initial;
        }

        .menudge li:hover>ul {
            visibility: visible;
            opacity: 1;
            position: relative;
            transform: initial;
        }

        .menudge ul ul {
            left: 0;
            transform: initial;
        }

        .menudge li>ul ul:hover {
            transform: initial;
        }
    }

    @media (max-width: 480px) {}

    @media (max-width: 320px) {}