ul , li {
      list-style: none;
   }           
              
              
              body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
                  .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
                  :where(.wp-block-columns.is-layout-flex){gap: 2em;}
                  .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}




                  .lightbox {
                     position: fixed;
                     left: 50%;
                     top: 50%;
                     z-index: 99999;
                     width: 25em;
                     -webkit-transform: translate(-50%, -50%) scale(.95);
                     transform: translate(-50%, -50%) scale(.95);
                     -webkit-transition: .2s;
                     transition: .2s;
                     opacity: 0;
                     font-size: 16px
                 }
                 
                 .min-h-100{
                     min-height: 100px !important;
                 }
                 .aaa{
                     display: inline-block;
                     background: #fed843;
                     border-radius: 1em;
                     padding: .5em 1em;
                     margin-top:.5em;
                     font-size: .9em
                 
                 }
                 .aaa:hover{
                     background: #eee;
                 }
                 
                 .lightbox.active {
                     opacity: 1;
                     -webkit-transform: translate(-50%, -50%);
                     transform: translate(-50%, -50%)
                 }
                 
                 .lightbox.navigating .logo {
                     width: 150px;
                     -webkit-transform: translateY(140px);
                     transform: translateY(140px)
                 }
                 
                 .lightbox.navigating .logo path,
                 .lightbox.navigating .logo rect {
                     -webkit-transition: .3s .2s;
                     transition: .3s .2s;
                     fill: #6362fb
                 }
                 
                 .lightbox.navigating .content {
                     max-height: 180px!important;
                     min-height: 0;
                     border-radius: 36px;
                     border-color: transparent
                 }
                 
                 .lightbox.navigating .content form,
                 .lightbox.navigating .content header {
                     opacity: 0;
                     -webkit-transition: .15s;
                     transition: .15s;
                     visibility: hidden
                 }
                 
                 .lightbox .logo {
                     width: 120px;
                     display: -webkit-box;
                     display: -ms-flexbox;
                     display: flex;
                     -webkit-box-align: center;
                     -ms-flex-align: center;
                     align-items: center;
                     -webkit-box-orient: vertical;
                     -webkit-box-direction: normal;
                     -ms-flex-direction: column;
                     flex-direction: column;
                     margin: 0 auto 1rem
                 }
                 
                 .lightbox .logo path,
                 .lightbox .logo rect {
                     fill: #fff
                 }
                 
                 .lightbox .logo span {
                     font-size: 18px;
                     -webkit-transition: .3s .2s;
                     transition: .3s .2s;
                     color: #b2b4bb;
                     display: block;
                     margin-top: .5rem;
                     overflow: hidden;
                     text-align: center
                 }
                 
                 .lightbox .logo span a {
                     display: none
                 }
                 
                 .lightbox .logo span.hide {
                     -webkit-transition: 0s;
                     transition: 0s;
                     opacity: 0;
                     max-height: 0
                 }
                 
                 .lightbox form,
                 .lightbox header {
                     -webkit-transition: .15s .15s;
                     transition: .15s .15s
                 }
                 
                 .lightbox header {
                     position: relative;
                     color: #333;
                     font-size: 20px;
                     text-align: center;
                     margin: -2rem;
                     margin-bottom: 0;
                     padding: 1.5rem 0 .5rem;
                     border-radius: 12px 12px 0 0;
                     font-weight: 600;
                     font-family: 'iranyekan';
                 }
                 
                 .lightbox header .btn-close {
                     position: absolute;
                     top: 0;
                     right: 0;
                     height: 60px;
                     width: 60px;
                     font-weight: lighter;
                     display: -webkit-box;
                     display: -ms-flexbox;
                     display: flex;
                     font-size: 16px;
                     color: #66627b
                 }
                 
                 .lightbox header .btn-close:hover {
                     color: #e3342f
                 }
                 
                 .lightbox header .btn-close i {
                     margin: auto
                 }
                 
                 .lightbox .content {
                     min-height: 200px;
                     border-radius: 5px;
                     background: #fff;
                     padding: 2rem;
                     margin-top: .5rem;
                     -webkit-box-shadow: 0 15px 40px -10px rgba(140, 156, 195, .5);
                     box-shadow: 0 15px 40px -10px rgba(140, 156, 195, .5);
                     -webkit-transition: .3s;
                     transition: .3s;
                     overflow: hidden;
                    width: 100%;
                    box-sizing: border-box;
                 }
                 
                 .lightbox .field {
                     margin: 1rem 0
                 }
                 
                 .lightbox p {
                     color: #59596b;
                     text-align: right
                 }
                 
                 .lightbox form input.form-control {
                     -webkit-box-shadow: 0 0 0 2px #e1e1e5;
                     box-shadow: 0 0 0 2px #e1e1e5;
                     background: transparent;
                     width: 100%;
                 }
                 
                 .lightbox form a:hover {
                     text-decoration: underline
                 }
                 
                 .highlight:hover {
                    color: #f7cb3d;
                 }
                 
                 .lightbox .submit {
                     margin: .75rem auto 0;
                     background: #0089ff;
                     width: 100%;
                     font-family: 'Iranyekan';
                     -webkit-box-shadow: none;
                     box-shadow: none;
                     text-decoration: none!important;
                     border-radius: 5px;
                    padding: .35em 1em;
                       font-size: 1em;
                     cursor: pointer !important;
                     color: #333;
                    border: none;
                    color: #fff !important;
                    font-weight: bold;
                 }
                 
                 .lightbox button:hover {
                    background: #0065ef;
                    transition: .7s;
                 }
                 .highlight{
                 cursor: pointer;
                 color: #3A67E2
                 }
                 
                 .highlight:hover{
                 color: #333
                 }
                 
                 .my-4{
                 font-family: 'Iranyekan';
                 padding: .5em 0;
                 font-size: .9em;
                 
                 }
                 
                 
                 .blue.loading .text {
                 opacity: 0;
                 visibility: hidden;
                 }
                 
                 .blue.loading svg.spinner {
                 display: block;
                 }
                 
                 .blue svg.spinner {
                 display: none;
                 }
                 svg.spinner {
                 -webkit-animation: rotate 2s linear infinite;
                 animation: rotate 2s linear infinite;
                 z-index: 2;
                 position: absolute;
                 top: 50%;
                 left: 50%;
                 -webkit-transform: translate(-50%, -50%);
                 transform: translate(-50%, -50%);
                 width: 30px;
                 height: 30px;
                 }
                 
                 svg.spinner .path {
                 stroke: 
                 hsla(0, 0%, 100%, .75);
                 stroke-linecap: round;
                 -webkit-animation: dash 1.5s ease-in-out infinite;
                 animation: dash 1.5s ease-in-out infinite;
                 }
                 
                 
                 @-webkit-keyframes rotate {
                   to {
                       -webkit-transform: translate(-50%, -50%) rotate(1turn);
                       transform: translate(-50%, -50%) rotate(1turn)
                   }
                 }
                 
                 @keyframes rotate {
                   to {
                       -webkit-transform: translate(-50%, -50%) rotate(1turn);
                       transform: translate(-50%, -50%) rotate(1turn)
                   }
                 }
                 
                 @-webkit-keyframes dash {
                   0% {
                       stroke-dasharray: 1, 150;
                       stroke-dashoffset: 0
                   }
                   50% {
                       stroke-dasharray: 90, 150;
                       stroke-dashoffset: -35
                   }
                   to {
                       stroke-dasharray: 90, 150;
                       stroke-dashoffset: -124
                   }
                 }
                 
                 @keyframes dash {
                   0% {
                       stroke-dasharray: 1, 150;
                       stroke-dashoffset: 0
                   }
                   50% {
                       stroke-dasharray: 90, 150;
                       stroke-dashoffset: -35
                   }
                   to {
                       stroke-dasharray: 90, 150;
                       stroke-dashoffset: -124
                   }
                 }
                 
                 
                 
                 .lightbox .submit:disabled {
                     pointer-events: none;
                     opacity: .6;
                     -webkit-filter: grayscale(.8);
                     filter: grayscale(.8);
                     -webkit-box-shadow: none;
                     box-shadow: none
                 }
                 
                 .lightbox .response {
                     margin-top: 1rem
                 }
                 
                 .lightbox .response .error i {
                     vertical-align: middle
                 }
                 
                 .lightbox[data-name=prefer-login] .content {
                     border-bottom: none
                 }
                 
                 .lightbox[data-name=prefer-login] .btns {
                     display: -webkit-box;
                     display: -ms-flexbox;
                     display: flex;
                     -webkit-box-align: center;
                     -ms-flex-align: center;
                     align-items: center;
                     -webkit-box-pack: justify;
                     -ms-flex-pack: justify;
                     justify-content: space-between;
                     margin-top: 1rem
                 }
                 
                 .lightbox[data-name=prefer-login] .btns a {
                     -webkit-box-flex: 1;
                     -ms-flex: 1;
                     flex: 1;
                     border-radius: 4px;
                     background: none;
                     color: #2c2c2f;
                     text-align: center;
                     -webkit-box-shadow: none;
                     box-shadow: none
                 }
                 
                 .lightbox[data-name=prefer-login] .btns a:hover {
                     border-color: transparent;
                     color: #6362fb;
                     background: #f5f5f5
                 }
                 
                 .lightbox[data-name=prefer-login] .btns>span {
                     color: #aaa;
                     padding: 0 1rem
                 }
                 
                 .lightbox[data-name=prefer-login] .btn.google-login {
                     margin-top: 1rem
                 }
                 
                 
                 .lightbox .form-group label.form-label {
                     position: relative;
                     top: 0;
                     right: 0;
                     -webkit-transform: none;
                     transform: none;
                     text-align: right;
                     display: block;
                     margin-bottom: .5rem;
                     font-weight: 600;
                     pointer-events: auto;
                     font-family: 'iranyekan';
                 }
                 .lightbox .form-group label {
                     position: absolute;
                     top: .5rem;
                     right: 1.25rem;
                     font-size: 15px;
                     margin: 0;
                         margin-bottom: 0px;
                     pointer-events: none;
                     color: #72727d;
                     padding: 0 .5rem;
                     -webkit-transition: .15s;
                     transition: .15s;
                     -webkit-transform-origin: top;
                     transform-origin: top;
                 }
                 .ltr {
                     direction: ltr;
                 }
                 
                 .lightbox .form-group input.form-control {
                     width: 100%;
                     height: 40px;
                     font-weight: 300;
                    font-family: Iranyekan;
                 }
                 .lightbox .form-group .form-control {
                     position: relative;
                     border-radius: 6px;
                     -webkit-transition: .15s;
                     transition: .15s;
                         transition-property: all;
                     -webkit-transition-property: color, border-color, background;
                     transition-property: color, border-color, background;
                     padding: .25rem .75rem;
                     background: #f7f8fa;
                     outline: none;
                     border: none;
                 }
                 
                 #dark-overlay {
                     position: fixed;
                     left: 0;
                     top: 0;
                     right: 0;
                     bottom: 0;
                     background: rgba(38, 39, 62, .5);
                     z-index: 99999
                 }



                 

   .panel  {
      margin-right: 1em;
      float: left
      }
   
    .panel .sub-menu header .image {
      border-radius:100px;
      border:1px solid #eee;
      width:60px;
      height:60px;
      margin-left:.5rem
      }
    .panel .sub-menu header .name {
      font-size:16px;
      padding-bottom:.75em
      }
      .semat {
      display: block;
      background: rgba(255,255,255,.5);
      padding: .25em .5em;
      text-align: center;
      font-size: .9em;
      font-weight: 300;
      margin-top: .5em;
      }
      .panel .sub-menu header img {
      border-radius:100px;
      width:100%;
      max-height:100%
      }
   
   .btn-profile {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      color:#333;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:start;
      -ms-flex-pack:start;
      justify-content:flex-start;
      font-weight:300;
      -webkit-transition:color .3s ease-in-out;
      transition:color .3s ease-in-out;
      background: #fff;
      padding: 0 1em;
      border-radius:.25em;
   }
    .btn-profile .image {
      border-radius:100px;
      border:2px solid hsla(0,0%,100%,.2);
      margin-left:.5rem;
      width:46px;
      height:46px
      }
     .btn-profile img {
      width:100%;
      height:100%;
      padding:2px;
      border-radius:100px
      }
       .btn-profile>.icon {
      margin-right:.5rem
      }
       .btn-profile>.icon svg {
      width:10px;
      fill:#333;
      -webkit-transition:fill .3s ease-in-out;
      transition:fill .3s ease-in-out
      }
   
      .profile .sub-menu {
      position:absolute;
      top:105%;
      left:0;
      width:245px;
      background:#fff;
      border-radius:16px;
      -webkit-box-shadow:0 20px 60px -10px rgba(50,50,93,.15);
      box-shadow:0 20px 60px -10px rgba(50,50,93,.15);
      overflow:hidden;
      z-index:999;
      -webkit-transform:scale(.9) rotateX(30deg);
      transform:scale(.9) rotateX(30deg);
      opacity:0;
      pointer-events:none;
      visibility:hidden;
      -webkit-transform-origin:top;
      transform-origin:top;
      -webkit-transition:.3s;
      transition:.3s
      }
      .profile .sub-menu ul {
      padding: .25em
      }
      .profile .sub-menu ul a {
      font-size:15px;
      font-weight:300;
      color:#77778c;
      display:block;
      padding:.75em .25em;
      border-radius:2px;
      text-align: right;
      }
      .profile .sub-menu ul a:hover {
      color:#1b4171;
      background-color:#fafafc
      }
      .profile .sub-menu ul a i {
      display:inline-block;
      width:18px;
      text-align:center;
      vertical-align:middle
      }
      .panel li:hover>.sub-menu {
      -webkit-transform:none;
      transform:none;
      opacity:1;
      pointer-events:auto;
      visibility:visible
      }
   
    .btn-profile img {
       width: 100%;
       height: 100%;
       padding: 2px;
       border-radius: 100px;
   }
   
   .d-flex {
      display: flex !important;
     }
   
   
     .panel  {
      display: inline;
      top: -.5em;
      position: relative;
   }
       .panel li {
      position:relative;
      margin-bottom: .5em;
      }
   
       .panel>li:first-of-type {
      margin-left:.75rem
      }
       .panel>li:last-of-type {
      margin-left:0
      }
       .panel li.profile {
      margin:0;
      padding: 0;
      }
       .panel a.btn {
      border-radius:10px;
      padding-right:0;
      padding-left:0;
      width:100px
      }
       .panel a.transparent {
      color:#fff;
      border:2px solid #edb037;
      color:#edb037;
      padding:.7em
      }
       .panel a.white {
      background:#edb037;
      border:2px solid #edb037;
      color:#fff
      }
       .panel a.transparent:hover {
      background:rgba(100,100,160,.08);
      color:#77778c
      }
       .panel .sub-menu header {
      font-size:13px;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      background:#f5f5fc;
      border-radius:16px 16px 0 0;
      padding:1rem
      }
       .panel .sub-menu header .image {
      border-radius:100px;
      border:1px solid #eee;
      width:60px;
      height:60px;
      margin-left:.5rem
      }
       .panel .sub-menu header .name {
      font-size:16px;
      padding-bottom:.75em;
      color: #333
      }
      .semat {
      display: block;
      background: rgba(255,255,255,.5);
      padding: .25em .5em;
      text-align: center;
      font-size: .9em;
      font-weight: 300;
      margin-top: .5em;
      }
       .panel .sub-menu header img {
      border-radius:100px;
      width:100%;
      max-height:100%
      }
   
      .panel .sub-menu ul li {
         display: block;
   }
   

   .logo-main:hover {
      opacity: .7;
   }