@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
:root {
  --grey-color: #dddddd;
  --darkgrey-color: #707070;
  --shadow: 0 2px 4px rgba(0,0,0,0.18);
  --main-color:#ec3539;
  
}
.p-component,.p-component *{box-sizing:border-box}
.p-hidden{display:none}
.p-hidden-space{visibility:hidden}
.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}
.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}
.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}
.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.p-overflow-hidden{overflow:hidden}
.p-unselectable-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}
@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}
input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}
.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}
.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}
.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}
.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}
.p-toggleable-content.ng-animating{overflow:hidden}
.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}
.p-overlay-badge{position:relative}
.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}
.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}
.p-badge-no-gutter{padding:0;border-radius:50%}
.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}
.p-button-label{flex:1 1 auto}
.p-button-icon-right{order:1}
.p-button:disabled{cursor:default}
.p-button-icon-only{justify-content:center}
.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}
.p-button-vertical{flex-direction:column}
.p-button-icon-bottom{order:2}
.p-buttonset .p-button{margin:0}
.p-buttonset .p-button:not(:last-child){border-right:0 none}
.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}
.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}
.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}
.p-buttonset .p-button:focus{position:relative;z-index:1}
.p-button-label{transition:all .2s}
.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:bottom;position:relative}
.p-checkbox-disabled{cursor:default !important;pointer-events:none}
.p-checkbox-box{display:flex;justify-content:center;align-items:center}
p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}
.p-checkbox-label{line-height:1}
.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.6441e63a57ccc5105bad.png') no-repeat left top}
.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.f8505bd4d6f3e3aa435b.png') no-repeat left top}
.p-inputtext{margin:0}
.p-fluid .p-inputtext{width:100%}
.p-inputgroup{display:flex;align-items:stretch;width:100%}
.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}
.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}
.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}
.p-float-label{display:block;position:relative}
.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}
.p-float-label textarea ~ label{top:1rem}
.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}
.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}
.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}
.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}
.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}
.p-inputtextarea-resizable{overflow:hidden;resize:none}
.p-fluid .p-inputtextarea{width:100%}
.p-password{position:relative;display:inline-flex}
.p-password-panel{position:absolute;top:0;left:0}
.p-password .p-password-panel{min-width:100%}
.p-password-meter{height:10px}
.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}
.p-fluid .p-password{display:flex}
.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:bottom;position:relative}
.p-radiobutton-box{display:flex;justify-content:center;align-items:center}
.p-radiobutton-icon{backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}
.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}
p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}
.p-radiobutton-label{line-height:1}
.p-ripple{overflow:hidden;position:relative}
.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}
.p-ink-active{animation:ripple .4s linear}
.p-ripple-disabled .p-ink{display:none !important}
@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}
.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}
.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}
.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}
.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}
.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}
.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}
.p-tooltip.p-tooltip-top{padding:.25em 0}
.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}
.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.d44157bdfa026dc877af.eot');
    src: url('primeicons.d44157bdfa026dc877af.eot?#iefix') format('embedded-opentype'), url('primeicons.78172950b335ccdb94e2.woff2') format('woff2'), url('primeicons.10d3152104f2208ac82a.woff') format('woff'), url('primeicons.ea5358601d0a3fd6670b.ttf') format('truetype'), url('primeicons.e1441b135b3ca9ad643c.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}
.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}
.pi-fw {
    width: 1.28571429em;
    text-align: center;
}
.pi-spin {
    animation: fa-spin 2s infinite linear;
}
@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
.pi-eraser:before {
    content: "\ea04";
}
.pi-stopwatch:before {
    content: "\ea01";
}
.pi-verified:before {
    content: "\ea02";
}
.pi-delete-left:before {
    content: "\ea03";
}
.pi-hourglass:before {
    content: "\e9fe";
}
.pi-truck:before {
    content: "\ea00";
}
.pi-wrench:before {
    content: "\e9ff";
}
.pi-microphone:before {
    content: "\e9fa";
}
.pi-megaphone:before {
    content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}
.pi-bitcoin:before {
    content: "\e9fd";
}
.pi-file-edit:before {
    content: "\e9f6";
}
.pi-language:before {
    content: "\e9f7";
}
.pi-file-export:before {
    content: "\e9f8";
}
.pi-file-import:before {
    content: "\e9f9";
}
.pi-file-word:before {
    content: "\e9f1";
}
.pi-gift:before {
    content: "\e9f2";
}
.pi-cart-plus:before {
    content: "\e9f3";
}
.pi-thumbs-down-fill:before {
    content: "\e9f4";
}
.pi-thumbs-up-fill:before {
    content: "\e9f5";
}
.pi-arrows-alt:before {
    content: "\e9f0";
}
.pi-calculator:before {
    content: "\e9ef";
}
.pi-sort-alt-slash:before {
    content: "\e9ee";
}
.pi-arrows-h:before {
    content: "\e9ec";
}
.pi-arrows-v:before {
    content: "\e9ed";
}
.pi-pound:before {
    content: "\e9eb";
}
.pi-prime:before {
    content: "\e9ea";
}
.pi-chart-pie:before {
    content: "\e9e9";
}
.pi-reddit:before {
    content: "\e9e8";
}
.pi-code:before {
    content: "\e9e7";
}
.pi-sync:before {
    content: "\e9e6";
}
.pi-shopping-bag:before {
    content: "\e9e5";
}
.pi-server:before {
    content: "\e9e4";
}
.pi-database:before {
    content: "\e9e3";
}
.pi-hashtag:before {
    content: "\e9e2";
}
.pi-bookmark-fill:before {
    content: "\e9df";
}
.pi-filter-fill:before {
    content: "\e9e0";
}
.pi-heart-fill:before {
    content: "\e9e1";
}
.pi-flag-fill:before {
    content: "\e9de";
}
.pi-circle:before {
    content: "\e9dc";
}
.pi-circle-fill:before {
    content: "\e9dd";
}
.pi-bolt:before {
    content: "\e9db";
}
.pi-history:before {
    content: "\e9da";
}
.pi-box:before {
    content: "\e9d9";
}
.pi-at:before {
    content: "\e9d8";
}
.pi-arrow-up-right:before {
    content: "\e9d4";
}
.pi-arrow-up-left:before {
    content: "\e9d5";
}
.pi-arrow-down-left:before {
    content: "\e9d6";
}
.pi-arrow-down-right:before {
    content: "\e9d7";
}
.pi-telegram:before {
    content: "\e9d3";
}
.pi-stop-circle:before {
    content: "\e9d2";
}
.pi-stop:before {
    content: "\e9d1";
}
.pi-whatsapp:before {
    content: "\e9d0";
}
.pi-building:before {
    content: "\e9cf";
}
.pi-qrcode:before {
    content: "\e9ce";
}
.pi-car:before {
    content: "\e9cd";
}
.pi-instagram:before {
    content: "\e9cc";
}
.pi-linkedin:before {
    content: "\e9cb";
}
.pi-send:before {
    content: "\e9ca";
}
.pi-slack:before {
    content: "\e9c9";
}
.pi-sun:before {
    content: "\e9c8";
}
.pi-moon:before {
    content: "\e9c7";
}
.pi-vimeo:before {
    content: "\e9c6";
}
.pi-youtube:before {
    content: "\e9c5";
}
.pi-flag:before {
    content: "\e9c4";
}
.pi-wallet:before {
    content: "\e9c3";
}
.pi-map:before {
    content: "\e9c2";
}
.pi-link:before {
    content: "\e9c1";
}
.pi-credit-card:before {
    content: "\e9bf";
}
.pi-discord:before {
    content: "\e9c0";
}
.pi-percentage:before {
    content: "\e9be";
}
.pi-euro:before {
    content: "\e9bd";
}
.pi-book:before {
    content: "\e9ba";
}
.pi-shield:before {
    content: "\e9b9";
}
.pi-paypal:before {
    content: "\e9bb";
}
.pi-amazon:before {
    content: "\e9bc";
}
.pi-phone:before {
    content: "\e9b8";
}
.pi-filter-slash:before {
    content: "\e9b7";
}
.pi-facebook:before {
    content: "\e9b4";
}
.pi-github:before {
    content: "\e9b5";
}
.pi-twitter:before {
    content: "\e9b6";
}
.pi-step-backward-alt:before {
    content: "\e9ac";
}
.pi-step-forward-alt:before {
    content: "\e9ad";
}
.pi-forward:before {
    content: "\e9ae";
}
.pi-backward:before {
    content: "\e9af";
}
.pi-fast-backward:before {
    content: "\e9b0";
}
.pi-fast-forward:before {
    content: "\e9b1";
}
.pi-pause:before {
    content: "\e9b2";
}
.pi-play:before {
    content: "\e9b3";
}
.pi-compass:before {
    content: "\e9ab";
}
.pi-id-card:before {
    content: "\e9aa";
}
.pi-ticket:before {
    content: "\e9a9";
}
.pi-file-o:before {
    content: "\e9a8";
}
.pi-reply:before {
    content: "\e9a7";
}
.pi-directions-alt:before {
    content: "\e9a5";
}
.pi-directions:before {
    content: "\e9a6";
}
.pi-thumbs-up:before {
    content: "\e9a3";
}
.pi-thumbs-down:before {
    content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
    content: "\e996";
}
.pi-sort-numeric-up-alt:before {
    content: "\e997";
}
.pi-sort-alpha-down-alt:before {
    content: "\e998";
}
.pi-sort-alpha-up-alt:before {
    content: "\e999";
}
.pi-sort-numeric-down:before {
    content: "\e99a";
}
.pi-sort-numeric-up:before {
    content: "\e99b";
}
.pi-sort-alpha-down:before {
    content: "\e99c";
}
.pi-sort-alpha-up:before {
    content: "\e99d";
}
.pi-sort-alt:before {
    content: "\e99e";
}
.pi-sort-amount-up:before {
    content: "\e99f";
}
.pi-sort-amount-down:before {
    content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}
.pi-palette:before {
    content: "\e995";
}
.pi-undo:before {
    content: "\e994";
}
.pi-desktop:before {
    content: "\e993";
}
.pi-sliders-v:before {
    content: "\e991";
}
.pi-sliders-h:before {
    content: "\e992";
}
.pi-search-plus:before {
    content: "\e98f";
}
.pi-search-minus:before {
    content: "\e990";
}
.pi-file-excel:before {
    content: "\e98e";
}
.pi-file-pdf:before {
    content: "\e98d";
}
.pi-check-square:before {
    content: "\e98c";
}
.pi-chart-line:before {
    content: "\e98b";
}
.pi-user-edit:before {
    content: "\e98a";
}
.pi-exclamation-circle:before {
    content: "\e989";
}
.pi-android:before {
    content: "\e985";
}
.pi-google:before {
    content: "\e986";
}
.pi-apple:before {
    content: "\e987";
}
.pi-microsoft:before {
    content: "\e988";
}
.pi-heart:before {
    content: "\e984";
}
.pi-mobile:before {
    content: "\e982";
}
.pi-tablet:before {
    content: "\e983";
}
.pi-key:before {
    content: "\e981";
}
.pi-shopping-cart:before {
    content: "\e980";
}
.pi-comments:before {
    content: "\e97e";
}
.pi-comment:before {
    content: "\e97f";
}
.pi-briefcase:before {
    content: "\e97d";
}
.pi-bell:before {
    content: "\e97c";
}
.pi-paperclip:before {
    content: "\e97b";
}
.pi-share-alt:before {
    content: "\e97a";
}
.pi-envelope:before {
    content: "\e979";
}
.pi-volume-down:before {
    content: "\e976";
}
.pi-volume-up:before {
    content: "\e977";
}
.pi-volume-off:before {
    content: "\e978";
}
.pi-eject:before {
    content: "\e975";
}
.pi-money-bill:before {
    content: "\e974";
}
.pi-images:before {
    content: "\e973";
}
.pi-image:before {
    content: "\e972";
}
.pi-sign-in:before {
    content: "\e970";
}
.pi-sign-out:before {
    content: "\e971";
}
.pi-wifi:before {
    content: "\e96f";
}
.pi-sitemap:before {
    content: "\e96e";
}
.pi-chart-bar:before {
    content: "\e96d";
}
.pi-camera:before {
    content: "\e96c";
}
.pi-dollar:before {
    content: "\e96b";
}
.pi-lock-open:before {
    content: "\e96a";
}
.pi-table:before {
    content: "\e969";
}
.pi-map-marker:before {
    content: "\e968";
}
.pi-list:before {
    content: "\e967";
}
.pi-eye-slash:before {
    content: "\e965";
}
.pi-eye:before {
    content: "\e966";
}
.pi-folder-open:before {
    content: "\e964";
}
.pi-folder:before {
    content: "\e963";
}
.pi-video:before {
    content: "\e962";
}
.pi-inbox:before {
    content: "\e961";
}
.pi-lock:before {
    content: "\e95f";
}
.pi-unlock:before {
    content: "\e960";
}
.pi-tags:before {
    content: "\e95d";
}
.pi-tag:before {
    content: "\e95e";
}
.pi-power-off:before {
    content: "\e95c";
}
.pi-save:before {
    content: "\e95b";
}
.pi-question-circle:before {
    content: "\e959";
}
.pi-question:before {
    content: "\e95a";
}
.pi-copy:before {
    content: "\e957";
}
.pi-file:before {
    content: "\e958";
}
.pi-clone:before {
    content: "\e955";
}
.pi-calendar-times:before {
    content: "\e952";
}
.pi-calendar-minus:before {
    content: "\e953";
}
.pi-calendar-plus:before {
    content: "\e954";
}
.pi-ellipsis-v:before {
    content: "\e950";
}
.pi-ellipsis-h:before {
    content: "\e951";
}
.pi-bookmark:before {
    content: "\e94e";
}
.pi-globe:before {
    content: "\e94f";
}
.pi-replay:before {
    content: "\e94d";
}
.pi-filter:before {
    content: "\e94c";
}
.pi-print:before {
    content: "\e94b";
}
.pi-align-right:before {
    content: "\e946";
}
.pi-align-left:before {
    content: "\e947";
}
.pi-align-center:before {
    content: "\e948";
}
.pi-align-justify:before {
    content: "\e949";
}
.pi-cog:before {
    content: "\e94a";
}
.pi-cloud-download:before {
    content: "\e943";
}
.pi-cloud-upload:before {
    content: "\e944";
}
.pi-cloud:before {
    content: "\e945";
}
.pi-pencil:before {
    content: "\e942";
}
.pi-users:before {
    content: "\e941";
}
.pi-clock:before {
    content: "\e940";
}
.pi-user-minus:before {
    content: "\e93e";
}
.pi-user-plus:before {
    content: "\e93f";
}
.pi-trash:before {
    content: "\e93d";
}
.pi-external-link:before {
    content: "\e93c";
}
.pi-window-maximize:before {
    content: "\e93b";
}
.pi-window-minimize:before {
    content: "\e93a";
}
.pi-refresh:before {
    content: "\e938";
}
.pi-user:before {
    content: "\e939";
}
.pi-exclamation-triangle:before {
    content: "\e922";
}
.pi-calendar:before {
    content: "\e927";
}
.pi-chevron-circle-left:before {
    content: "\e928";
}
.pi-chevron-circle-down:before {
    content: "\e929";
}
.pi-chevron-circle-right:before {
    content: "\e92a";
}
.pi-chevron-circle-up:before {
    content: "\e92b";
}
.pi-angle-double-down:before {
    content: "\e92c";
}
.pi-angle-double-left:before {
    content: "\e92d";
}
.pi-angle-double-right:before {
    content: "\e92e";
}
.pi-angle-double-up:before {
    content: "\e92f";
}
.pi-angle-down:before {
    content: "\e930";
}
.pi-angle-left:before {
    content: "\e931";
}
.pi-angle-right:before {
    content: "\e932";
}
.pi-angle-up:before {
    content: "\e933";
}
.pi-upload:before {
    content: "\e934";
}
.pi-download:before {
    content: "\e956";
}
.pi-ban:before {
    content: "\e935";
}
.pi-star-fill:before {
    content: "\e936";
}
.pi-star:before {
    content: "\e937";
}
.pi-chevron-left:before {
    content: "\e900";
}
.pi-chevron-right:before {
    content: "\e901";
}
.pi-chevron-down:before {
    content: "\e902";
}
.pi-chevron-up:before {
    content: "\e903";
}
.pi-caret-left:before {
    content: "\e904";
}
.pi-caret-right:before {
    content: "\e905";
}
.pi-caret-down:before {
    content: "\e906";
}
.pi-caret-up:before {
    content: "\e907";
}
.pi-search:before {
    content: "\e908";
}
.pi-check:before {
    content: "\e909";
}
.pi-check-circle:before {
    content: "\e90a";
}
.pi-times:before {
    content: "\e90b";
}
.pi-times-circle:before {
    content: "\e90c";
}
.pi-plus:before {
    content: "\e90d";
}
.pi-plus-circle:before {
    content: "\e90e";
}
.pi-minus:before {
    content: "\e90f";
}
.pi-minus-circle:before {
    content: "\e910";
}
.pi-circle-on:before {
    content: "\e911";
}
.pi-circle-off:before {
    content: "\e912";
}
.pi-sort-down:before {
    content: "\e913";
}
.pi-sort-up:before {
    content: "\e914";
}
.pi-sort:before {
    content: "\e915";
}
.pi-step-backward:before {
    content: "\e916";
}
.pi-step-forward:before {
    content: "\e917";
}
.pi-th-large:before {
    content: "\e918";
}
.pi-arrow-down:before {
    content: "\e919";
}
.pi-arrow-left:before {
    content: "\e91a";
}
.pi-arrow-right:before {
    content: "\e91b";
}
.pi-arrow-up:before {
    content: "\e91c";
}
.pi-bars:before {
    content: "\e91d";
}
.pi-arrow-circle-down:before {
    content: "\e91e";
}
.pi-arrow-circle-left:before {
    content: "\e91f";
}
.pi-arrow-circle-right:before {
    content: "\e920";
}
.pi-arrow-circle-up:before {
    content: "\e921";
}
.pi-info:before {
    content: "\e923";
}
.pi-info-circle:before {
    content: "\e924";
}
.pi-home:before {
    content: "\e925";
}
.pi-spinner:before {
    content: "\e926";
}
/**
 * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
 * @author Tim  Shedor
 */
code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
	position: relative;
	margin: .5em 0;
	overflow: visible;
	padding: 1px;
}
pre[class*="language-"] > code {
	position: relative;
	z-index: 1;
	border-left: 10px solid #358ccb;
	box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
	background-color: #fdfdfd;
	background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
	background-size: 3em 3em;
	background-origin: content-box;
	background-attachment: local;
}
code[class*="language-"] {
	max-height: inherit;
	height: inherit;
	padding: 0 1em;
	display: block;
	overflow: auto;
}
/* Margin bottom to accommodate shadow */
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background-color: #fdfdfd;
	box-sizing: border-box;
	margin-bottom: 1em;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
	position: relative;
	padding: .2em;
	border-radius: 0.3em;
	color: #c92c2c;
	border: 1px solid rgba(0, 0, 0, 0.1);
	display: inline;
	white-space: normal;
}
pre[class*="language-"]:before,
pre[class*="language-"]:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0.75em;
	left: 0.18em;
	width: 40%;
	height: 20%;
	max-height: 13em;
	box-shadow: 0px 13px 8px #979797;
	transform: rotate(-2deg);
}
pre[class*="language-"]:after {
	right: 0.75em;
	left: auto;
	transform: rotate(2deg);
}
.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #7D8B99;
}
.token.punctuation {
	color: #5F6364;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.function-name,
.token.constant,
.token.symbol,
.token.deleted {
	color: #c92c2c;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.function,
.token.builtin,
.token.inserted {
	color: #2f9c0a;
}
.token.operator,
.token.entity,
.token.url,
.token.variable {
	color: #a67f59;
	background: rgba(255, 255, 255, 0.5);
}
.token.atrule,
.token.attr-value,
.token.keyword,
.token.class-name {
	color: #1990b8;
}
.token.regex,
.token.important {
	color: #e90;
}
.language-css .token.string,
.style .token.string {
	color: #a67f59;
	background: rgba(255, 255, 255, 0.5);
}
.token.important {
	font-weight: normal;
}
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}
.token.entity {
	cursor: help;
}
.token.namespace {
	opacity: .7;
}
@media screen and (max-width: 767px) {
	pre[class*="language-"]:before,
	pre[class*="language-"]:after {
		bottom: 14px;
		box-shadow: none;
	}

}
/* Plugin styles: Line Numbers */
pre[class*="language-"].line-numbers.line-numbers {
	padding-left: 0;
}
pre[class*="language-"].line-numbers.line-numbers code {
	padding-left: 3.8em;
}
pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
	left: 0;
}
/* Plugin styles: Line Highlight */
pre[class*="language-"][data-line] {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}
pre[data-line] code {
	position: relative;
	padding-left: 4em;
}
pre .line-highlight {
	margin-top: 0;
}
:root{--fc-daygrid-event-dot-width:8px}
.fc-daygrid-day-events:before,.fc-daygrid-day-frame:before,.fc-daygrid-event-harness:before{content:"";clear:both;display:table}
.fc-daygrid-day-events:after,.fc-daygrid-day-frame:after,.fc-daygrid-event-harness:after{content:"";clear:both;display:table}
.fc .fc-daygrid-body{position:relative;z-index:1}
.fc .fc-daygrid-day.fc-day-today{background-color:rgba(255,220,40,.15);background-color:rgba(255,220,40,.15);background-color:var(--fc-today-bg-color,rgba(255,220,40,.15))}
.fc .fc-daygrid-day-frame{position:relative;min-height:100%}
.fc .fc-daygrid-day-top{display:flex;flex-direction:row-reverse}
.fc .fc-day-other .fc-daygrid-day-top{opacity:.3}
.fc .fc-daygrid-day-number{position:relative;z-index:4;padding:4px}
.fc .fc-daygrid-day-events{margin-top:1px}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{position:absolute;left:0;right:0}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{position:relative;min-height:2em}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom:1em}
.fc .fc-daygrid-event-harness{position:relative}
.fc .fc-daygrid-event-harness-abs{position:absolute;top:0;left:0;right:0}
.fc .fc-daygrid-bg-harness{position:absolute;top:0;bottom:0}
.fc .fc-daygrid-day-bg .fc-non-business{z-index:1}
.fc .fc-daygrid-day-bg .fc-bg-event{z-index:2}
.fc .fc-daygrid-day-bg .fc-highlight{z-index:3}
.fc .fc-daygrid-event{z-index:6;margin-top:1px}
.fc .fc-daygrid-event.fc-event-mirror{z-index:7}
.fc .fc-daygrid-day-bottom{font-size:.85em;padding:2px 3px 0}
.fc .fc-daygrid-day-bottom:before{content:"";clear:both;display:table}
.fc .fc-daygrid-more-link{position:relative;z-index:4;cursor:pointer}
.fc .fc-daygrid-week-number{position:absolute;z-index:5;top:0;padding:2px;min-width:1.5em;text-align:center;background-color:rgba(208,208,208,.3);background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3));color:grey;color:grey;color:var(--fc-neutral-text-color,grey)}
.fc .fc-more-popover .fc-popover-body{min-width:220px;padding:10px}
.fc-direction-ltr .fc-daygrid-event.fc-event-start,.fc-direction-rtl .fc-daygrid-event.fc-event-end{margin-left:2px}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,.fc-direction-rtl .fc-daygrid-event.fc-event-start{margin-right:2px}
.fc-direction-ltr .fc-daygrid-week-number{left:0;border-radius:0 0 3px 0}
.fc-direction-rtl .fc-daygrid-week-number{right:0;border-radius:0 0 0 3px}
.fc-liquid-hack .fc-daygrid-day-frame{position:static}
.fc-daygrid-event{position:relative;white-space:nowrap;border-radius:3px;font-size:.85em;font-size:.85em;font-size:var(--fc-small-font-size,.85em)}
.fc-daygrid-block-event .fc-event-time{font-weight:700}
.fc-daygrid-block-event .fc-event-time,.fc-daygrid-block-event .fc-event-title{padding:1px}
.fc-daygrid-dot-event{display:flex;align-items:center;padding:2px 0}
.fc-daygrid-dot-event .fc-event-title{flex-grow:1;flex-shrink:1;min-width:0;overflow:hidden;font-weight:700}
.fc-daygrid-dot-event.fc-event-mirror,.fc-daygrid-dot-event:hover{background:rgba(0,0,0,.1)}
.fc-daygrid-dot-event.fc-event-selected:before{top:-10px;bottom:-10px}
.fc-daygrid-event-dot{margin:0 4px;box-sizing:content-box;width:0;height:0;border:4px solid #3788d8;border:calc(8px/ 2) solid #3788d8;border:calc(var(--fc-daygrid-event-dot-width,8px)/ 2) solid var(--fc-event-border-color,#3788d8);border-radius:4px;border-radius:calc(8px/ 2);border-radius:calc(var(--fc-daygrid-event-dot-width,8px)/ 2)}
.fc-direction-ltr .fc-daygrid-event .fc-event-time{margin-right:3px}
.fc-direction-rtl .fc-daygrid-event .fc-event-time{margin-left:3px}
.fc-v-event{display:block;border:1px solid #3788d8;border:1px solid #3788d8;border:1px solid var(--fc-event-border-color,#3788d8);background-color:#3788d8;background-color:#3788d8;background-color:var(--fc-event-bg-color,#3788d8)}
.fc-v-event .fc-event-main{color:#fff;color:#fff;color:var(--fc-event-text-color,#fff);height:100%}
.fc-v-event .fc-event-main-frame{height:100%;display:flex;flex-direction:column}
.fc-v-event .fc-event-time{flex-grow:0;flex-shrink:0;max-height:100%;overflow:hidden}
.fc-v-event .fc-event-title-container{flex-grow:1;flex-shrink:1;min-height:0}
.fc-v-event .fc-event-title{top:0;bottom:0;max-height:100%;overflow:hidden}
.fc-v-event:not(.fc-event-start){border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}
.fc-v-event:not(.fc-event-end){border-bottom-width:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.fc-v-event.fc-event-selected:before{left:-10px;right:-10px}
.fc-v-event .fc-event-resizer-start{cursor:n-resize}
.fc-v-event .fc-event-resizer-end{cursor:s-resize}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer{height:8px;height:8px;height:var(--fc-event-resizer-thickness,8px);left:0;right:0}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start{top:-4px;top:calc(8px/ -2);top:calc(var(--fc-event-resizer-thickness,8px)/ -2)}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end{bottom:-4px;bottom:calc(8px/ -2);bottom:calc(var(--fc-event-resizer-thickness,8px)/ -2)}
.fc-v-event.fc-event-selected .fc-event-resizer{left:50%;margin-left:-4px;margin-left:calc(8px/ -2);margin-left:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}
.fc-v-event.fc-event-selected .fc-event-resizer-start{top:-4px;top:calc(8px/ -2);top:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}
.fc-v-event.fc-event-selected .fc-event-resizer-end{bottom:-4px;bottom:calc(8px/ -2);bottom:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}
.fc .fc-timegrid .fc-daygrid-body{z-index:2}
.fc .fc-timegrid-divider{padding:0 0 2px}
.fc .fc-timegrid-body{position:relative;z-index:1;min-height:100%}
.fc .fc-timegrid-axis-chunk{position:relative}
.fc .fc-timegrid-axis-chunk>table{position:relative;z-index:1}
.fc .fc-timegrid-slots{position:relative;z-index:1}
.fc .fc-timegrid-slot{height:1.5em;border-bottom:0}
.fc .fc-timegrid-slot:empty:before{content:'\00a0'}
.fc .fc-timegrid-slot-minor{border-top-style:dotted}
.fc .fc-timegrid-slot-label-cushion{display:inline-block;white-space:nowrap}
.fc .fc-timegrid-slot-label{vertical-align:middle}
.fc .fc-timegrid-axis-cushion,.fc .fc-timegrid-slot-label-cushion{padding:0 4px}
.fc .fc-timegrid-axis-frame-liquid{height:100%}
.fc .fc-timegrid-axis-frame{overflow:hidden;display:flex;align-items:center;justify-content:flex-end}
.fc .fc-timegrid-axis-cushion{max-width:60px;flex-shrink:0}
.fc-direction-ltr .fc-timegrid-slot-label-frame{text-align:right}
.fc-direction-rtl .fc-timegrid-slot-label-frame{text-align:left}
.fc-liquid-hack .fc-timegrid-axis-frame-liquid{height:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.fc .fc-timegrid-col.fc-day-today{background-color:rgba(255,220,40,.15);background-color:rgba(255,220,40,.15);background-color:var(--fc-today-bg-color,rgba(255,220,40,.15))}
.fc .fc-timegrid-col-frame{min-height:100%;position:relative}
.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame{height:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.fc-media-screen .fc-timegrid-cols{position:absolute;top:0;left:0;right:0;bottom:0}
.fc-media-screen .fc-timegrid-cols>table{height:100%}
.fc-media-screen .fc-timegrid-col-bg,.fc-media-screen .fc-timegrid-col-events,.fc-media-screen .fc-timegrid-now-indicator-container{position:absolute;top:0;left:0;right:0}
.fc .fc-timegrid-col-bg{z-index:2}
.fc .fc-timegrid-col-bg .fc-non-business{z-index:1}
.fc .fc-timegrid-col-bg .fc-bg-event{z-index:2}
.fc .fc-timegrid-col-bg .fc-highlight{z-index:3}
.fc .fc-timegrid-bg-harness{position:absolute;left:0;right:0}
.fc .fc-timegrid-col-events{z-index:3}
.fc .fc-timegrid-now-indicator-container{bottom:0;overflow:hidden}
.fc-direction-ltr .fc-timegrid-col-events{margin:0 2.5% 0 2px}
.fc-direction-rtl .fc-timegrid-col-events{margin:0 2px 0 2.5%}
.fc-timegrid-event-harness{position:absolute}
.fc-timegrid-event-harness>.fc-timegrid-event{position:absolute;top:0;bottom:0;left:0;right:0}
.fc-timegrid-event-harness-inset .fc-timegrid-event,.fc-timegrid-event.fc-event-mirror,.fc-timegrid-more-link{box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px var(--fc-page-bg-color,#fff)}
.fc-timegrid-event,.fc-timegrid-more-link{font-size:.85em;font-size:.85em;font-size:var(--fc-small-font-size,.85em);border-radius:3px}
.fc-timegrid-event{margin-bottom:1px}
.fc-timegrid-event .fc-event-main{padding:1px 1px 0}
.fc-timegrid-event .fc-event-time{white-space:nowrap;font-size:.85em;font-size:.85em;font-size:var(--fc-small-font-size,.85em);margin-bottom:1px}
.fc-timegrid-event-short .fc-event-main-frame{flex-direction:row;overflow:hidden}
.fc-timegrid-event-short .fc-event-time:after{content:'\00a0-\00a0'}
.fc-timegrid-event-short .fc-event-title{font-size:.85em;font-size:.85em;font-size:var(--fc-small-font-size,.85em)}
.fc-timegrid-more-link{position:absolute;z-index:9999;color:inherit;color:inherit;color:var(--fc-more-link-text-color,inherit);background:#d0d0d0;background:#d0d0d0;background:var(--fc-more-link-bg-color,#d0d0d0);cursor:pointer;margin-bottom:1px}
.fc-timegrid-more-link-inner{padding:3px 2px;top:0}
.fc-direction-ltr .fc-timegrid-more-link{right:0}
.fc-direction-rtl .fc-timegrid-more-link{left:0}
.fc .fc-timegrid-now-indicator-line{position:absolute;z-index:4;left:0;right:0;border-style:solid;border-color:red;border-color:red;border-color:var(--fc-now-indicator-color,red);border-width:1px 0 0}
.fc .fc-timegrid-now-indicator-arrow{position:absolute;z-index:4;margin-top:-5px;border-style:solid;border-color:red;border-color:red;border-color:var(--fc-now-indicator-color,red)}
.fc-direction-ltr .fc-timegrid-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}
.fc-direction-rtl .fc-timegrid-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}
span.flag{width:44px;height:30px;display:inline-block;}
img.flag{width:30px}
.flag{background:url('flags_responsive.266bf78d57b6c463405e.png') no-repeat;background-size:100%;vertical-align: middle;}
.flag-ad{background-position:0 .413223%}
.flag-ae{background-position:0 .826446%}
.flag-af{background-position:0 1.239669%}
.flag-ag{background-position:0 1.652893%}
.flag-ai{background-position:0 2.066116%}
.flag-al{background-position:0 2.479339%}
.flag-am{background-position:0 2.892562%}
.flag-an{background-position:0 3.305785%}
.flag-ao{background-position:0 3.719008%}
.flag-aq{background-position:0 4.132231%}
.flag-ar{background-position:0 4.545455%}
.flag-as{background-position:0 4.958678%}
.flag-at{background-position:0 5.371901%}
.flag-au{background-position:0 5.785124%}
.flag-aw{background-position:0 6.198347%}
.flag-az{background-position:0 6.61157%}
.flag-ba{background-position:0 7.024793%}
.flag-bb{background-position:0 7.438017%}
.flag-bd{background-position:0 7.85124%}
.flag-be{background-position:0 8.264463%}
.flag-bf{background-position:0 8.677686%}
.flag-bg{background-position:0 9.090909%}
.flag-bh{background-position:0 9.504132%}
.flag-bi{background-position:0 9.917355%}
.flag-bj{background-position:0 10.330579%}
.flag-bm{background-position:0 10.743802%}
.flag-bn{background-position:0 11.157025%}
.flag-bo{background-position:0 11.570248%}
.flag-br{background-position:0 11.983471%}
.flag-bs{background-position:0 12.396694%}
.flag-bt{background-position:0 12.809917%}
.flag-bv{background-position:0 13.22314%}
.flag-bw{background-position:0 13.636364%}
.flag-by{background-position:0 14.049587%}
.flag-bz{background-position:0 14.46281%}
.flag-ca{background-position:0 14.876033%}
.flag-cc{background-position:0 15.289256%}
.flag-cd{background-position:0 15.702479%}
.flag-cf{background-position:0 16.115702%}
.flag-cg{background-position:0 16.528926%}
.flag-ch{background-position:0 16.942149%}
.flag-ci{background-position:0 17.355372%}
.flag-ck{background-position:0 17.768595%}
.flag-cl{background-position:0 18.181818%}
.flag-cm{background-position:0 18.595041%}
.flag-cn{background-position:0 19.008264%}
.flag-co{background-position:0 19.421488%}
.flag-cr{background-position:0 19.834711%}
.flag-cu{background-position:0 20.247934%}
.flag-cv{background-position:0 20.661157%}
.flag-cx{background-position:0 21.07438%}
.flag-cy{background-position:0 21.487603%}
.flag-cz{background-position:0 21.900826%}
.flag-de{background-position:0 22.31405%}
.flag-dj{background-position:0 22.727273%}
.flag-dk{background-position:0 23.140496%}
.flag-dm{background-position:0 23.553719%}
.flag-do{background-position:0 23.966942%}
.flag-dz{background-position:0 24.380165%}
.flag-ec{background-position:0 24.793388%}
.flag-ee{background-position:0 25.206612%}
.flag-eg{background-position:0 25.619835%}
.flag-eh{background-position:0 26.033058%}
.flag-er{background-position:0 26.446281%}
.flag-es{background-position:0 26.859504%}
.flag-et{background-position:0 27.272727%}
.flag-fi{background-position:0 27.68595%}
.flag-fj{background-position:0 28.099174%}
.flag-fk{background-position:0 28.512397%}
.flag-fm{background-position:0 28.92562%}
.flag-fo{background-position:0 29.338843%}
.flag-fr{background-position:0 29.752066%}
.flag-ga{background-position:0 30.165289%}
.flag-gd{background-position:0 30.578512%}
.flag-ge{background-position:0 30.991736%}
.flag-gf{background-position:0 31.404959%}
.flag-gh{background-position:0 31.818182%}
.flag-gi{background-position:0 32.231405%}
.flag-gl{background-position:0 32.644628%}
.flag-gm{background-position:0 33.057851%}
.flag-gn{background-position:0 33.471074%}
.flag-gp{background-position:0 33.884298%}
.flag-gq{background-position:0 34.297521%}
.flag-gr{background-position:0 34.710744%}
.flag-gs{background-position:0 35.123967%}
.flag-gt{background-position:0 35.53719%}
.flag-gu{background-position:0 35.950413%}
.flag-gw{background-position:0 36.363636%}
.flag-gy{background-position:0 36.77686%}
.flag-hk{background-position:0 37.190083%}
.flag-hm{background-position:0 37.603306%}
.flag-hn{background-position:0 38.016529%}
.flag-hr{background-position:0 38.429752%}
.flag-ht{background-position:0 38.842975%}
.flag-hu{background-position:0 39.256198%}
.flag-id{background-position:0 39.669421%}
.flag-ie{background-position:0 40.082645%}
.flag-il{background-position:0 40.495868%}
.flag-in{background-position:0 40.909091%}
.flag-io{background-position:0 41.322314%}
.flag-iq{background-position:0 41.735537%}
.flag-ir{background-position:0 42.14876%}
.flag-is{background-position:0 42.561983%}
.flag-it{background-position:0 42.975207%}
.flag-jm{background-position:0 43.38843%}
.flag-jo{background-position:0 43.801653%}
.flag-jp{background-position:0 44.214876%}
.flag-ke{background-position:0 44.628099%}
.flag-kg{background-position:0 45.041322%}
.flag-kh{background-position:0 45.454545%}
.flag-ki{background-position:0 45.867769%}
.flag-km{background-position:0 46.280992%}
.flag-kn{background-position:0 46.694215%}
.flag-kp{background-position:0 47.107438%}
.flag-kr{background-position:0 47.520661%}
.flag-kw{background-position:0 47.933884%}
.flag-ky{background-position:0 48.347107%}
.flag-kz{background-position:0 48.760331%}
.flag-la{background-position:0 49.173554%}
.flag-lb{background-position:0 49.586777%}
.flag-lc{background-position:0 50%}
.flag-li{background-position:0 50.413223%}
.flag-lk{background-position:0 50.826446%}
.flag-lr{background-position:0 51.239669%}
.flag-ls{background-position:0 51.652893%}
.flag-lt{background-position:0 52.066116%}
.flag-lu{background-position:0 52.479339%}
.flag-lv{background-position:0 52.892562%}
.flag-ly{background-position:0 53.305785%}
.flag-ma{background-position:0 53.719008%}
.flag-mc{background-position:0 54.132231%}
.flag-md{background-position:0 54.545455%}
.flag-me{background-position:0 54.958678%}
.flag-mg{background-position:0 55.371901%}
.flag-mh{background-position:0 55.785124%}
.flag-mk{background-position:0 56.198347%}
.flag-ml{background-position:0 56.61157%}
.flag-mm{background-position:0 57.024793%}
.flag-mn{background-position:0 57.438017%}
.flag-mo{background-position:0 57.85124%}
.flag-mp{background-position:0 58.264463%}
.flag-mq{background-position:0 58.677686%}
.flag-mr{background-position:0 59.090909%}
.flag-ms{background-position:0 59.504132%}
.flag-mt{background-position:0 59.917355%}
.flag-mu{background-position:0 60.330579%}
.flag-mv{background-position:0 60.743802%}
.flag-mw{background-position:0 61.157025%}
.flag-mx{background-position:0 61.570248%}
.flag-my{background-position:0 61.983471%}
.flag-mz{background-position:0 62.396694%}
.flag-na{background-position:0 62.809917%}
.flag-nc{background-position:0 63.22314%}
.flag-ne{background-position:0 63.636364%}
.flag-nf{background-position:0 64.049587%}
.flag-ng{background-position:0 64.46281%}
.flag-ni{background-position:0 64.876033%}
.flag-nl{background-position:0 65.289256%}
.flag-no{background-position:0 65.702479%}
.flag-np{background-position:0 66.115702%}
.flag-nr{background-position:0 66.528926%}
.flag-nu{background-position:0 66.942149%}
.flag-nz{background-position:0 67.355372%}
.flag-om{background-position:0 67.768595%}
.flag-pa{background-position:0 68.181818%}
.flag-pe{background-position:0 68.595041%}
.flag-pf{background-position:0 69.008264%}
.flag-pg{background-position:0 69.421488%}
.flag-ph{background-position:0 69.834711%}
.flag-pk{background-position:0 70.247934%}
.flag-pl{background-position:0 70.661157%}
.flag-pm{background-position:0 71.07438%}
.flag-pn{background-position:0 71.487603%}
.flag-pr{background-position:0 71.900826%}
.flag-pt{background-position:0 72.31405%}
.flag-pw{background-position:0 72.727273%}
.flag-py{background-position:0 73.140496%}
.flag-qa{background-position:0 73.553719%}
.flag-re{background-position:0 73.966942%}
.flag-ro{background-position:0 74.380165%}
.flag-rs{background-position:0 74.793388%}
.flag-ru{background-position:0 75.206612%}
.flag-rw{background-position:0 75.619835%}
.flag-sa{background-position:0 76.033058%}
.flag-sb{background-position:0 76.446281%}
.flag-sc{background-position:0 76.859504%}
.flag-sd{background-position:0 77.272727%}
.flag-se{background-position:0 77.68595%}
.flag-sg{background-position:0 78.099174%}
.flag-sh{background-position:0 78.512397%}
.flag-si{background-position:0 78.92562%}
.flag-sj{background-position:0 79.338843%}
.flag-sk{background-position:0 79.752066%}
.flag-sl{background-position:0 80.165289%}
.flag-sm{background-position:0 80.578512%}
.flag-sn{background-position:0 80.991736%}
.flag-so{background-position:0 81.404959%}
.flag-sr{background-position:0 81.818182%}
.flag-ss{background-position:0 82.231405%}
.flag-st{background-position:0 82.644628%}
.flag-sv{background-position:0 83.057851%}
.flag-sy{background-position:0 83.471074%}
.flag-sz{background-position:0 83.884298%}
.flag-tc{background-position:0 84.297521%}
.flag-td{background-position:0 84.710744%}
.flag-tf{background-position:0 85.123967%}
.flag-tg{background-position:0 85.53719%}
.flag-th{background-position:0 85.950413%}
.flag-tj{background-position:0 86.363636%}
.flag-tk{background-position:0 86.77686%}
.flag-tl{background-position:0 87.190083%}
.flag-tm{background-position:0 87.603306%}
.flag-tn{background-position:0 88.016529%}
.flag-to{background-position:0 88.429752%}
.flag-tp{background-position:0 88.842975%}
.flag-tr{background-position:0 89.256198%}
.flag-tt{background-position:0 89.669421%}
.flag-tv{background-position:0 90.082645%}
.flag-tw{background-position:0 90.495868%}
.flag-ty{background-position:0 90.909091%}
.flag-tz{background-position:0 91.322314%}
.flag-ua{background-position:0 91.735537%}
.flag-ug{background-position:0 92.14876%}
.flag-gb,.flag-uk{background-position:0 92.561983%}
.flag-um{background-position:0 92.975207%}
.flag-us{background-position:0 93.38843%}
.flag-uy{background-position:0 93.801653%}
.flag-uz{background-position:0 94.214876%}
.flag-va{background-position:0 94.628099%}
.flag-vc{background-position:0 95.041322%}
.flag-ve{background-position:0 95.454545%}
.flag-vg{background-position:0 95.867769%}
.flag-vi{background-position:0 96.280992%}
.flag-vn{background-position:0 96.694215%}
.flag-vu{background-position:0 97.107438%}
.flag-wf{background-position:0 97.520661%}
.flag-ws{background-position:0 97.933884%}
.flag-ye{background-position:0 98.347107%}
.flag-za{background-position:0 98.760331%}
.flag-zm{background-position:0 99.173554%}
.flag-zr{background-position:0 99.586777%}
.flag-zw{background-position:0 100%}
.p-component {
    font-family: "Lato", sans-serif !important;
}
.p-dialog .p-dialog-header .p-dialog-header-icon {
    background-color: #000;
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
app-highlights .p-dialog .p-dialog-header .p-dialog-header-icon {
    background-color: #000;
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
app-highlights .p-dialog .p-dialog-header .text-xl {
    font-size: 16px;
    color: #000;
    font-family: 'Krona One';
}
app-highlights .p-dialog .p-dialog-header-icon:enabled:hover {
    background-color: #000 !important;
    color: #fff !important;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
app-highlights .p-dialog .p-dialog-header {
    border-bottom: 1px solid #ddd;
    padding: 15px 15px;
}
app-highlights .p-fileupload-filename {
    display: block;
}
app-highlights p-dialog .p-dialog .p-dialog-content {
    padding: 0px !important;
}
.mandatory-fields {
    color: red;
}
/**/
app-top-players .p-dialog .p-dialog-header .p-dialog-header-icon {
    background-color: #000;
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
app-top-players .p-dialog .p-dialog-header .text-xl {
    font-size: 16px;
    color: #000;
    font-family: 'Krona One';
}
app-top-players .p-dialog .p-dialog-header-icon:enabled:hover {
    background-color: #000 !important;
    color: #fff !important;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
app-top-players .p-dialog .p-dialog-header {
    border-bottom: 1px solid #ddd;
    padding: 15px 15px;
}
app-top-players .p-fileupload-filename {
    display: block;
}
app-top-players p-dialog .p-dialog .p-dialog-content {
    padding: 0px !important;
}
/**/
app-court-types .p-dialog .p-dialog-header .p-dialog-header-icon {
    background-color: #000;
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
app-court-types .p-dropdown {
    width: 100%;
}
app-court-types .p-dialog .p-dialog-header .text-xl {
    font-size: 16px;
    color: #000;
    font-family: 'Krona One';
}
app-court-types .p-dialog .p-dialog-header-icon:enabled:hover {
    background-color: #000 !important;
    color: #fff !important;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
app-court-types .p-dialog .p-dialog-header {
    border-bottom: 1px solid #ddd;
    padding: 15px 15px;
}
app-court-types .p-fileupload-filename {
    display: block;
}
app-court-types p-dialog .p-dialog .p-dialog-content {
    padding: 0px !important;
    border-radius: 0px 0px 6px 6px;
}
/**/
app-branches .p-dialog .p-dialog-header .p-dialog-header-icon {
    background-color: #000;
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
app-branches .p-dropdown {
    width: 100%;
}
app-branches .p-dialog .p-dialog-header .text-xl {
    font-size: 16px;
    color: #000;
    font-family: 'Krona One';
}
app-branches .p-dialog .p-dialog-header-icon:enabled:hover {
    background-color: #000 !important;
    color: #fff !important;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
app-branches .p-dialog .p-dialog-header {
    border-bottom: 1px solid #ddd;
    padding: 15px 15px;
}
app-branches .p-fileupload-filename {
    display: block;
}
app-branches p-dialog .p-dialog .p-dialog-content {
    padding: 0px !important;
}
app-branches .p-inputnumber {
    width: 100%;
}
/**/
app-coaches .p-dialog .p-dialog-header .p-dialog-header-icon {
    background-color: #000;
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
app-coaches .p-dropdown {
    width: 100%;
}
app-coaches .p-dialog .p-dialog-header .text-xl {
    font-size: 16px;
    color: #000;
    font-family: 'Krona One';
}
app-coaches .p-dialog .p-dialog-header-icon:enabled:hover {
    background-color: #000 !important;
    color: #fff !important;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
app-coaches .p-dialog .p-dialog-header {
    border-bottom: 1px solid #ddd;
    padding: 15px 15px;
}
app-coaches .p-fileupload-filename {
    display: block;
}
app-coaches p-dialog .p-dialog .p-dialog-content {
    padding: 0px !important;
}
app-coaches .p-inputnumber {
    width: 100%;
}
app-academies-profile swiper>.swiper.s-wrapper .swiper-pagination {
    position: relative;
    bottom: 0px;
}
app-academies-profile .Show-more-btn {
    margin: 15px 0px 10px;
}
app-academies-profile-edit p-fileupload .p-fileupload-row div:nth-child(1) {
    width: 100%;
    padding: 0px;
}
app-academies-profile-edit p-fileupload .p-fileupload-row div:nth-child(1) img {
    width: 100%;
}
app-academies-profile-edit p-fileupload .p-fileupload-row div:nth-child(3),
app-academies-profile-edit .p-fileupload-filename {
    display: block;
}
app-academies-profile-edit p-fileupload .p-fileupload-row {
    flex-wrap: wrap;
}
app-academies-profile-edit .mandatory-feilds {
    color: red;
}
app-academies-profile-edit .p-inputnumber,
app-academies-profile-edit p-inputnumber,
app-academies-profile-edit .p-dropdown {
    width: 100%;
}
app-academies-profile-edit .p-inputtext,
app-academies-profile-edit .p-inputnumber,
app-academies-profile-edit .p-dropdown {
    height: 37px
}
@media (max-width: 768px) {
    app-academies-profile-edit p-fileupload .p-fileupload-row div:nth-child(1) img {
        height: 130px;
        -o-object-fit: contain;
           object-fit: contain;
    }

    app-highlights .p-dialog-mask,
    app-top-players .p-dialog-mask,
    app-court-types .p-dialog-mask,
    app-branches .p-dialog-mask,
    app-coaches .p-dialog-mask {
        align-items: center;
    }
    .p-dialog {
        width: calc(100% - 30px)!important;
    }

    app-highlights .p-dialog .p-dialog-header .text-xl {
        font-size: 14px;
    }

    p-confirmdialog .p-dialog-content {
        flex-direction: column;
        padding: 30px !important;
    }

    p-confirmdialog .p-dialog-content i {
        font-size: 1rem;
        height: 35px !important;
        width: 35px !important;

        background-color: #20b033 !important;
        box-shadow: 0px 0px 15px #0000003b inset;
        color: #fff!important;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        color: #000;
        margin: 15px 0px;

    }

    .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
        margin-bottom: 2rem;
        color: #000;
    }

    .p-dialog .p-dialog-footer {
        border-radius: 0px;
        justify-content: space-between;
        display: flex;
        padding: 1.5rem 1.5rem 1.5rem 1.5rem;

        background: #fff;
    }

    .p-dialog .p-dialog-footer button {
        width: 30%;
    }

    .p-confirm-dialog-reject {
        background: transparent;
        color: #000;
    }

    app-branches .modal-body form p-dropdown .p-component {
        height: 35px !important;
        line-height: 22px;
    }

    app-branches .modal-body form .p-col-6 {
        padding-bottom: 0px !important;
    }

}
app-branches .modal-body form .p-col-6 {
    padding-bottom: 0px !important;
}
p-confirmdialog .p-dialog-content {
    flex-direction: row;
    padding: 0px 20px !important;
}
p-confirmdialog .p-dialog-content i {
    font-size: 1rem !important;
    height: 35px;
    width: 35px;
    background: #d4ee26;
    background-color: #20b033 !important;
    box-shadow: 0px 0px 15px #0000003b inset;
    color: #fff!important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #000;
    margin: 15px 0px;
    flex: 0 0 35px !important;
}
p-confirmdialog .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-bottom: 0rem;
    color: #000;
}
p-confirmdialog .p-dialog .p-dialog-footer {
    border-radius: 0px 0px 6px 6px;

    justify-content: flex-end;
    display: flex;
    border-top: none;
    padding: 1rem;

    background: #fff;
}
.modal-footer .btn.btn-primary {
    background-color: #20b033 !important;
    box-shadow: 0px 0px 15px #0000003b inset;
    color: #fff!important;
}
p-confirmdialog .p-dialog .p-dialog-footer button {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* gap: 5px; */
}
.p-dialog .p-dialog-footer {
    grid-gap: 7px;
    gap: 7px;
}
.p-dialog .p-dialog-footer button .p-button-label {
    flex: 0 0 auto;
}
.p-dialog .p-dialog-footer .p-button .p-button-icon-left {
    display: flex;
}
.p-confirm-dialog-reject {
    background: transparent;
    color: #000;
}
.p-dialog .p-dialog-footer button {}
.form-control:disabled,
.form-control[readonly] {
    background-color: #ffffff;
}
.add-edit-modal .modal-footer button {
    border-radius: 6px;
}
app-branches .modal-body .p-component {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
app-branches .form-control {
    height: 35px;
}
.p-dialog .p-dialog-header {
    border-bottom: none;
    padding: 1rem;
}
.p-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
  margin-top: -1rem;
}
.p-grid > .p-col,
.p-grid > [class*=p-col] {
  box-sizing: border-box;
}
.p-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}
.p-nogutter > .p-col,
.p-nogutter > [class*=p-col-] {
  padding: 0;
}
.p-col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 1rem;
}
.p-col-fixed {
  flex: 0 0 auto;
  padding: 1rem;
}
.p-col-1,
.p-col-2,
.p-col-3,
.p-col-4,
.p-col-5,
.p-col-6,
.p-col-7,
.p-col-8,
.p-col-9,
.p-col-10,
.p-col-11,
.p-col-12 {
  flex: 0 0 auto;
  padding: 1rem;
}
.p-col-1 {
  width: 8.3333%;
}
.p-col-2 {
  width: 16.6667%;
}
.p-col-3 {
  width: 25%;
}
.p-col-4 {
  width: 33.3333%;
}
.p-col-5 {
  width: 41.6667%;
}
.p-col-6 {
  width: 50%;
}
.p-col-7 {
  width: 58.3333%;
}
.p-col-8 {
  width: 66.6667%;
}
.p-col-9 {
  width: 75%;
}
.p-col-10 {
  width: 83.3333%;
}
.p-col-11 {
  width: 91.6667%;
}
.p-col-12 {
  width: 100%;
}
.p-offset-12 {
  margin-left: 100%;
}
.p-offset-11 {
  margin-left: 91.66666667%;
}
.p-offset-10 {
  margin-left: 83.33333333%;
}
.p-offset-9 {
  margin-left: 75%;
}
.p-offset-8 {
  margin-left: 66.66666667%;
}
.p-offset-7 {
  margin-left: 58.33333333%;
}
.p-offset-6 {
  margin-left: 50%;
}
.p-offset-5 {
  margin-left: 41.66666667%;
}
.p-offset-4 {
  margin-left: 33.33333333%;
}
.p-offset-3 {
  margin-left: 25%;
}
.p-offset-2 {
  margin-left: 16.66666667%;
}
.p-offset-1 {
  margin-left: 8.33333333%;
}
.p-offset-0 {
  margin-left: 0%;
}
.p-sm-1,
.p-sm-2,
.p-sm-3,
.p-sm-4,
.p-sm-5,
.p-sm-6,
.p-sm-7,
.p-sm-8,
.p-sm-9,
.p-sm-10,
.p-sm-11,
.p-sm-12,
.p-md-1,
.p-md-2,
.p-md-3,
.p-md-4,
.p-md-5,
.p-md-6,
.p-md-7,
.p-md-8,
.p-md-9,
.p-md-10,
.p-md-11,
.p-md-12,
.p-lg-1,
.p-lg-2,
.p-lg-3,
.p-lg-4,
.p-lg-5,
.p-lg-6,
.p-lg-7,
.p-lg-8,
.p-lg-9,
.p-lg-10,
.p-lg-11,
.p-lg-12,
.p-xl-1,
.p-xl-2,
.p-xl-3,
.p-xl-4,
.p-xl-5,
.p-xl-6,
.p-xl-7,
.p-xl-8,
.p-xl-9,
.p-xl-10,
.p-xl-11,
.p-xl-12 {
  padding: 1rem;
}
.p-col-nogutter {
  padding: 0;
}
@media screen and (min-width: 576px) {
  .p-sm-1,
.p-sm-2,
.p-sm-3,
.p-sm-4,
.p-sm-5,
.p-sm-6,
.p-sm-7,
.p-sm-8,
.p-sm-9,
.p-sm-10,
.p-sm-11,
.p-sm-12 {
    flex: 0 0 auto;
  }

  .p-sm-1 {
    width: 8.3333%;
  }

  .p-sm-2 {
    width: 16.6667%;
  }

  .p-sm-3 {
    width: 25%;
  }

  .p-sm-4 {
    width: 33.3333%;
  }

  .p-sm-5 {
    width: 41.6667%;
  }

  .p-sm-6 {
    width: 50%;
  }

  .p-sm-7 {
    width: 58.3333%;
  }

  .p-sm-8 {
    width: 66.6667%;
  }

  .p-sm-9 {
    width: 75%;
  }

  .p-sm-10 {
    width: 83.3333%;
  }

  .p-sm-11 {
    width: 91.6667%;
  }

  .p-sm-12 {
    width: 100%;
  }

  .p-sm-offset-12 {
    margin-left: 100%;
  }

  .p-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .p-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .p-sm-offset-9 {
    margin-left: 75%;
  }

  .p-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .p-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .p-sm-offset-6 {
    margin-left: 50%;
  }

  .p-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .p-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .p-sm-offset-3 {
    margin-left: 25%;
  }

  .p-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .p-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .p-sm-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 768px) {
  .p-md-1,
.p-md-2,
.p-md-3,
.p-md-4,
.p-md-5,
.p-md-6,
.p-md-7,
.p-md-8,
.p-md-9,
.p-md-10,
.p-md-11,
.p-md-12 {
    flex: 0 0 auto;
  }

  .p-md-1 {
    width: 8.3333%;
  }

  .p-md-2 {
    width: 16.6667%;
  }

  .p-md-3 {
    width: 25%;
  }

  .p-md-4 {
    width: 33.3333%;
  }

  .p-md-5 {
    width: 41.6667%;
  }

  .p-md-6 {
    width: 50%;
  }

  .p-md-7 {
    width: 58.3333%;
  }

  .p-md-8 {
    width: 66.6667%;
  }

  .p-md-9 {
    width: 75%;
  }

  .p-md-10 {
    width: 83.3333%;
  }

  .p-md-11 {
    width: 91.6667%;
  }

  .p-md-12 {
    width: 100%;
  }

  .p-md-offset-12 {
    margin-left: 100%;
  }

  .p-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .p-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .p-md-offset-9 {
    margin-left: 75%;
  }

  .p-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .p-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .p-md-offset-6 {
    margin-left: 50%;
  }

  .p-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .p-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .p-md-offset-3 {
    margin-left: 25%;
  }

  .p-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .p-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .p-md-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-1,
.p-lg-2,
.p-lg-3,
.p-lg-4,
.p-lg-5,
.p-lg-6,
.p-lg-7,
.p-lg-8,
.p-lg-9,
.p-lg-10,
.p-lg-11,
.p-lg-12 {
    flex: 0 0 auto;
  }

  .p-lg-1 {
    width: 8.3333%;
  }

  .p-lg-2 {
    width: 16.6667%;
  }

  .p-lg-3 {
    width: 25%;
  }

  .p-lg-4 {
    width: 33.3333%;
  }

  .p-lg-5 {
    width: 41.6667%;
  }

  .p-lg-6 {
    width: 50%;
  }

  .p-lg-7 {
    width: 58.3333%;
  }

  .p-lg-8 {
    width: 66.6667%;
  }

  .p-lg-9 {
    width: 75%;
  }

  .p-lg-10 {
    width: 83.3333%;
  }

  .p-lg-11 {
    width: 91.6667%;
  }

  .p-lg-12 {
    width: 100%;
  }

  .p-lg-offset-12 {
    margin-left: 100%;
  }

  .p-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .p-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .p-lg-offset-9 {
    margin-left: 75%;
  }

  .p-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .p-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .p-lg-offset-6 {
    margin-left: 50%;
  }

  .p-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .p-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .p-lg-offset-3 {
    margin-left: 25%;
  }

  .p-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .p-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .p-lg-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 1200px) {
  .p-xl-1,
.p-xl-2,
.p-xl-3,
.p-xl-4,
.p-xl-5,
.p-xl-6,
.p-xl-7,
.p-xl-8,
.p-xl-9,
.p-xl-10,
.p-xl-11,
.p-xl-12 {
    flex: 0 0 auto;
  }

  .p-xl-1 {
    width: 8.3333%;
  }

  .p-xl-2 {
    width: 16.6667%;
  }

  .p-xl-3 {
    width: 25%;
  }

  .p-xl-4 {
    width: 33.3333%;
  }

  .p-xl-5 {
    width: 41.6667%;
  }

  .p-xl-6 {
    width: 50%;
  }

  .p-xl-7 {
    width: 58.3333%;
  }

  .p-xl-8 {
    width: 66.6667%;
  }

  .p-xl-9 {
    width: 75%;
  }

  .p-xl-10 {
    width: 83.3333%;
  }

  .p-xl-11 {
    width: 91.6667%;
  }

  .p-xl-12 {
    width: 100%;
  }

  .p-xl-offset-12 {
    margin-left: 100%;
  }

  .p-xl-offset-11 {
    margin-left: 91.66666667%;
  }

  .p-xl-offset-10 {
    margin-left: 83.33333333%;
  }

  .p-xl-offset-9 {
    margin-left: 75%;
  }

  .p-xl-offset-8 {
    margin-left: 66.66666667%;
  }

  .p-xl-offset-7 {
    margin-left: 58.33333333%;
  }

  .p-xl-offset-6 {
    margin-left: 50%;
  }

  .p-xl-offset-5 {
    margin-left: 41.66666667%;
  }

  .p-xl-offset-4 {
    margin-left: 33.33333333%;
  }

  .p-xl-offset-3 {
    margin-left: 25%;
  }

  .p-xl-offset-2 {
    margin-left: 16.66666667%;
  }

  .p-xl-offset-1 {
    margin-left: 8.33333333%;
  }

  .p-xl-offset-0 {
    margin-left: 0%;
  }
}
.p-justify-start {
  justify-content: flex-start;
}
.p-justify-end {
  justify-content: flex-end;
}
.p-justify-center {
  justify-content: center;
}
.p-justify-between {
  justify-content: space-between;
}
.p-justify-around {
  justify-content: space-around;
}
.p-justify-even {
  justify-content: space-evenly;
}
.p-align-start {
  align-items: flex-start;
}
.p-align-end {
  align-items: flex-end;
}
.p-align-center {
  align-items: center;
}
.p-align-baseline {
  align-items: baseline;
}
.p-align-stretch {
  align-items: stretch;
}
.p-col-align-start {
  align-self: flex-start;
}
.p-col-align-end {
  align-self: flex-end;
}
.p-col-align-center {
  align-self: center;
}
.p-col-align-baseline {
  align-self: baseline;
}
.p-col-align-stretch {
  align-self: stretch;
}
.p-dir-row {
  flex-direction: row;
}
.p-dir-rev {
  flex-direction: row-reverse;
}
.p-dir-col {
  flex-direction: column;
}
.p-dir-col-rev {
  flex-direction: column-reverse;
}
.p-dir-col > .p-col,
.p-dir-col-rev > .p-col {
  flex-basis: auto;
}
.p-col-order-first {
  order: -1;
}
.p-col-order-last {
  order: 13;
}
.p-col-order-0 {
  order: 0;
}
.p-col-order-1 {
  order: 1;
}
.p-col-order-2 {
  order: 2;
}
.p-col-order-3 {
  order: 3;
}
.p-col-order-4 {
  order: 4;
}
.p-col-order-5 {
  order: 5;
}
.p-col-order-6 {
  order: 6;
}
.p-col-order-7 {
  order: 7;
}
.p-col-order-8 {
  order: 8;
}
.p-col-order-9 {
  order: 9;
}
.p-col-order-10 {
  order: 10;
}
.p-col-order-11 {
  order: 11;
}
.p-col-order-12 {
  order: 12;
}
@media screen and (min-width: 576px) {
  .p-sm-order-first {
    order: -1;
  }

  .p-sm-order-last {
    order: 13;
  }

  .p-sm-order-0 {
    order: 0;
  }

  .p-sm-order-1 {
    order: 1;
  }

  .p-sm-order-2 {
    order: 2;
  }

  .p-sm-order-3 {
    order: 3;
  }

  .p-sm-order-4 {
    order: 4;
  }

  .p-sm-order-5 {
    order: 5;
  }

  .p-sm-order-6 {
    order: 6;
  }

  .p-sm-order-7 {
    order: 7;
  }

  .p-sm-order-8 {
    order: 8;
  }

  .p-sm-order-9 {
    order: 9;
  }

  .p-sm-order-10 {
    order: 10;
  }

  .p-sm-order-11 {
    order: 11;
  }

  .p-sm-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 768px) {
  .p-md-order-first {
    order: -1;
  }

  .p-md-order-last {
    order: 13;
  }

  .p-md-order-0 {
    order: 0;
  }

  .p-md-order-1 {
    order: 1;
  }

  .p-md-order-2 {
    order: 2;
  }

  .p-md-order-3 {
    order: 3;
  }

  .p-md-order-4 {
    order: 4;
  }

  .p-md-order-5 {
    order: 5;
  }

  .p-md-order-6 {
    order: 6;
  }

  .p-md-order-7 {
    order: 7;
  }

  .p-md-order-8 {
    order: 8;
  }

  .p-md-order-9 {
    order: 9;
  }

  .p-md-order-10 {
    order: 10;
  }

  .p-md-order-11 {
    order: 11;
  }

  .p-md-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-order-first {
    order: -1;
  }

  .p-lg-order-last {
    order: 13;
  }

  .p-lg-order-0 {
    order: 0;
  }

  .p-lg-order-1 {
    order: 1;
  }

  .p-lg-order-2 {
    order: 2;
  }

  .p-lg-order-3 {
    order: 3;
  }

  .p-lg-order-4 {
    order: 4;
  }

  .p-lg-order-5 {
    order: 5;
  }

  .p-lg-order-6 {
    order: 6;
  }

  .p-lg-order-7 {
    order: 7;
  }

  .p-lg-order-8 {
    order: 8;
  }

  .p-lg-order-9 {
    order: 9;
  }

  .p-lg-order-10 {
    order: 10;
  }

  .p-lg-order-11 {
    order: 11;
  }

  .p-lg-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 1200px) {
  .p-xl-order-first {
    order: -1;
  }

  .p-xl-order-last {
    order: 13;
  }

  .p-xl-order-0 {
    order: 0;
  }

  .p-xl-order-1 {
    order: 1;
  }

  .p-xl-order-2 {
    order: 2;
  }

  .p-xl-order-3 {
    order: 3;
  }

  .p-xl-order-4 {
    order: 4;
  }

  .p-xl-order-5 {
    order: 5;
  }

  .p-xl-order-6 {
    order: 6;
  }

  .p-xl-order-7 {
    order: 7;
  }

  .p-xl-order-8 {
    order: 8;
  }

  .p-xl-order-9 {
    order: 9;
  }

  .p-xl-order-10 {
    order: 10;
  }

  .p-xl-order-11 {
    order: 11;
  }

  .p-xl-order-12 {
    order: 12;
  }
}
.p-field {
  margin-bottom: 1rem;
}
.p-field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.p-field.p-grid > label {
  display: flex;
  align-items: center;
}
.p-field > small {
  margin-top: 0.25rem;
}
.p-field.p-grid,
.p-formgrid.p-grid {
  margin-top: 0;
}
.p-field.p-grid .p-col-fixed,
.p-formgrid.p-grid .p-col-fixed,
.p-field.p-grid .p-col,
.p-formgrid.p-grid .p-col,
.p-field.p-grid .p-col-1,
.p-formgrid.p-grid .p-col-1,
.p-field.p-grid .p-col-2,
.p-formgrid.p-grid .p-col-2,
.p-field.p-grid .p-col-3,
.p-formgrid.p-grid .p-col-3,
.p-field.p-grid .p-col-4,
.p-formgrid.p-grid .p-col-4,
.p-field.p-grid .p-col-5,
.p-formgrid.p-grid .p-col-5,
.p-field.p-grid .p-col-6,
.p-formgrid.p-grid .p-col-6,
.p-field.p-grid .p-col-7,
.p-formgrid.p-grid .p-col-7,
.p-field.p-grid .p-col-8,
.p-formgrid.p-grid .p-col-8,
.p-field.p-grid .p-col-9,
.p-formgrid.p-grid .p-col-9,
.p-field.p-grid .p-col-10,
.p-formgrid.p-grid .p-col-10,
.p-field.p-grid .p-col-11,
.p-formgrid.p-grid .p-col-11,
.p-field.p-grid .p-col-12,
.p-formgrid.p-grid .p-col-12 {
  padding-top: 0;
  padding-bottom: 0;
}
.p-formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.p-formgroup-inline .p-field,
.p-formgroup-inline .p-field-checkbox,
.p-formgroup-inline .p-field-radiobutton {
  margin-right: 1rem;
}
.p-formgroup-inline .p-field > label,
.p-formgroup-inline .p-field-checkbox > label,
.p-formgroup-inline .p-field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.p-field-checkbox,
.p-field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.p-field-checkbox > label,
.p-field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}
.p-d-none {
  display: none !important;
}
.p-d-inline {
  display: inline !important;
}
.p-d-inline-block {
  display: inline-block !important;
}
.p-d-block {
  display: block !important;
}
.p-d-flex {
  display: flex !important;
}
.p-d-inline-flex {
  display: inline-flex !important;
}
@media screen and (min-width: 576px) {
  .p-d-sm-none {
    display: none !important;
  }

  .p-d-sm-inline {
    display: inline !important;
  }

  .p-d-sm-inline-block {
    display: inline-block !important;
  }

  .p-d-sm-block {
    display: block !important;
  }

  .p-d-sm-flex {
    display: flex !important;
  }

  .p-d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .p-d-md-none {
    display: none !important;
  }

  .p-d-md-inline {
    display: inline !important;
  }

  .p-d-md-inline-block {
    display: inline-block !important;
  }

  .p-d-md-block {
    display: block !important;
  }

  .p-d-md-flex {
    display: flex !important;
  }

  .p-d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .p-d-lg-none {
    display: none !important;
  }

  .p-d-lg-inline {
    display: inline !important;
  }

  .p-d-lg-inline-block {
    display: inline-block !important;
  }

  .p-d-lg-block {
    display: block !important;
  }

  .p-d-lg-flex {
    display: flex !important;
  }

  .p-d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-d-xl-none {
    display: none !important;
  }

  .p-d-xl-inline {
    display: inline !important;
  }

  .p-d-xl-inline-block {
    display: inline-block !important;
  }

  .p-d-xl-block {
    display: block !important;
  }

  .p-d-xl-flex {
    display: flex !important;
  }

  .p-d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .p-d-print-none {
    display: none !important;
  }

  .p-d-print-inline {
    display: inline !important;
  }

  .p-d-print-inline-block {
    display: inline-block !important;
  }

  .p-d-print-block {
    display: block !important;
  }

  .p-d-print-flex {
    display: flex !important;
  }

  .p-d-print-inline-flex {
    display: inline-flex !important;
  }
}
.p-text-justify {
  text-align: justify !important;
}
.p-text-left {
  text-align: left !important;
}
.p-text-right {
  text-align: right !important;
}
.p-text-center {
  text-align: center !important;
}
.p-text-nowrap {
  white-space: nowrap !important;
}
.p-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-text-lowercase {
  text-transform: lowercase !important;
}
.p-text-uppercase {
  text-transform: uppercase !important;
}
.p-text-capitalize {
  text-transform: capitalize !important;
}
.p-text-bold {
  font-weight: 700 !important;
}
.p-text-normal {
  font-weight: 400 !important;
}
.p-text-light {
  font-weight: 300 !important;
}
.p-text-italic {
  font-style: italic !important;
}
@media screen and (min-width: 576px) {
  .p-text-sm-justify {
    text-align: justify !important;
  }

  .p-text-sm-left {
    text-align: left !important;
  }

  .p-text-sm-right {
    text-align: right !important;
  }

  .p-text-sm-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 768px) {
  .p-text-md-justify {
    text-align: justify !important;
  }

  .p-text-md-left {
    text-align: left !important;
  }

  .p-text-md-right {
    text-align: right !important;
  }

  .p-text-md-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 992px) {
  .p-text-lg-justify {
    text-align: justify !important;
  }

  .p-text-lg-left {
    text-align: left !important;
  }

  .p-text-lg-right {
    text-align: right !important;
  }

  .p-text-lg-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-text-xl-justify {
    text-align: justify !important;
  }

  .p-text-xl-left {
    text-align: left !important;
  }

  .p-text-xl-right {
    text-align: right !important;
  }

  .p-text-xl-center {
    text-align: center !important;
  }
}
.p-flex-row {
  flex-direction: row !important;
}
.p-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.p-flex-column {
  flex-direction: column !important;
}
.p-flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media screen and (min-width: 576px) {
  .p-flex-sm-row {
    flex-direction: row !important;
  }

  .p-flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .p-flex-sm-column {
    flex-direction: column !important;
  }

  .p-flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .p-flex-md-row {
    flex-direction: row !important;
  }

  .p-flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .p-flex-md-column {
    flex-direction: column !important;
  }

  .p-flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .p-flex-lg-row {
    flex-direction: row !important;
  }

  .p-flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .p-flex-lg-column {
    flex-direction: column !important;
  }

  .p-flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-flex-xl-row {
    flex-direction: row !important;
  }

  .p-flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .p-flex-xl-column {
    flex-direction: column !important;
  }

  .p-flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.p-jc-start {
  justify-content: flex-start;
}
.p-jc-end {
  justify-content: flex-end;
}
.p-jc-center {
  justify-content: center;
}
.p-jc-between {
  justify-content: space-between;
}
.p-jc-around {
  justify-content: space-around;
}
.p-jc-evenly {
  justify-content: space-evenly;
}
@media screen and (min-width: 576px) {
  .p-jc-sm-start {
    justify-content: flex-start;
  }

  .p-jc-sm-end {
    justify-content: flex-end;
  }

  .p-jc-sm-center {
    justify-content: center;
  }

  .p-jc-sm-between {
    justify-content: space-between;
  }

  .p-jc-sm-around {
    justify-content: space-around;
  }

  .p-jc-sm-evenly {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 768px) {
  .p-jc-md-start {
    justify-content: flex-start;
  }

  .p-jc-md-end {
    justify-content: flex-end;
  }

  .p-jc-md-center {
    justify-content: center;
  }

  .p-jc-md-between {
    justify-content: space-between;
  }

  .p-jc-md-around {
    justify-content: space-around;
  }

  .p-jc-md-evenly {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 992px) {
  .p-jc-lg-start {
    justify-content: flex-start;
  }

  .p-jc-lg-end {
    justify-content: flex-end;
  }

  .p-jc-lg-center {
    justify-content: center;
  }

  .p-jc-lg-between {
    justify-content: space-between;
  }

  .p-jc-lg-around {
    justify-content: space-around;
  }

  .p-jc-lg-evenly {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1200px) {
  .p-jc-xl-start {
    justify-content: flex-start;
  }

  .p-jc-xl-end {
    justify-content: flex-end;
  }

  .p-jc-xl-center {
    justify-content: center;
  }

  .p-jc-xl-between {
    justify-content: space-between;
  }

  .p-jc-xl-around {
    justify-content: space-around;
  }

  .p-jc-xl-evenly {
    justify-content: space-evenly;
  }
}
.p-ai-start {
  align-items: flex-start;
}
.p-ai-end {
  align-items: flex-end;
}
.p-ai-center {
  align-items: center;
}
.p-ai-baseline {
  align-items: baseline;
}
.p-ai-stretch {
  align-items: stretch;
}
@media screen and (min-width: 576px) {
  .p-ai-sm-start {
    align-items: flex-start;
  }

  .p-ai-sm-end {
    align-items: flex-end;
  }

  .p-ai-sm-center {
    align-items: center;
  }

  .p-ai-sm-baseline {
    align-items: baseline;
  }

  .p-ai-sm-stretch {
    align-items: stretch;
  }
}
@media screen and (min-width: 768px) {
  .p-ai-md-start {
    align-items: flex-start;
  }

  .p-ai-md-end {
    align-items: flex-end;
  }

  .p-ai-md-center {
    align-items: center;
  }

  .p-ai-md-baseline {
    align-items: baseline;
  }

  .p-ai-md-stretch {
    align-items: stretch;
  }
}
@media screen and (min-width: 992px) {
  .p-ai-lg-start {
    align-items: flex-start;
  }

  .p-ai-lg-end {
    align-items: flex-end;
  }

  .p-ai-lg-center {
    align-items: center;
  }

  .p-ai-lg-baseline {
    align-items: baseline;
  }

  .p-ai-lg-stretch {
    align-items: stretch;
  }
}
@media screen and (min-width: 1200px) {
  .p-ai-xl-start {
    align-items: flex-start;
  }

  .p-ai-xl-end {
    align-items: flex-end;
  }

  .p-ai-xl-center {
    align-items: center;
  }

  .p-ai-xl-baseline {
    align-items: baseline;
  }

  .p-ai-xl-stretch {
    align-items: stretch;
  }
}
.p-as-start {
  align-self: start;
}
.p-as-end {
  align-self: flex-end;
}
.p-as-center {
  align-self: center;
}
.p-as-baseline {
  align-self: baseline;
}
.p-as-stretch {
  align-self: stretch;
}
@media screen and (min-width: 576px) {
  .p-as-sm-start {
    align-self: start;
  }

  .p-as-sm-end {
    align-self: flex-end;
  }

  .p-as-sm-center {
    align-self: center;
  }

  .p-as-sm-baseline {
    align-self: baseline;
  }

  .p-as-sm-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 768px) {
  .p-as-md-start {
    align-self: start;
  }

  .p-as-md-end {
    align-self: flex-end;
  }

  .p-as-md-center {
    align-self: center;
  }

  .p-as-md-baseline {
    align-self: baseline;
  }

  .p-as-md-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 992px) {
  .p-as-lg-start {
    align-self: start;
  }

  .p-as-lg-end {
    align-self: flex-end;
  }

  .p-as-lg-center {
    align-self: center;
  }

  .p-as-lg-baseline {
    align-self: baseline;
  }

  .p-as-lg-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 1200px) {
  .p-as-xl-start {
    align-self: start;
  }

  .p-as-xl-end {
    align-self: flex-end;
  }

  .p-as-xl-center {
    align-self: center;
  }

  .p-as-xl-baseline {
    align-self: baseline;
  }

  .p-as-xl-stretch {
    align-self: stretch;
  }
}
.p-ac-start {
  align-content: flex-start;
}
.p-ac-end {
  align-content: flex-end;
}
.p-ac-center {
  align-content: center;
}
.p-ac-around {
  align-content: space-around;
}
.p-ac-stretch {
  align-content: stretch;
}
.p-ac-between {
  align-content: space-between;
}
@media screen and (min-width: 576px) {
  .p-ac-sm-start {
    align-content: flex-start;
  }

  .p-ac-sm-end {
    align-content: flex-end;
  }

  .p-ac-sm-center {
    align-content: center;
  }

  .p-ac-sm-around {
    align-content: space-around;
  }

  .p-ac-sm-stretch {
    align-content: stretch;
  }

  .p-ac-sm-between {
    align-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-ac-md-start {
    align-content: flex-start;
  }

  .p-ac-md-end {
    align-content: flex-end;
  }

  .p-ac-md-center {
    align-content: center;
  }

  .p-ac-md-around {
    align-content: space-around;
  }

  .p-ac-md-stretch {
    align-content: stretch;
  }

  .p-ac-md-between {
    align-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  .p-ac-lg-start {
    align-content: flex-start;
  }

  .p-ac-lg-end {
    align-content: flex-end;
  }

  .p-ac-lg-center {
    align-content: center;
  }

  .p-ac-lg-around {
    align-content: space-around;
  }

  .p-ac-lg-stretch {
    align-content: stretch;
  }

  .p-ac-lg-between {
    align-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  .p-ac-xl-start {
    align-content: flex-start;
  }

  .p-ac-xl-end {
    align-content: flex-end;
  }

  .p-ac-xl-center {
    align-content: center;
  }

  .p-ac-xl-around {
    align-content: space-around;
  }

  .p-ac-xl-stretch {
    align-content: stretch;
  }

  .p-ac-xl-between {
    align-content: space-between;
  }
}
.p-order-0 {
  order: 0;
}
.p-order-1 {
  order: 1;
}
.p-order-2 {
  order: 2;
}
.p-order-3 {
  order: 3;
}
.p-order-4 {
  order: 4;
}
.p-order-5 {
  order: 5;
}
.p-order-6 {
  order: 6;
}
@media screen and (min-width: 576px) {
  .p-order-sm-0 {
    order: 0;
  }

  .p-order-sm-1 {
    order: 1;
  }

  .p-order-sm-2 {
    order: 2;
  }

  .p-order-sm-3 {
    order: 3;
  }

  .p-order-sm-4 {
    order: 4;
  }

  .p-order-sm-5 {
    order: 5;
  }

  .p-order-sm-6 {
    order: 6;
  }
}
@media screen and (min-width: 768px) {
  .p-order-md-0 {
    order: 0;
  }

  .p-order-md-1 {
    order: 1;
  }

  .p-order-md-2 {
    order: 2;
  }

  .p-order-md-3 {
    order: 3;
  }

  .p-order-md-4 {
    order: 4;
  }

  .p-order-md-5 {
    order: 5;
  }

  .p-order-md-6 {
    order: 6;
  }
}
@media screen and (min-width: 992px) {
  .p-order-lg-0 {
    order: 0;
  }

  .p-order-lg-1 {
    order: 1;
  }

  .p-order-lg-2 {
    order: 2;
  }

  .p-order-lg-3 {
    order: 3;
  }

  .p-order-lg-4 {
    order: 4;
  }

  .p-order-lg-5 {
    order: 5;
  }

  .p-order-lg-6 {
    order: 6;
  }
}
@media screen and (min-width: 1200px) {
  .p-order-xl-0 {
    order: 0;
  }

  .p-order-xl-1 {
    order: 1;
  }

  .p-order-xl-2 {
    order: 2;
  }

  .p-order-xl-3 {
    order: 3;
  }

  .p-order-xl-4 {
    order: 4;
  }

  .p-order-xl-5 {
    order: 5;
  }

  .p-order-xl-6 {
    order: 6;
  }
}
.p-flex-nowrap {
  flex-wrap: nowrap;
}
.p-flex-wrap {
  flex-wrap: wrap;
}
.p-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
@media screen and (min-width: 576px) {
  .p-flex-sm-nowrap {
    flex-wrap: nowrap;
  }

  .p-flex-sm-wrap {
    flex-wrap: wrap;
  }

  .p-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 768px) {
  .p-flex-md-nowrap {
    flex-wrap: nowrap;
  }

  .p-flex-md-wrap {
    flex-wrap: wrap;
  }

  .p-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 992px) {
  .p-flex-lg-nowrap {
    flex-wrap: nowrap;
  }

  .p-flex-lg-wrap {
    flex-wrap: wrap;
  }

  .p-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .p-flex-xl-nowrap {
    flex-wrap: nowrap;
  }

  .p-flex-xl-wrap {
    flex-wrap: wrap;
  }

  .p-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
.p-pt-0 {
  padding-top: 0 !important;
}
.p-pt-1 {
  padding-top: 0.25rem !important;
}
.p-pt-2 {
  padding-top: 0.5rem !important;
}
.p-pt-3 {
  padding-top: 1rem !important;
}
.p-pt-4 {
  padding-top: 1.5rem !important;
}
.p-pt-5 {
  padding-top: 2rem !important;
}
.p-pt-6 {
  padding-top: 3rem !important;
}
.p-pr-0 {
  padding-right: 0 !important;
}
.p-pr-1 {
  padding-right: 0.25rem !important;
}
.p-pr-2 {
  padding-right: 0.5rem !important;
}
.p-pr-3 {
  padding-right: 1rem !important;
}
.p-pr-4 {
  padding-right: 1.5rem !important;
}
.p-pr-5 {
  padding-right: 2rem !important;
}
.p-pr-6 {
  padding-right: 3rem !important;
}
.p-pl-0 {
  padding-left: 0 !important;
}
.p-pl-1 {
  padding-left: 0.25rem !important;
}
.p-pl-2 {
  padding-left: 0.5rem !important;
}
.p-pl-3 {
  padding-left: 1rem !important;
}
.p-pl-4 {
  padding-left: 1.5rem !important;
}
.p-pl-5 {
  padding-left: 2rem !important;
}
.p-pl-6 {
  padding-left: 3rem !important;
}
.p-pb-0 {
  padding-bottom: 0 !important;
}
.p-pb-1 {
  padding-bottom: 0.25rem !important;
}
.p-pb-2 {
  padding-bottom: 0.5rem !important;
}
.p-pb-3 {
  padding-bottom: 1rem !important;
}
.p-pb-4 {
  padding-bottom: 1.5rem !important;
}
.p-pb-5 {
  padding-bottom: 2rem !important;
}
.p-pb-6 {
  padding-bottom: 3rem !important;
}
.p-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p-px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.p-px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.p-px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.p-px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.p-px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.p-px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.p-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.p-py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.p-py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.p-py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.p-py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.p-p-0 {
  padding: 0 !important;
}
.p-p-1 {
  padding: 0.25rem !important;
}
.p-p-2 {
  padding: 0.5rem !important;
}
.p-p-3 {
  padding: 1rem !important;
}
.p-p-4 {
  padding: 1.5rem !important;
}
.p-p-5 {
  padding: 2rem !important;
}
.p-p-6 {
  padding: 3rem !important;
}
@media screen and (min-width: 576px) {
  .p-pt-sm-0 {
    padding-top: 0 !important;
  }

  .p-pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .p-pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .p-pt-sm-3 {
    padding-top: 1rem !important;
  }

  .p-pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .p-pt-sm-5 {
    padding-top: 2rem !important;
  }

  .p-pt-sm-6 {
    padding-top: 3rem !important;
  }

  .p-pr-sm-0 {
    padding-right: 0 !important;
  }

  .p-pr-sm-1 {
    padding-right: 0.25rem !important;
  }

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

  .p-pr-sm-3 {
    padding-right: 1rem !important;
  }

  .p-pr-sm-4 {
    padding-right: 1.5rem !important;
  }

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

  .p-pr-sm-6 {
    padding-right: 3rem !important;
  }

  .p-pl-sm-0 {
    padding-left: 0 !important;
  }

  .p-pl-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-pl-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-pl-sm-3 {
    padding-left: 1rem !important;
  }

  .p-pl-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-pl-sm-5 {
    padding-left: 2rem !important;
  }

  .p-pl-sm-6 {
    padding-left: 3rem !important;
  }

  .p-pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .p-pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .p-pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .p-pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .p-pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .p-pb-sm-5 {
    padding-bottom: 2rem !important;
  }

  .p-pb-sm-6 {
    padding-bottom: 3rem !important;
  }

  .p-px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .p-px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .p-px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .p-px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .p-px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .p-px-sm-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .p-px-sm-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .p-py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .p-py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .p-py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .p-py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .p-py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .p-py-sm-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .p-py-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .p-p-sm-0 {
    padding: 0 !important;
  }

  .p-p-sm-1 {
    padding: 0.25rem !important;
  }

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

  .p-p-sm-3 {
    padding: 1rem !important;
  }

  .p-p-sm-4 {
    padding: 1.5rem !important;
  }

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

  .p-p-sm-6 {
    padding: 3rem !important;
  }
}
@media screen and (min-width: 768px) {
  .p-pt-md-0 {
    padding-top: 0 !important;
  }

  .p-pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .p-pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .p-pt-md-3 {
    padding-top: 1rem !important;
  }

  .p-pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .p-pt-md-5 {
    padding-top: 2rem !important;
  }

  .p-pt-md-6 {
    padding-top: 3rem !important;
  }

  .p-pr-md-0 {
    padding-right: 0 !important;
  }

  .p-pr-md-1 {
    padding-right: 0.25rem !important;
  }

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

  .p-pr-md-3 {
    padding-right: 1rem !important;
  }

  .p-pr-md-4 {
    padding-right: 1.5rem !important;
  }

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

  .p-pr-md-6 {
    padding-right: 3rem !important;
  }

  .p-pl-md-0 {
    padding-left: 0 !important;
  }

  .p-pl-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-pl-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-pl-md-3 {
    padding-left: 1rem !important;
  }

  .p-pl-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-pl-md-5 {
    padding-left: 2rem !important;
  }

  .p-pl-md-6 {
    padding-left: 3rem !important;
  }

  .p-pb-md-0 {
    padding-bottom: 0 !important;
  }

  .p-pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .p-pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .p-pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .p-pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .p-pb-md-5 {
    padding-bottom: 2rem !important;
  }

  .p-pb-md-6 {
    padding-bottom: 3rem !important;
  }

  .p-px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .p-px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .p-px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .p-px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .p-px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .p-px-md-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .p-px-md-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .p-py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .p-py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .p-py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .p-py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .p-py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .p-py-md-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .p-py-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .p-p-md-0 {
    padding: 0 !important;
  }

  .p-p-md-1 {
    padding: 0.25rem !important;
  }

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

  .p-p-md-3 {
    padding: 1rem !important;
  }

  .p-p-md-4 {
    padding: 1.5rem !important;
  }

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

  .p-p-md-6 {
    padding: 3rem !important;
  }
}
@media screen and (min-width: 992px) {
  .p-pt-lg-0 {
    padding-top: 0 !important;
  }

  .p-pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .p-pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .p-pt-lg-3 {
    padding-top: 1rem !important;
  }

  .p-pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .p-pt-lg-5 {
    padding-top: 2rem !important;
  }

  .p-pt-lg-6 {
    padding-top: 3rem !important;
  }

  .p-pt-lg-auto {
    padding-top: 3rem !important;
  }

  .p-pr-lg-0 {
    padding-right: 0 !important;
  }

  .p-pr-lg-1 {
    padding-right: 0.25rem !important;
  }

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

  .p-pr-lg-3 {
    padding-right: 1rem !important;
  }

  .p-pr-lg-4 {
    padding-right: 1.5rem !important;
  }

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

  .p-pr-lg-6 {
    padding-right: 3rem !important;
  }

  .p-pl-lg-0 {
    padding-left: 0 !important;
  }

  .p-pl-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-pl-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-pl-lg-3 {
    padding-left: 1rem !important;
  }

  .p-pl-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-pl-lg-5 {
    padding-left: 2rem !important;
  }

  .p-pl-lg-6 {
    padding-left: 3rem !important;
  }

  .p-pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .p-pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .p-pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .p-pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .p-pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .p-pb-lg-5 {
    padding-bottom: 2rem !important;
  }

  .p-pb-lg-6 {
    padding-bottom: 3rem !important;
  }

  .p-px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .p-px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .p-px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .p-px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .p-px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .p-px-lg-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .p-px-lg-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .p-py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .p-py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .p-py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .p-py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .p-py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .p-py-lg-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .p-py-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .p-p-lg-0 {
    padding: 0 !important;
  }

  .p-p-lg-1 {
    padding: 0.25rem !important;
  }

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

  .p-p-lg-3 {
    padding: 1rem !important;
  }

  .p-p-lg-4 {
    padding: 1.5rem !important;
  }

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

  .p-p-lg-6 {
    padding: 3rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-pt-xl-0 {
    padding-top: 0 !important;
  }

  .p-pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .p-pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .p-pt-xl-3 {
    padding-top: 1rem !important;
  }

  .p-pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .p-pt-xl-5 {
    padding-top: 2rem !important;
  }

  .p-pt-xl-6 {
    padding-top: 3rem !important;
  }

  .p-pr-xl-0 {
    padding-right: 0 !important;
  }

  .p-pr-xl-1 {
    padding-right: 0.25rem !important;
  }

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

  .p-pr-xl-3 {
    padding-right: 1rem !important;
  }

  .p-pr-xl-4 {
    padding-right: 1.5rem !important;
  }

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

  .p-pr-xl-6 {
    padding-right: 3rem !important;
  }

  .p-pl-xl-0 {
    padding-left: 0 !important;
  }

  .p-pl-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-pl-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-pl-xl-3 {
    padding-left: 1rem !important;
  }

  .p-pl-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-pl-xl-5 {
    padding-left: 2rem !important;
  }

  .p-pl-xl-6 {
    padding-left: 3rem !important;
  }

  .p-pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .p-pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .p-pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .p-pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .p-pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .p-pb-xl-5 {
    padding-bottom: 2rem !important;
  }

  .p-pb-xl-6 {
    padding-bottom: 3rem !important;
  }

  .p-px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .p-px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .p-px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .p-px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .p-px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .p-px-xl-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .p-px-xl-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .p-py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .p-py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .p-py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .p-py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .p-py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .p-py-xl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .p-py-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .p-p-xl-0 {
    padding: 0 !important;
  }

  .p-p-xl-1 {
    padding: 0.25rem !important;
  }

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

  .p-p-xl-3 {
    padding: 1rem !important;
  }

  .p-p-xl-4 {
    padding: 1.5rem !important;
  }

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

  .p-p-xl-6 {
    padding: 3rem !important;
  }
}
.p-mt-0 {
  margin-top: 0 !important;
}
.p-mt-1 {
  margin-top: 0.25rem !important;
}
.p-mt-2 {
  margin-top: 0.5rem !important;
}
.p-mt-3 {
  margin-top: 1rem !important;
}
.p-mt-4 {
  margin-top: 1.5rem !important;
}
.p-mt-5 {
  margin-top: 2rem !important;
}
.p-mt-6 {
  margin-top: 3rem !important;
}
.p-mt-auto {
  margin-top: auto !important;
}
.p-mr-0 {
  margin-right: 0 !important;
}
.p-mr-1 {
  margin-right: 0.25rem !important;
}
.p-mr-2 {
  margin-right: 0.5rem !important;
}
.p-mr-3 {
  margin-right: 1rem !important;
}
.p-mr-4 {
  margin-right: 1.5rem !important;
}
.p-mr-5 {
  margin-right: 2rem !important;
}
.p-mr-6 {
  margin-right: 3rem !important;
}
.p-mr-auto {
  margin-right: auto !important;
}
.p-ml-0 {
  margin-left: 0 !important;
}
.p-ml-1 {
  margin-left: 0.25rem !important;
}
.p-ml-2 {
  margin-left: 0.5rem !important;
}
.p-ml-3 {
  margin-left: 1rem !important;
}
.p-ml-4 {
  margin-left: 1.5rem !important;
}
.p-ml-5 {
  margin-left: 2rem !important;
}
.p-ml-6 {
  margin-left: 3rem !important;
}
.p-ml-auto {
  margin-left: auto !important;
}
.p-mb-0 {
  margin-bottom: 0 !important;
}
.p-mb-1 {
  margin-bottom: 0.25rem !important;
}
.p-mb-2 {
  margin-bottom: 0.5rem !important;
}
.p-mb-3 {
  margin-bottom: 1rem !important;
}
.p-mb-4 {
  margin-bottom: 1.5rem !important;
}
.p-mb-5 {
  margin-bottom: 2rem !important;
}
.p-mb-6 {
  margin-bottom: 3rem !important;
}
.p-mb-auto {
  margin-bottom: auto !important;
}
.p-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.p-mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.p-mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.p-mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.p-mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.p-mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.p-mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.p-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.p-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.p-my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.p-my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.p-my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.p-my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.p-my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.p-my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.p-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.p-m-0 {
  margin: 0 !important;
}
.p-m-1 {
  margin: 0.25rem !important;
}
.p-m-2 {
  margin: 0.5rem !important;
}
.p-m-3 {
  margin: 1rem !important;
}
.p-m-4 {
  margin: 1.5rem !important;
}
.p-m-5 {
  margin: 2rem !important;
}
.p-m-6 {
  margin: 3rem !important;
}
.p-m-auto {
  margin: auto !important;
}
@media screen and (min-width: 576px) {
  .p-mt-sm-0 {
    margin-top: 0 !important;
  }

  .p-mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .p-mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .p-mt-sm-3 {
    margin-top: 1rem !important;
  }

  .p-mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .p-mt-sm-5 {
    margin-top: 2rem !important;
  }

  .p-mt-sm-6 {
    margin-top: 3rem !important;
  }

  .p-mt-sm-auto {
    margin-top: 3rem !important;
  }

  .p-mr-sm-0 {
    margin-right: 0 !important;
  }

  .p-mr-sm-1 {
    margin-right: 0.25rem !important;
  }

  .p-mr-sm-2 {
    margin-right: 0.5rem !important;
  }

  .p-mr-sm-3 {
    margin-right: 1rem !important;
  }

  .p-mr-sm-4 {
    margin-right: 1.5rem !important;
  }

  .p-mr-sm-5 {
    margin-right: 2rem !important;
  }

  .p-mr-sm-6 {
    margin-right: 3rem !important;
  }

  .p-mr-sm-auto {
    margin-right: auto !important;
  }

  .p-ml-sm-0 {
    margin-left: 0 !important;
  }

  .p-ml-sm-1 {
    margin-left: 0.25rem !important;
  }

  .p-ml-sm-2 {
    margin-left: 0.5rem !important;
  }

  .p-ml-sm-3 {
    margin-left: 1rem !important;
  }

  .p-ml-sm-4 {
    margin-left: 1.5rem !important;
  }

  .p-ml-sm-5 {
    margin-left: 2rem !important;
  }

  .p-ml-sm-6 {
    margin-left: 3rem !important;
  }

  .p-ml-sm-auto {
    margin-left: auto !important;
  }

  .p-mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .p-mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .p-mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .p-mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .p-mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .p-mb-sm-5 {
    margin-bottom: 2rem !important;
  }

  .p-mb-sm-6 {
    margin-bottom: 3rem !important;
  }

  .p-mb-sm-auto {
    margin-bottom: auto !important;
  }

  .p-mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .p-mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .p-mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .p-mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .p-mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .p-mx-sm-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .p-mx-sm-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .p-mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .p-my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .p-my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .p-my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .p-my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .p-my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .p-my-sm-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .p-my-sm-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .p-my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .p-m-sm-0 {
    margin: 0 !important;
  }

  .p-m-sm-1 {
    margin: 0.25rem !important;
  }

  .p-m-sm-2 {
    margin: 0.5rem !important;
  }

  .p-m-sm-3 {
    margin: 1rem !important;
  }

  .p-m-sm-4 {
    margin: 1.5rem !important;
  }

  .p-m-sm-5 {
    margin: 2rem !important;
  }

  .p-m-sm-6 {
    margin: 3rem !important;
  }

  .p-m-sm-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .p-mt-md-0 {
    margin-top: 0 !important;
  }

  .p-mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .p-mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .p-mt-md-3 {
    margin-top: 1rem !important;
  }

  .p-mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .p-mt-md-5 {
    margin-top: 2rem !important;
  }

  .p-mt-md-6 {
    margin-top: 3rem !important;
  }

  .p-mt-md-auto {
    margin-top: 3rem !important;
  }

  .p-mr-md-0 {
    margin-right: 0 !important;
  }

  .p-mr-md-1 {
    margin-right: 0.25rem !important;
  }

  .p-mr-md-2 {
    margin-right: 0.5rem !important;
  }

  .p-mr-md-3 {
    margin-right: 1rem !important;
  }

  .p-mr-md-4 {
    margin-right: 1.5rem !important;
  }

  .p-mr-md-5 {
    margin-right: 2rem !important;
  }

  .p-mr-md-6 {
    margin-right: 3rem !important;
  }

  .p-mr-md-auto {
    margin-right: auto !important;
  }

  .p-ml-md-0 {
    margin-left: 0 !important;
  }

  .p-ml-md-1 {
    margin-left: 0.25rem !important;
  }

  .p-ml-md-2 {
    margin-left: 0.5rem !important;
  }

  .p-ml-md-3 {
    margin-left: 1rem !important;
  }

  .p-ml-md-4 {
    margin-left: 1.5rem !important;
  }

  .p-ml-md-5 {
    margin-left: 2rem !important;
  }

  .p-ml-md-6 {
    margin-left: 3rem !important;
  }

  .p-ml-md-auto {
    margin-left: auto !important;
  }

  .p-mb-md-0 {
    margin-bottom: 0 !important;
  }

  .p-mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .p-mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .p-mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .p-mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .p-mb-md-5 {
    margin-bottom: 2rem !important;
  }

  .p-mb-md-6 {
    margin-bottom: 3rem !important;
  }

  .p-mb-md-auto {
    margin-bottom: auto !important;
  }

  .p-mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .p-mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .p-mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .p-mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .p-mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .p-mx-md-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .p-mx-md-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .p-mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .p-my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .p-my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .p-my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .p-my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .p-my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .p-my-md-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .p-my-md-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .p-my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .p-m-md-0 {
    margin: 0 !important;
  }

  .p-m-md-1 {
    margin: 0.25rem !important;
  }

  .p-m-md-2 {
    margin: 0.5rem !important;
  }

  .p-m-md-3 {
    margin: 1rem !important;
  }

  .p-m-md-4 {
    margin: 1.5rem !important;
  }

  .p-m-md-5 {
    margin: 2rem !important;
  }

  .p-m-md-6 {
    margin: 3rem !important;
  }

  .p-m-md-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .p-mt-lg-0 {
    margin-top: 0 !important;
  }

  .p-mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .p-mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .p-mt-lg-3 {
    margin-top: 1rem !important;
  }

  .p-mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .p-mt-lg-5 {
    margin-top: 2rem !important;
  }

  .p-mt-lg-6 {
    margin-top: 3rem !important;
  }

  .p-mt-lg-auto {
    margin-top: 3rem !important;
  }

  .p-mr-lg-0 {
    margin-right: 0 !important;
  }

  .p-mr-lg-1 {
    margin-right: 0.25rem !important;
  }

  .p-mr-lg-2 {
    margin-right: 0.5rem !important;
  }

  .p-mr-lg-3 {
    margin-right: 1rem !important;
  }

  .p-mr-lg-4 {
    margin-right: 1.5rem !important;
  }

  .p-mr-lg-5 {
    margin-right: 2rem !important;
  }

  .p-mr-lg-6 {
    margin-right: 3rem !important;
  }

  .p-mr-lg-auto {
    margin-right: auto !important;
  }

  .p-ml-lg-0 {
    margin-left: 0 !important;
  }

  .p-ml-lg-1 {
    margin-left: 0.25rem !important;
  }

  .p-ml-lg-2 {
    margin-left: 0.5rem !important;
  }

  .p-ml-lg-3 {
    margin-left: 1rem !important;
  }

  .p-ml-lg-4 {
    margin-left: 1.5rem !important;
  }

  .p-ml-lg-5 {
    margin-left: 2rem !important;
  }

  .p-ml-lg-6 {
    margin-left: 3rem !important;
  }

  .p-ml-lg-auto {
    margin-left: auto !important;
  }

  .p-mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .p-mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .p-mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .p-mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .p-mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .p-mb-lg-5 {
    margin-bottom: 2rem !important;
  }

  .p-mb-lg-6 {
    margin-bottom: 3rem !important;
  }

  .p-mb-lg-auto {
    margin-bottom: auto !important;
  }

  .p-mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .p-mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .p-mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .p-mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .p-mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .p-mx-lg-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .p-mx-lg-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .p-mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .p-my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .p-my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .p-my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .p-my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .p-my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .p-my-lg-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .p-my-lg-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .p-my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .p-m-lg-0 {
    margin: 0 !important;
  }

  .p-m-lg-1 {
    margin: 0.25rem !important;
  }

  .p-m-lg-2 {
    margin: 0.5rem !important;
  }

  .p-m-lg-3 {
    margin: 1rem !important;
  }

  .p-m-lg-4 {
    margin: 1.5rem !important;
  }

  .p-m-lg-5 {
    margin: 2rem !important;
  }

  .p-m-lg-6 {
    margin: 3rem !important;
  }

  .p-m-lg-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-mt-xl-0 {
    margin-top: 0 !important;
  }

  .p-mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .p-mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .p-mt-xl-3 {
    margin-top: 1rem !important;
  }

  .p-mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .p-mt-xl-5 {
    margin-top: 2rem !important;
  }

  .p-mt-xl-6 {
    margin-top: 3rem !important;
  }

  .p-mt-xl-auto {
    margin-top: 3rem !important;
  }

  .p-mr-xl-0 {
    margin-right: 0 !important;
  }

  .p-mr-xl-1 {
    margin-right: 0.25rem !important;
  }

  .p-mr-xl-2 {
    margin-right: 0.5rem !important;
  }

  .p-mr-xl-3 {
    margin-right: 1rem !important;
  }

  .p-mr-xl-4 {
    margin-right: 1.5rem !important;
  }

  .p-mr-xl-5 {
    margin-right: 2rem !important;
  }

  .p-mr-xl-6 {
    margin-right: 3rem !important;
  }

  .p-mr-xl-auto {
    margin-right: auto !important;
  }

  .p-ml-xl-0 {
    margin-left: 0 !important;
  }

  .p-ml-xl-1 {
    margin-left: 0.25rem !important;
  }

  .p-ml-xl-2 {
    margin-left: 0.5rem !important;
  }

  .p-ml-xl-3 {
    margin-left: 1rem !important;
  }

  .p-ml-xl-4 {
    margin-left: 1.5rem !important;
  }

  .p-ml-xl-5 {
    margin-left: 2rem !important;
  }

  .p-ml-xl-6 {
    margin-left: 3rem !important;
  }

  .p-ml-xl-auto {
    margin-left: auto !important;
  }

  .p-mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .p-mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .p-mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .p-mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .p-mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .p-mb-xl-5 {
    margin-bottom: 2rem !important;
  }

  .p-mb-xl-6 {
    margin-bottom: 3rem !important;
  }

  .p-mb-xl-auto {
    margin-bottom: auto !important;
  }

  .p-mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .p-mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .p-mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .p-mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .p-mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .p-mx-xl-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .p-mx-xl-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .p-mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .p-my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .p-my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .p-my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .p-my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .p-my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .p-my-xl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .p-my-xl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .p-my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .p-m-xl-0 {
    margin: 0 !important;
  }

  .p-m-xl-1 {
    margin: 0.25rem !important;
  }

  .p-m-xl-2 {
    margin: 0.5rem !important;
  }

  .p-m-xl-3 {
    margin: 1rem !important;
  }

  .p-m-xl-4 {
    margin: 1.5rem !important;
  }

  .p-m-xl-5 {
    margin: 2rem !important;
  }

  .p-m-xl-6 {
    margin: 3rem !important;
  }

  .p-m-xl-auto {
    margin: auto !important;
  }
}
.p-shadow-1 {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.p-shadow-2 {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.p-shadow-3 {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.p-shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
}
.p-shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.p-shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.p-shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.p-shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.p-shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.p-shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.p-shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.p-shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.p-shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.p-shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.p-shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.p-shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.p-shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.p-shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.p-shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.p-shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.p-shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.p-shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.p-shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}
#admin .p-fluid .p-calendar {
  width: 100%;
}
#admin .p-inputtext {
  width: 100%;
}
#admin .p-datatable-table .p-inputtext {
  width: 100% !important;
}
#admin .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
  z-index: 1 !important;
}
#admin .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th p-dropdown,
#admin .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th .p-dropdown {
  width: 100%;
}
#admin .switch-tab {
  text-align: center;
  display: flex;
  justify-content: center;
}
#admin .baner-image-update img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#admin .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > .p-frozen-column {
  z-index: 2 !important;
}
#admin .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #689f38 !important;
}
#admin .p-datatable .p-datatable-tbody > tr,
#admin .p-datatable .p-datatable-thead > tr > th {
  color: #000 !important;
}
#admin .delete-btn {
  background: red !important;
  color: #fff !important;
}
#admin .card h3 {
  margin-bottom: 1.4rem !important;
  font-size: 16px;
  font-family: "Krona One";
}
#admin .card .p-fluid .p-field.p-col-1 {
  padding: 0px 10px;
}
#admin .card .p-fluid .p-field.p-col-1 .p-button {
  min-height: 36.6px;
}
#admin .p-field.p-col-12.div-border {
  border-bottom: 1px solid #ddd !important;
}
#admin .date-filter .p-field {
  margin-bottom: 1rem;
  margin-top: 0.6rem;
}
#admin .layout-footer {
  background: #d4ee26;
  display: flex;
  align-items: center;
  padding: 15px 36px;
}
#admin .layout-footer .p-grid {
  margin: 0px;
}
#admin .layout-footer .p-grid .p-col-12 {
  padding: 0px !important;
}
#admin .layout-footer .p-grid h6 {
  color: #000 !important;
}
#admin .layout-wrapper.layout-static .layout-main {
  padding-left: 230px;
}
#admin .p-grid.add-forms {
  padding: 2rem 0px;
  width: 100%;
}
#admin .p-grid.add-forms .p-field {
  margin-top: 0.6rem;
}
#admin .p-jc-md-end.bottom-footer .p-formgrid {
  margin-top: 20px;
}
#admin p-toolbar .p-toolbar-group-left {
  grid-gap: 7.5px;
  gap: 7.5px;
}
#admin p-toolbar button {
  margin-bottom: 0px !important;
}
#admin .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
  background: #ebf5d470;
}
#admin .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a,
#admin .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
  background-color: #ebf5d4;
}
.layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
  background-color: rgba(235, 245, 212, 0.2);
}
@media (max-width: 1399px) and (min-width: 1099px) {
  .p-fluid.p-formgrid.p-grid.align-items-end .p-field.p-col-2 {
    width: 29%;
  }

  .card .p-fluid .p-field.p-col-1 {
    width: 12%;
  }
}
@media (max-width: 768px) {
  .layout-wrapper.layout-static .layout-main {
    padding-left: 0px !important;
  }

  .p-fluid.p-formgrid.p-grid.align-items-end .p-field.p-col-2 {
    width: 100%;
  }

  .p-fluid.p-formgrid.p-grid.align-items-end .p-col-1 {
    width: auto;
  }

  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
    height: 100% !important;
    background: #fff !important;
  }

  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a {
    background-color: #fff;
  }

  .layout-topbar-actions .dashboard-greeting-msg {
    color: #000;
    margin-left: 1rem;
  }

  .topbar-item.user-profile .fadeInDown {
    top: 60px !important;
    right: 0px !important;
    border-radius: 6px;
  }

  .topbar-item.user-profile .fadeInDown::after {
    display: none !important;
  }

  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon {
    color: #000 !important;
  }

  .topbar-item.user-profile.active-topmenuitem .fadeInDown li {
    display: inline-flex;
    width: 100% !important;
  }

  #admin .layout-topbar-light .layout-topbar {
    z-index: 1 !important;
  }
}
.status-div {
  display: flex;
  align-items: center;
}
/*Side Bar Font Changes*/
.menu-wrapper .layout-menu-container .layout-menu li > a > span {
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  visibility: hidden;
  white-space: nowrap;
  font-family: "Krona One";
  text-decoration: none;
}
.menu-wrapper .layout-menu-container .layout-menu li > a > i {
  font-size: 20px;
}
.menu-wrapper .layout-menu-container .layout-menu li > a {
  text-decoration: none;
}
#admin .layout-main .layout-content {
  background: #f3f5f7;
}
#admin .p-paginator {
  justify-content: center;
}
#admin .p-paginator .p-paginator-current {
  margin-left: 0px;
}
#admin .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a {
  box-shadow: 0px 1px 1px #00000040, 0px 1px 3px #0000002e, 0px 2px 3px #00000014;
  border-radius: 50%;
  border: 1px solid #d1d1d100;
}
/*New Look dashboard*/
#admin {
  /************tennis ball*************************/
  /************tennis ball*************************/
}
#admin .layout-topbar-light .layout-topbar {
  z-index: 0;
}
#admin .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
  height: 900%;
  background: linear-gradient(175deg, #3aa560, #b7e66c);
  background-size: contain;
  padding-right: 40px;
}
#admin .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li {
  height: auto !important;
}
#admin .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a {
  background-color: #fff;
}
#admin .layout-topbar-actions .dashboard-greeting-msg {
  color: #fff;
  margin-left: 1rem;
}
#admin .topbar-item.user-profile .fadeInDown {
  top: 0px;
  right: 47px;
  border-radius: 6px;
}
#admin .topbar-item.user-profile .fadeInDown::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  right: -5px;
  background: white;
  top: 50%;
  transform: translateY(-50%);
  rotate: 310deg;
  border-radius: 1px;
}
#admin .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon {
  color: #fff;
}
#admin .topbar-item.user-profile.active-topmenuitem .fadeInDown li {
  display: inline-flex;
  width: 50%;
}
/*New Look dashboard close*/
.disable-chatboat #tidio-chat {
  display: none;
}
.user-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.user-list li {
  margin-bottom: 15px;
}
.topbar-item.user-profile {
  cursor: pointer;
}
.user-list li:last-child {
  margin-bottom: 0px;
}
.user-list li a {
  color: grey;
  width: 100%;
  /* background: rebeccapurple; */
  display: block;
}
/*Small Desktop and laptop responsive */
@media (min-width: 1199px) and (max-width: 1370px) {
  .layout-content {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo {
    height: 80%;
  }

  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo img {
    height: 100% !important;
    width: 100% !important;
  }

  .p-field {
    max-width: 100%;
    width: 100%;
  }

  .dashboard-greeting-msg {
    display: none;
  }
}
.admin-header-normal .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
  height: 100% !important;
  background: linear-gradient(90deg, #FFB340 0%, #FFA740 100%) !important;
  background-image: none;
  background-image: initial;
}
/**
* Template Name: Gp - v4.10.0
* Template URL: https://bootstrapmade.com/gp-free-multipurpose-html-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
------------
--------------------------------------------------*/
body {
  font-family: "Lato", sans-serif !important;
  font-size: 16px;
}
.cursor-pointer {
  cursor: pointer;
}
#front {
  /*--------------------------------------------------------------
  # Back to top button
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Preloader
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Disable aos animation delay on mobile devices
  --------------------------------------------------------------*/
  /*Small Device */
  /*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  #  Get Startet Button
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  /**
  * Desktop Navigation 
  */
  /**
  * Mobile Navigation 
  */
  /*--------------------------------------------------------------
  # Hero Section
  --------------------------------------------------------------*/
  /*Login Page New*/
  /*--------------------------------------------------------------
  # Sections General
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # About
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Clients
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Features
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Services
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Cta
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Portfolio
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Portfolio Details
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Counts
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Testimonials
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Team
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Contact
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Breadcrumbs
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/
  /**/
  /*.News .col-md-6 {
    margin-bottom: 40px;
  }*/
  /*Login page css */
  /* .find-patner-btn {
    background: #d1d106;
    border: 1px solid #d1d106;
    box-shadow: 1px 2px 3px #0000004d;
  } */
  /* #News {
    background-image: url(../img/slide/backtennis7.jpg);
    background-size: cover;
    background-attachment: fixed;
    position: relative;
  }

  #News::after {
    content: '';
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    background: red;
  } */
  /* tournaments */
  /*news*/
  /************Media Query***************/
  /* 
  .pb-0 {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
  } */
  /*Blog new section*/
  /*news center */
  /*news center End */
  /*Blog new section End*/
  /*acadmy section*/
  /*Contest payment popup */
  /*Contest*/
  /*wallet screen*/
  /*New Contest*/
  /* .navbar {
    overflow: hidden;
  } */
  /*Small Device */
  /*slider*/
  /*New Table */
  /*thank you modal */
  /*Not Found section*/
  /*Wallet*/
}
#front .bg-white.header-scrolled {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
}
#front body {
  font-family: "Lato", sans-serif;
  color: #000000;
  font-weight: 400;
  font-size: 16px;
}
#front marquee {
  font-family: "Lato", sans-serif;
}
#front a {
  color: #000000;
  text-decoration: none;
}
#front a:hover {
  color: #ffd584;
  text-decoration: none;
}
#front h1,
#front h2,
#front h3,
#front h4,
#front h5,
#front h6 {
  font-family: "Krona One";
}
#front .back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #EBF5D4;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  transition: all 0.4s;
}
#front .back-to-top i {
  font-size: 28px;
  color: #151515;
  line-height: 0;
}
#front .back-to-top:hover {
  background: #151515;
}
#front .back-to-top:hover i {
  color: #EBF5D4;
}
#front .back-to-top.active {
  visibility: visible;
  opacity: 1;
}
#front #preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #151515;
}
#front #preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 0px);
  left: calc(50% - 30px);
  border: 6px solid #EBF5D4;
  border-top-color: #151515;
  border-bottom-color: #151515;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}
@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#front .mobile-version-top-bar {
  display: none !important;
}
#front .mobileversion-footer {
  display: none;
}
@media screen and (max-width: 360px) {
  #front .tournament-section .panel-body .table-condensed tbody td {
    font-size: 12px !important;
  }
  #front .section-news .center-blog.big-news {
    height: 230px !important;
  }
  #front li.mobile-footer {
    padding: 10px 4px 10px !important;
  }
  #front button.add-to-cart {
    font-size: 10px;
  }
  #front .left-banner .clients-slider img {
    height: auto !important;
  }
  #front .team .member .member-info {
    padding: 10px 5px !important;
  }
  #front .Product-section .member .member-info {
    flex-flow: column;
  }
  #front #find-partner .section-title.text-left .col-md-12 button {
    font-size: 12px !important;
  }
  #front .Product-section .section-title p {
    font-size: 18px !important;
  }
  #front .section-title h2 {
    font-size: 18px !important;
  }
  #front .main-block-footer .media .col h5 {
    font-size: 10px !important;
  }
  #front .main-button {
    font-size: 12px !important;
  }
  #front button.btn.btn-secondary.Score-btn {
    font-size: 10px !important;
    padding: 10px;
  }
  #front #News-tt .Tournament {
    padding-left: 0px !important;
  }
  #front li.mobile-footer i {
    font-size: 20px !important;
  }
  #front li.mobile-footer span {
    font-size: 10px !important;
  }
  #front .section-title h2 {
    display: contents;
  }
  #front #contest .New-filters .w-auto {
    width: 100% !important;
  }
  #front #contest .New-filters .form-select {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 410px) {
  #front .Product-section .member .member-info {
    flex-direction: column;
  }
  #front li.mobile-footer span {
    font-size: 11px;
  }
  #front li.mobile-footer {
    padding: 10px 3px 10px !important;
  }
}
@media screen and (max-width: 768px) {
  #front .desktop-slider {
    display: none !important;
  }
  #front .match-tournament.contest.ds-truncate.w-100 {
    display: flex !important;
  }
  #front .left-side-body.media-body {
    margin-bottom: 0px;
  }
  #front .joincontestlist .match-tournament {
    max-width: 100% !important;
  }
  #front #front .Points {
    max-width: 60% !important;
  }
  #front .mobile-header-div a {
    display: flex;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 4.5em;
    line-height: 1.5em;
    width: 93%;
  }
  #front .not-found-section .not-found-body h4 {
    font-size: 18px !important;
  }
  #front #academies .section-title {
    margin: 0px 0 5px 0 !important;
  }
  #front .News {
    padding-bottom: 30px !important;
  }
  #front #NewContest.News {
    padding-bottom: 20px !important;
  }
  #front .Contest-section {
    padding-bottom: 20px !important;
  }
  #front .blogs-section .section-title {
    padding-bottom: 0px !important;
  }
  #front section#Blog-section {
    margin: 0px 0px;
    padding-bottom: 30px !important;
  }
  #front section#contest {
    padding-bottom: 20px !important;
  }
  #front .tournament-section .table > :not(caption) > * > * {
    font-size: 12px !important;
  }
  #front .panel-body .table-condensed {
    margin-bottom: 0px;
  }
  #front .team-details-section .team-section-list {
    display: flex;
    width: calc(100% - 0px);
  }
  #front .team-details-section .teams-icon {
    margin: 0px;
  }
  #front .player-details-section .team-section-list {
    width: calc(100% - 0px);
  }
  #front .team-section-list .teams-icon {
    margin: 0px;
  }
  #front .team-section-list {
    margin: 50px 10px !important;
  }
  #front .main-teamdiv {
    flex-direction: column;
  }
  #front .main-teamdiv .pipe {
    display: none;
  }
  #front .main-teamdiv .logo {
    height: 120px !important;
    width: 120px !important;
  }
  #front .main-teamdiv {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  #front .main-teamdiv .team-name h4 {
    text-align: center;
  }
  #front .team-details-section {
    margin-top: 60px;
  }
  #front .main-teamdiv .team-social-icons .social-links {
    display: flex;
    justify-content: center;
    grid-gap: 10px;
    gap: 10px;
  }
  #front #footer .footer-top .footer-newsletter form input[type=submit] {
    width: auto !important;
  }
  #front .panel.panel-default {
    display: block !important;
  }
  #front .tt_timetable {
    display: none !important;
  }
  #front #footer .footer-top .footer-links {
    margin-bottom: 25px !important;
  }
  #front .footer-info h3 img {
    width: 40% !important;
  }
  #front .swiper.academicslider.swiper-coverflow.swiper-3d.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-watch-progress {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  #front app-home .Product-section .member .price {
    font-size: 21px !important;
    color: #fff !important;
  }
  #front #find-partner .section-title {
    text-align: center;
  }
  #front .main-block-footer .media .col h5 {
    font-size: 12px !important;
  }
  #front section#academies .swiper-wrapper {
    padding-bottom: 60px;
  }
  #front section#academies .main-button {
    margin-top: 0px;
    position: relative;
    top: -40px;
    margin-bottom: -30px;
  }
  #front section#academies .swiper-pagination {
    display: none;
  }
  #front section#academies {
    padding-bottom: 30px !important;
  }
  #front .Contest-section {
    padding-top: 0px !important;
  }
  #front .Contest-section .section-title .right-veiw-btn,
#front .tournament-section .right-veiw-btn {
    display: none !important;
  }
  #front .section-title {
    padding-bottom: 30px !important;
    padding-top: 40px;
  }
  #front .Product-section .section-title p {
    font-size: 20px !important;
  }
  #front button.btn.btn-secondary.Score-btn {
    min-width: auto;
  }
  #front .footer-info h3 img {
    width: 35%;
  }
  #front .mobileversion-footer ul {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    list-style: none;
    margin: 0px;
  }
  #front .mobileversion-footer {
    display: block !important;
    opacity: 1;
    transition: all 0.5s ease;
  }
  #front .header-scrolled .mobileversion-footer {
    display: block !important;
    opacity: 1;
  }
  #front .mobile-footer.active {
    opacity: 1 !important;
  }
  #front li.mobile-footer {
    width: 15% !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
  }
  #front li.mobile-footer i {
    font-size: 24px;
    display: block;
  }
  #front li.mobile-footer span {
    font-size: 12px;
    font-weight: 600;
  }
  #front .mobileversion-footer {
    position: fixed;
    z-index: 3;
    background-size: cover !important;
    width: 100%;
    bottom: 0px;
    box-shadow: none;
    border-radius: 15px 15px 0px 0px;
    background: #fff;
    filter: drop-shadow(0px -4px 53px #00000017);
    height: 80px;
    border: 1px solid;
    border-width: 1px 1px 0px 1px;
  }
  #front .mobileversion-footer li a {
    color: #fff;
  }
  #front .mobileversion-footer li a span {
    color: #858585;
    font-weight: 500 !important;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 14.63px;
  }
  #front li.mobile-footer {
    opacity: 1 !important;
  }
  #front li.mobile-footer {
    padding: 10px 5px 10px;
  }
  #front .mobileversion-footer ul {
    height: 100%;
    padding: 0px 15px;
  }
  #front .shopByCategory .col-md-3.p-0 {
    width: 50%;
  }
  #front #shopByCategory .col-md-3 .member img {
    height: 220px !important;
  }
  #front .mobile-version-view {
    display: block;
  }
  #front #shopByCategory .col-md-3 .learn-morebtn {
    opacity: 1 !important;
  }
  #front #shopByCategory .col-md-3 .learn-morebtn button {
    text-transform: uppercase;
    width: 90%;
    border-radius: 0px;
  }
  #front #shopByCategory .col-md-3 .learn-morebtn button {
    font-size: 12px;
  }
  #front .mobileversion-footer {
    display: block !important;
  }
  #front .col-md-12.to-button-toogle {
    padding: 0px 20px;
  }
  #front .back-to-top {
    bottom: 80px;
  }
  #front .right-bar-list ul li a {
    padding: 0px;
  }
  #front .navbar a i,
#front .navbar a:focus i {
    font-size: 20px !important;
  }
  #front .navbar-mobile .mobile-version-top-bar {
    position: absolute;
    width: 100%;
    padding: 30px;
    bottom: 30px;
  }
  #front .navbar-mobile .top-bar.bg-dark {
    display: block !important;
  }
  #front #team .swiper-pagination {
    bottom: 0px !important;
  }
  #front #team .swiper-pagination .swiper-pagination-bullet {
    background: #d4ee26;
  }
  #front .Tournament .swiper-slide .col-md-12.list {
    padding: 7.5px;
  }
  #front #News-tt .section-title {
    padding-bottom: 15px !important;
  }
  #front .top-bar.bg-dark {
    display: none;
  }
  #front #header .logo a span {
    display: none;
  }
  #front #header .logo img {
    box-shadow: none !important;
  }
  #front #News-tt .swiper-button-next,
#front #News-tt .swiper-button-prev {
    display: none;
  }
  #front #News-tt .section-news .news {
    height: 140px !important;
  }
  #front .col-md-12.section-news .col-md-6 {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
  }
  #front .section-news .center-blog.big-news {
    margin: 0px 0px;
    margin-bottom: 0px;
  }
  #front .section-news .center-blog.big-news h5 {
    font-size: 14px;
  }
  #front .section-news .section-title {
    padding-bottom: 30px;
  }
  #front .col-md-12.section-news {
    margin-bottom: 20px;
  }
  #front .ds-truncate {
    font-size: 12px !important;
    border-bottom: 1px solid #f2f2f2 !important;
    padding-bottom: 10px !important;
    font-family: "Krona One" !important;
    display: flex !important;
    text-align: left !important;
    align-items: center !important;
  }
  #front #team .col-lg-3 {
    width: 50%;
  }
  #front .Pro-Player.swiper {
    /* padding-left: 15px;
    padding-right: 15px; */
  }
  #front section#team {
    padding: 0px 15px !important;
  }
  #front #team .member .member-img img {
    height: 300px !important;
  }
  #front .team .member .btn.btn-secondary {
    font-size: 10px !important;
    padding: 10px 10px;
  }
  #front .team .member .member-info h4 {
    font-size: 16px !important;
  }
  #front section#team {
    margin-bottom: 30px;
  }
  #front #News-tt .Tournament {
    padding-right: 0px !important;
    padding-left: 0px;
  }
  #front .find-p-row {
    margin: 0px !important;
    flex-flow: column-reverse;
  }
  #front #find-partner .swiper {
    padding-top: 0px !important;
  }
  #front #find-partner .section-title {
    padding-bottom: 0px !important;
    padding-top: 20px;
  }
  #front #find-partner .section-title span {
    font-size: 14px;
  }
  #front #Product {
    padding-bottom: 30px !important;
    padding-top: 0px !important;
  }
  #front #find-partner .col-lg-8.pateners-sliders {
    padding-left: 0px !important;
    padding-right: 0px;
  }
  #front #team .row {
    margin: 0px;
  }
  #front section {
    padding: 0px 0px !important;
  }
  #front .tt_timetable th {
    font-size: 12px !important;
  }
  #front .tt_hours_column .media {
    align-items: center;
    flex-direction: column;
  }
  #front .tt_timetable td .media-body h6 {
    margin-bottom: 0px;
    font-size: 12px !important;
  }
  #front .tt_timetable td,
#front .tt_timetable th {
    padding: 10px;
    font-size: 12px;
  }
  #front .topnav-centered {
    display: none;
  }
  #front #contest ul#pills-tab {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-y: auto;
  }
  #front .section-title h2 {
    font-size: 20px !important;
  }
  #front .News .icon-box .media-body h4 {
    font-size: 16px;
    margin-bottom: 1px;
  }
  #front #header {
    padding: 5px 0 !important;
    margin-bottom: 0px;
    box-shadow: 4px 1px 9px #00000012 !important;
  }
  #front .section-title p {
    font-size: 20px !important;
  }
  #front .academicslider .swiper-slide span {
    font-size: 12px !important;
  }
  #front .instagramFeed .section-title h2 a {
    font-size: 20px !important;
    margin-bottom: 0px !important;
  }
  #front .instagramFeed .section-title .icon img {
    width: 30px !important;
    height: 30px !important;
  }
  #front .instagramFeed .eapps-link {
    display: none !important;
  }
  #front .eapps-instagram-feed {
    margin-bottom: -50px !important;
  }
  #front .eapps-link::after {
    background: black !important;
  }
  #front section {
    padding: 20px 0;
  }
  #front #header .logo img {
    max-height: 65px !important;
    position: relative !important;
    z-index: auto !important;
    padding: 0px !important;
    background: transparent !important;
    border-radius: 0px !important;
    top: 0px !important;
  }
  #front .main-heading-banner {
    padding-top: 20px !important;
  }
  #front #hero {
    height: auto !important;
    padding: 0px;
    border-radius: 16px;
    box-shadow: 2px 3px 3px #00000017, 2px 3px 9px #00000024;
    margin: 0px !important;
    width: 100% !important;
  }
  #front .left-banner .clients-slider img {
    height: auto !important;
  }
  #front .col-md-4.right-banner {
    margin-top: 20px;
  }
  #front .col-md-4.right-banner {
    flex-direction: row !important;
  }
  #front .col-md-4.right-banner .col-md-12 {
    width: 50%;
    float: left;
  }
  #front .col-md-4.right-banner img {
    height: 110px !important;
  }
  #front section#hero {
    padding: 15px 0px !important;
    padding-bottom: 5px !important;
    box-shadow: none;
  }
  #front .mobile-d-none {
    display: none;
  }
  #front #News .ds-rounded-xl {
    height: 265px !important;
  }
  #front .ds-text-title-subtle-m.ds-font-medium.ds-text-typo,
#front .ds-text-title-m.ds-font-bold.ds-text-typo {
    font-size: 16px !important;
  }
  #front .main-heading-banner h4 {
    font-size: 24px !important;
  }
  #front .main-heading-banner .main-heading {
    font-size: 36px !important;
  }
  #front #hero .swiper-button-next,
#front #hero .swiper-button-prev {
    display: none;
  }
  #front #hero .container {
    padding: 30px !important;
  }
  #front [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
#front #header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0;
  box-shadow: 1px 1px 4px #0000001f;
  background: #ffffff;
  position: relative;
}
#front #header.header-scrolled,
#front #header.header-inner-pages {
  background: rgba(0, 0, 0, 0.8);
}
#front #header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#front #header .logo a {
  color: #fff;
}
#front #header .logo a span {
  color: #EBF5D4;
}
#front header .container {
  position: relative;
}
#front #header .logo img {
  max-height: 110px;
  position: absolute;
  z-index: 11;
  padding: 9px;
  background: #ffffff;
  border-radius: 6px;
  top: -20px;
  box-shadow: 0px 0px 6px #00000047;
}
#front .col-md-9.top-right-bar {
  padding-left: 0px;
}
#front .get-started-btn {
  color: #fff;
  border-radius: 8px;
  padding: 7px 25px 8px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
  border: 2px solid #EBF5D4;
}
#front .get-started-btn:hover {
  background: #ffbb38;
  color: #343a40;
}
@media (max-width: 992px) {
  #front .get-started-btn {
    padding: 7px 20px 8px 20px;
    margin-right: 15px;
  }
}
#front .navbar {
  padding: 0;
}
#front .navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}
#front .navbar li {
  position: relative;
}
#front .tracking-in-contract {
  animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
#front .tracking-in-contract.new {
  animation: tracking-in-contract 1s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
#front .navbar a,
#front .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-weight: 500;
  white-space: nowrap;
  transition: 0.3s;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  cursor: pointer;
  color: #000000;
  font-size: 14px;
  font-family: "Krona One";
  font-weight: 400;
  text-decoration: none;
}
#front .navbar a i,
#front .navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}
#front .navbar a:hover,
#front .navbar .active,
#front .navbar .active:focus,
#front .navbar li:hover > a {
  color: #0E4715;
}
#front .navbar .dropdown ul {
  display: none;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 6px;
}
#front .navbar .dropdown ul li {
  min-width: 200px;
}
#front .navbar .dropdown ul a {
  color: #000000;
  font-size: 14px;
  font-family: "Krona One";
  font-weight: 400;
  text-decoration: none;
}
#front .navbar .dropdown ul a i {
  font-size: 12px;
}
#front .navbar .dropdown ul a:hover,
#front .navbar .dropdown ul .active:hover,
#front .navbar .dropdown ul li:hover > a {
  background-color: #1fa83130;
}
#front .navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
  display: block;
}
#front .navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
#front .navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
@media (max-width: 1366px) and (min-width: 991px) {
  #front #shopByCategory .col-md-3 .member img {
    height: 300px !important;
  }
}
@media (max-width: 1366px) {
  #front .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  #front .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}
#front .clients-slider {
  width: 100%;
}
#front .slider-inner-div {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
}
#front .info .media {
  color: #000000;
  display: flex;
  font-weight: normal;
}
#front .event_container.id-3559 {
  font-family: "Lato", sans-serif;
}
#front td {
  font-family: "Lato", sans-serif;
}
#front .info .media .media-left {
  margin-right: 10px;
}
#front .main-heading-banner {
  text-align: left;
  padding-top: 50px;
}
#front .main-heading-banner h4 {
  font-size: 4.5rem;
  margin-bottom: 0px;
  color: #fff;
  text-shadow: 1px 2px #00000040;
  font-weight: normal;
}
#front .main-heading-banner .main-heading {
  font-size: 6.5rem;
  line-height: normal;
  line-height: initial;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 2px #00000040;
}
#front #hero .swiper-button-next,
#front #hero .swiper-button-prev {
  background: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 1px 1px 8px #0000003d;
}
#front .blogs-section-div .swiper-button-next,
#front .blogs-section-div .swiper-button-prev {
  background: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 1px 1px 8px #0000003d;
}
#front .blogs-section-div .swiper-button-next:after,
#front .blogs-section-div .swiper-button-prev:after,
#front .blogs-section-div .swiper-rtl .swiper-button-prev:after {
  font-size: 16px;
}
#front #News-tt .swiper-button-next,
#front #News-tt .swiper-button-prev {
  background: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 1px 1px 8px #0000003d;
}
#front #News-tt .swiper-button-next:after,
#front #News-tt .swiper-button-prev:after,
#front #News-tt .swiper-rtl .swiper-button-prev:after {
  font-size: 16px;
  color: #000;
}
#front .swiper-button-next:after,
#front .swiper-button-prev:after,
#front .swiper-rtl .swiper-button-prev:after {
  font-size: 25px;
}
#front .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
#front .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  background: #fff;
}
#front .mobile-nav-toggle {
  color: #000000;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}
@media (max-width: 991px) {
  #front .mobile-nav-toggle {
    display: block;
  }
  #front .navbar ul {
    display: none;
  }
}
#front .navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.3s;
  z-index: 999;
}
#front .navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}
#front .navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}
#front .navbar-mobile a,
#front .navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #151515;
}
#front .navbar-mobile a:hover,
#front .navbar-mobile .active,
#front .navbar-mobile li:hover > a {
  color: #151515;
  background-color: #EBF5D4;
}
#front .navbar-mobile .getstarted,
#front .navbar-mobile .getstarted:focus {
  margin: 15px;
}
#front .navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
#front .navbar-mobile .dropdown ul li {
  min-width: 200px;
}
#front .navbar-mobile .dropdown ul a {
  padding: 10px 20px;
  color: #151515;
}
#front .navbar-mobile .dropdown ul a i {
  font-size: 12px;
}
#front .navbar-mobile .dropdown ul a:hover,
#front .navbar-mobile .dropdown ul .active:hover,
#front .navbar-mobile .dropdown ul li:hover > a {
  background-color: #EBF5D4;
}
#front .navbar-mobile .dropdown > .dropdown-active {
  display: block;
}
#front .top-bar.bg-dark {
  padding: 15px 0px;
}
#front #hero {
  width: 100%;
  height: auto;
  /* background: url("../img/hero-bg.jpg") top center; */
  background-size: cover;
  position: relative;
}
#front #hero img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#front #hero:before {
  content: "";
  background: #fff;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#front #hero .container {
  position: relative;
  padding-top: 74px;
  text-align: center;
}
#front #hero h1 {
  margin: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
  color: #fff;
  font-family: "Lato", sans-serif !important;
}
#front #hero h1 span {
  color: #EBF5D4;
}
#front #hero h2 {
  color: rgba(255, 255, 255, 0.9);
  margin: 10px 0 0 0;
  font-size: 24px;
}
#front #hero .icon-box {
  padding: 30px 20px;
  transition: ease-in-out 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.3);
  height: 100%;
  text-align: center;
}
#front #hero .icon-box i {
  font-size: 32px;
  line-height: 1;
  color: #EBF5D4;
}
#front #hero .icon-box h3 {
  font-weight: 700;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 1;
  font-size: 20px;
  line-height: 26px;
}
#front #hero .icon-box h3 a {
  color: #fff;
  transition: ease-in-out 0.3s;
}
#front #hero .icon-box h3 a:hover {
  color: #EBF5D4;
}
#front #hero .icon-box:hover {
  border-color: #EBF5D4;
}
@media (min-width: 768px) {
  #front ::ng-deep app-home .Product-section .member .price {
    font-size: 20px !important;
    color: #111111 !important;
    font-weight: bold !important;
  }
}
@media (min-width: 1024px) {
  #front #hero {
    background-attachment: fixed;
  }
}
#front .login-page-section label {
  display: inline-block;
  margin-bottom: 7px !important;
  font-weight: bold;
  font-size: 16px;
}
#front .login-page {
  margin-bottom: 20px;
}
#front div#loginuser,
#front div#OTP {
  padding-top: 20px;
}
#front .mobile-footer a:hover,
#front .mobile-footer a:active {
  color: #fff !important;
}
@media (max-width: 768px) {
  #front {
    /*Login page banner start*/
    /*Login page banner End*/
    /*Login Page New close*/
  }
  #front .col-md-4.right-banner {
    grid-gap: 7.5px !important;
    gap: 7.5px !important;
    justify-content: center;
    padding: 0px 15px !important;
  }
  #front .login-page-section .section-title p {
    font-size: 20px !important;
  }
  #front .login-page-section-top .txt-advert {
    font-size: 22px !important;
  }
  #front .login-page-section-top .txt-advert-sub {
    padding-bottom: 10px !important;
    font-size: 14px !important;
  }
  #front .login-page-section-top .banner-image-div img {
    -o-object-position: right;
       object-position: right;
  }
  #front .login-page-section-top .effect-cover {
    text-align: center;
    padding: 30px;
    color: #fff;
    min-height: 150px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  #front .login-page {
    padding: 15px 10px !important;
  }
  #front .login-form .nav-link {
    font-size: 12px;
  }
  #front .login-page-section {
    padding: 30px 0 !important;
  }
  #front .login-page {
    width: 100% !important;
    margin: auto;
  }
  #front .to-button-toogle ul li {
    width: 50%;
  }
  #front .to-button-toogle ul {
    padding: 0px 15px;
    width: 100%;
    margin: auto;
  }
  #front .login-page-section-top .effect-cover {
    padding: 15px 5px !important;
  }
  #front .login-page-section .section-title {
    padding-bottom: 20px !important;
  }
  #front .login-page-section-top .txt-advert {
    color: #fff;
    font-size: 20px !important;
  }
  #front .col-md-12.to-button-toogle {
    margin-bottom: 15px;
  }
  #front .to-button-toogle ul li a {
    display: block;
    width: 100%;
  }
  #front .to-button-toogle ul li button {
    width: 100%;
  }
  #front .top-bar .col-md-6 {
    width: 50%;
  }
  #front .right-bar-list ul li {
    margin-right: 0px !important;
    margin-left: 10px;
  }
  #front .event_date.dd-date {
    font-size: 10px;
  }
  #front .News .icon-box .media {
    flex-wrap: wrap;
    align-items: start;
    margin: 20px 15px;
  }
  #front #News {
    padding-top: 20px;
  }
  #front #News .section-title {
    padding-bottom: 20px;
  }
  #front .event_date.dd-date {
    padding-bottom: 10px !important;
    margin-bottom: 0px !important;
    padding-top: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #f2f2f2;
  }
  #front .News .icon-box {
    padding: 0px 0px 0px 0px !important;
    cursor: pointer;
    background: #fff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
  }
  #front .News .icon-box .media-body {
    width: 65% !important;
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 0px 0px 0px 15px;
  }
  #front .News .icon-box .media-body p {
    margin-bottom: 0px;
    font-size: 12px !important;
    color: #111;
    line-height: 20px;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #front .News .col-md-6 {
    margin-bottom: 0px !important;
  }
  #front .News .icon-box .media .image img {
    height: 85px !important;
    width: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #front .News .icon-box .media .image {
    width: 35% !important;
    overflow: hidden;
    margin-right: 0px !important;
  }
  #front #hero {
    height: auto;
  }
  #front #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #front #hero h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
#front section {
  padding: 60px 0;
}
#front .section-title {
  padding-bottom: 40px;
}
#front .section-title h2 {
  font-size: 32px;
  font-weight: 600;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #000000;
  font-family: "Krona One";
}
#front .section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #ffde9e;
  margin: 4px 10px;
  display: none;
}
#front .section-title p {
  margin: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 6 0;
  text-transform: uppercase;
  font-family: "Krona One";
  color: #151515;
}
#front .about .content h3 {
  font-weight: 700;
  font-size: 28px;
  font-family: "Lato", sans-serif !important;
}
#front .about .content ul {
  list-style: none;
  padding: 0;
}
#front .about .content ul li {
  padding: 0 0 8px 26px;
  position: relative;
}
#front .about .content ul i {
  position: absolute;
  font-size: 20px;
  left: 0;
  top: -3px;
  color: #EBF5D4;
}
#front .about .content p:last-child {
  margin-bottom: 0;
}
#front .clients {
  padding-top: 20px;
}
#front .clients .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s;
  filter: grayscale(100);
}
#front .clients .swiper-slide img:hover {
  filter: none;
  opacity: 1;
}
#front .clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
#front .clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  background-color: #ddd;
}
#front .clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #EBF5D4;
}
#front .features {
  padding-top: 20px;
}
#front .features .icon-box {
  padding-left: 15px;
}
#front .features .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}
#front .features .icon-box i {
  font-size: 48px;
  float: left;
  color: #EBF5D4;
}
#front .features .icon-box p {
  font-size: 15px;
  color: #848484;
  margin-left: 60px;
}
#front .features .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}
#front .services .icon-box {
  text-align: center;
  border: 1px solid #ebebeb;
  padding: 80px 20px;
  transition: all ease-in-out 0.3s;
  background: #fff;
}
#front .services .icon-box .icon {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: #EBF5D4;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: 0.3s;
}
#front h3.ds-text-title-subtle-m.ds-font-medium.ds-text-typo {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
#front .services .icon-box .icon i {
  color: #151515;
  font-size: 28px;
  transition: ease-in-out 0.3s;
}
#front .services .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
}
#front .services .icon-box h4 a {
  color: #151515;
  transition: ease-in-out 0.3s;
}
#front .services .icon-box h4 a:hover {
  color: #EBF5D4;
}
#front .services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}
#front .services .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-10px);
}
#front .cta {
  background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url('cta-bg.63b483a22e14db81b62a.jpg') fixed center center;
  background-size: cover;
  padding: 60px 0;
}
#front .cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}
#front .cta p {
  color: #fff;
}
#front .cta .cta-btn {
  font-family: "Lato", sans-serif !important;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 8px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}
#front .cta .cta-btn:hover {
  background: #EBF5D4;
  border-color: #EBF5D4;
  color: #151515;
}
#front .portfolio .portfolio-item {
  margin-bottom: 30px;
}
#front .portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}
#front .portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 15px 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}
#front .portfolio #portfolio-flters li:hover,
#front .portfolio #portfolio-flters li.filter-active {
  color: #151515;
  background: #EBF5D4;
}
#front .portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}
#front .portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(21, 21, 21, 0.6);
}
#front .portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(21, 21, 21, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}
#front .portfolio .portfolio-wrap img {
  transition: all ease-in-out 0.3s;
}
#front .portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
}
#front .portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
#front .portfolio .portfolio-wrap .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}
#front .portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}
#front .portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 5px 0 0;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}
#front .portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #EBF5D4;
}
#front .portfolio .portfolio-wrap:hover::before {
  opacity: 1;
}
#front .portfolio .portfolio-wrap:hover img {
  transform: scale(1.2);
}
#front .portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}
#front .portfolio-details {
  padding-top: 40px;
}
#front .portfolio-details .portfolio-details-slider img {
  width: 100%;
}
#front .portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
#front .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #EBF5D4;
}
#front .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #EBF5D4;
}
#front .portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(21, 21, 21, 0.08);
}
#front .portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
#front .portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}
#front .portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}
#front .portfolio-details .portfolio-description {
  padding-top: 30px;
}
#front .portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}
#front .portfolio-details .portfolio-description p {
  padding: 0;
}
#front .counts .content {
  padding: 30px 0;
}
#front .counts .content h3 {
  font-weight: 700;
  font-size: 34px;
  color: #151515;
}
#front .counts .content p {
  margin-bottom: 0;
}
#front .counts .content .count-box {
  padding: 20px 0;
  width: 100%;
}
#front .counts .content .count-box i {
  display: block;
  font-size: 36px;
  color: #EBF5D4;
  float: left;
}
#front .counts .content .count-box span {
  font-size: 36px;
  line-height: 30px;
  display: block;
  font-weight: 700;
  color: #151515;
  margin-left: 50px;
}
#front .counts .content .count-box p {
  padding: 15px 0 0 0;
  margin: 0 0 0 50px;
  font-family: "Lato", sans-serif !important;
  font-size: 14px;
  color: #3b3b3b;
}
#front .counts .content .count-box a {
  font-weight: 600;
  display: block;
  margin-top: 20px;
  color: #3b3b3b;
  font-size: 15px;
  font-family: "Lato", sans-serif !important;
  transition: ease-in-out 0.3s;
}
#front .counts .content .count-box a:hover {
  color: #626262;
}
#front .counts .image {
  background: url('counts-img.094a7e63c0e77f9bf822.jpg') center center no-repeat;
  background-size: cover;
  min-height: 400px;
}
@media (max-width: 991px) {
  #front .counts .image {
    text-align: center;
  }
  #front .counts .image img {
    max-width: 80%;
  }
}
@media (max-width: 667px) {
  #front .counts .image img {
    max-width: 100%;
  }
}
#front .testimonials {
  padding: 80px 0;
  background-position: center center;
  background-size: cover;
  position: relative;
}
#front .testimonials::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}
#front .testimonials .section-header {
  margin-bottom: 40px;
}
#front .testimonials .testimonials-carousel,
#front .testimonials .testimonials-slider {
  overflow: hidden;
}
#front .testimonials .testimonial-item {
  text-align: center;
  color: #fff;
}
#front .testimonials .testimonial-item .testimonial-img {
  width: 100px;
  border-radius: 50%;
  border: 6px solid rgba(255, 255, 255, 0.15);
  margin: 0 auto;
}
#front .testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #fff;
}
#front .testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #ddd;
  margin: 0 0 15px 0;
}
#front .testimonials .testimonial-item .quote-icon-left,
#front .testimonials .testimonial-item .quote-icon-right {
  color: rgba(255, 255, 255, 0.6);
  font-size: 26px;
}
#front .testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}
#front .testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}
#front .testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
  color: #eee;
}
#front .testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
#front .testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 0.5;
}
#front .testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #20b033;
  opacity: 1;
}
@media (min-width: 1024px) {
  #front .testimonials {
    background-attachment: fixed;
  }
}
@media (min-width: 992px) {
  #front .testimonials .testimonial-item p {
    width: 80%;
  }
}
#front .match-tournament {
  text-align: center;
}
#front .team .member {
  margin-bottom: 15px;
  margin-top: 15px;
  overflow: hidden;
  border-radius: 5px;
  background: #ebf5d4;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
#front .team .member .member-img {
  position: relative;
  overflow: hidden;
}
#front .team .member .social {
  position: absolute;
  left: 0;
  bottom: 30px;
  right: 0;
  opacity: 0;
  transition: ease-in-out 0.3s;
  text-align: center;
}
#front .team .member .social a {
  transition: color 0.3s;
  color: #151515;
  margin: 0 3px;
  border-radius: 8px;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.8);
  transition: ease-in-out 0.3s;
  color: #484848;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#front .team .member .social a:hover {
  color: #151515;
  background: #EBF5D4;
}
#front .team .member .social i {
  font-size: 18px;
  line-height: 0;
}
#front .team .member .member-info {
  padding: 25px 15px;
  text-align: center;
}
#front .team .member .member-info h4 {
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 18px;
  color: #151515;
  text-align: center;
}
#front .media-body {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: black !important;
}
#front .team .member .btn.btn-secondary {
  padding: 10px 24px;
  background: #000000;
  color: #ffffff;
  border: none;
  margin: auto;
  font-family: "Krona One";
  font-weight: 400;
  font-size: 14px;
  border-radius: 8px;
}
#front .team .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #aaaaaa;
}
#front .team .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
}
#front .team .member:hover .social {
  opacity: 1;
  bottom: 15px;
}
#front .contact .info {
  width: 100%;
  background: #fff;
}
#front .contact .info i {
  font-size: 20px;
  background: #EBF5D4;
  color: #151515;
  float: left;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
#front .contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #151515;
}
#front .contact .info p {
  padding: 0 0 0 60px;
  margin-bottom: 0;
  font-size: 14px;
  color: #484848;
}
#front .contact .info .email,
#front .contact .info .phone {
  margin-top: 40px;
}
#front .contact .php-email-form {
  width: 100%;
  background: #fff;
}
#front .contact .php-email-form .form-group {
  padding-bottom: 8px;
}
#front .contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}
#front .contact .php-email-form .error-message br + br {
  margin-top: 25px;
}
#front .contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
#front .contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}
#front .contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}
#front .contact .php-email-form input,
#front .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 8px;
}
#front .contact .php-email-form input:focus,
#front .contact .php-email-form textarea:focus {
  border-color: #EBF5D4;
}
#front .contact .php-email-form input {
  height: 44px;
}
#front .contact .php-email-form textarea {
  padding: 10px 12px;
}
#front .contact .php-email-form button[type=submit] {
  background: #EBF5D4;
  border: 0;
  padding: 10px 24px;
  color: #151515;
  transition: 0.4s;
  border-radius: 8px;
}
#front .contact .php-email-form button[type=submit]:hover {
  background: #91bc1b;
}
@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#front .breadcrumbs {
  padding: 15px 0;
  background: whitesmoke;
  min-height: 40px;
  margin-top: 74px;
}
#front .breadcrumbs h2 {
  font-size: 28px;
  font-weight: 400;
}
#front .breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}
#front .breadcrumbs ol li + li {
  padding-left: 10px;
}
#front .breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #2f2f2f;
  content: "/";
}
@media (max-width: 768px) {
  #front .breadcrumbs {
    margin-top: 0px;
    padding: 15px 5px !important;
    padding-bottom: 15px !important;
    background: #f2f2f2;
  }
  #front .breadcrumbs h2 {
    font-size: 14px !important;
  }
  #front .breadcrumbs ol {
    color: #686868;
  }
}
@media (max-width: 992px) {
  #front .breadcrumbs {
    margin-top: 68px;
  }
  #front .breadcrumbs .d-flex {
    display: flex !important;
  }
  #front .breadcrumbs ol {
    display: block;
  }
  #front .breadcrumbs ol li {
    display: inline-block;
  }
}
#front #footer {
  background: #EBF5D4;
  padding: 0 0 0px 0;
  color: #000000;
  font-size: 14px;
}
#front #footer .footer-top {
  background: #000000;
  border-bottom: 1px solid #000000;
  padding: 60px 0 60px 0;
}
#front #footer .footer-top .footer-info {
  margin-bottom: 0px;
}
#front #footer .footer-top .footer-info h3 {
  font-size: 28px;
  margin: 0 0 0px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
#front #footer .footer-top .footer-info h3 span {
  color: #EBF5D4;
}
#front #footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Lato", sans-serif !important;
  color: #222222;
}
#front #footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #292929;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 8px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
#front #footer .footer-top .social-links a:hover {
  background: #20b033;
  color: #fff;
  text-decoration: none;
}
#front #footer .footer-top h4 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}
#front #footer .footer-top .footer-links {
  margin-bottom: 0px;
}
#front #footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#front #footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  margin-right: 8px;
}
#front #footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
#front #footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}
#front #footer .footer-top .footer-links ul a {
  color: #ffffff;
  transition: 0.3s;
  display: flex;
  align-items: center;
  line-height: 1;
}
#front #footer .footer-top .footer-links ul a:hover {
  color: #1ea22f;
}
#front #footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 8px;
}
#front #footer .footer-top .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}
#front .footer-newsletter p {
  color: #ffffff;
}
#front #footer .footer-top .footer-newsletter form input[type=submit]:hover {
  background: #d4ee26 !important;
  color: #000000 !important;
}
#front #footer .footer-top .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #d4ee26;
  color: #000000;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}
#front #footer .footer-top .footer-newsletter form input[type=submit]:hover {
  background: #000000;
}
#front #footer .copyright {
  text-align: center;
  padding-top: 10px;
  color: #fff;
}
#front #footer .credits {
  padding-top: 0px;
  text-align: center;
  font-size: 13px;
  color: #000000;
  padding-bottom: 10px;
}
#front .copyright-footer-bottom {
  background-color: #20b033 !important;
  box-shadow: 4px -20px 41px #0000003b inset;
  width: 100%;
  max-width: 100%;
}
#front .News .icon-box {
  padding: 0px 15px 0px 0px;
}
#front .News .icon-box .media {
  display: flex;
  align-items: start;
}
#front .News .icon-box .media .image {
  margin-right: 15px;
  width: 25%;
  overflow: hidden;
}
#front .News .icon-box .media .image img {
  height: 120px;
  width: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
#front .col-lg-3.col-md-6.footer-newsletter {
  margin-top: 15px;
}
#front .Product-section {
  background: linear-gradient(#393636db, #504f4fe0), url('parallax_01.533c6319feae8b12d739.webp') fixed center center;
  background-size: auto, auto;
  background-size: cover;
  padding: 60px 0;
}
#front .Product-section .container {
  padding-right: 10px !important;
}
#front .Product-section .section-title p {
  color: #fff !important;
  font-weight: 600;
}
#front .News .icon-box {
  cursor: pointer;
}
#front .News .icon-box .media-body {
  width: 75%;
}
#front .News .icon-box .media-body h4 {
  font-size: 16px;
}
#front .News .icon-box .media .image img {
  transition: all 0.5s ease;
}
#front .News .icon-box:hover .media .image img {
  transform: scale(1.2);
}
#front .add-to-cart {
  border: 0;
  padding: 10px 24px;
  color: #ffffff;
  transition: 0.4s;
  border-radius: 8px;
  background: #000000;
  margin: 20px 15px;
}
#front .Product-section .member .member-info {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #d4ee26;
}
#front .Product-section .member .member-info h4 {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
  margin-bottom: 0px;
}
#front .Product-section .member .social {
  height: 100%;
  background: #0000004d;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#front .News .icon-box .media-body p {
  margin-bottom: 0px;
  color: #111;
  line-height: 20px;
  text-align: left;
  font-weight: 400;
  font-size: 13px;
}
#front .top-bar.bg-dark {
  background-color: #20b033 !important;
  box-shadow: 4px -20px 41px #0000003b inset;
}
#front .wrap-table th {
  width: 100%;
}
#front .float-right {
  justify-content: flex-end;
}
#front .top-bar .col-md-6 {
  display: flex;
  align-items: center;
}
#front .right-bar-list ul {
  display: flex;
  list-style: none;
  justify-content: flex-end;
  margin-bottom: 0px;
}
#front .right-bar-list ul li {
  margin-right: 15px;
}
#front .right-bar-list ul li a {
  font-size: 28px;
  color: #000000;
  line-height: 0px;
}
#front .News .icon-box .media-body h4 a {
  text-transform: capitalize;
  text-decoration: none;
  color: #222222;
  font-weight: bold;
  color: #111;
  font-weight: 700;
  /* font-family: 'Open Sans', sans-serif; */
  /* border-top: 1px solid #f7a224; */
  padding-top: 15px;
  text-transform: uppercase;
  font-size: 15px;
}
#front .event_date.dd-date {
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #EBF5D4;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #111;
  font-size: 13px;
  /* font-family: 'Open Sans', sans-serif; */
  /* float: right; */
  margin-right: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
}
#front .post_theme {
  padding: 0 4px;
  background: #EBF5D4;
  color: #fff;
  margin: 2px 0px 0 10px;
  line-height: 16px;
  font-size: 10px;
  text-transform: uppercase;
  align-items: center;
  display: flex;
}
#front .back-btn {
  height: 30px;
  width: 30px;
  background: #0f2027;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
}
#front .otp-header h2 {
  font-size: 20px;
}
#front .col-md-12.otp-header {
  margin-bottom: 1rem;
}
#front .col-md-12.otp-header .row {
  align-items: center;
}
#front .col-md-12.otp-header .row h2 {
  margin-bottom: 0px;
}
#front .Otp.login-page .card h6 {
  font-size: 14px;
  margin: 15px 0px;
  line-height: 1.5em;
}
#front .otp-submit {
  margin-top: 1rem;
}
#front .Otp.login-page {
  position: relative;
  display: block;
}
#front .forgot-p {
  display: flex;
  justify-content: space-between;
}
#front .forgot-p label {
  font-size: 14px;
}
#front .forgot-p label {
  cursor: pointer;
}
#front .login-page-section {
  margin-bottom: 20px;
}
#front .login-page-section select {
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  height: 40px;
  padding: 0 10px;
  width: 100%;
  font-size: 12px;
  margin-bottom: 20px;
}
#front .Otp.login-page .card {
  background: transparent;
  border: none;
}
#front .Otp {
  display: none;
}
#front .login-page-section .inputs input {
  width: 40px;
  height: 40px;
}
#front .register-button button {
  margin-bottom: 0px !important;
  border: 1px solid #EBF5D4;
  background-color: #0f2027;
  padding: 15px 45px;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 33px;
}
#front .login-page-section input[type=number]::-webkit-inner-spin-button,
#front .login-page-section input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
#front .login-page-section .card-2 {
  background-color: #fff;
  padding: 10px;
  width: 350px;
  height: 100px;
  bottom: -50px;
  left: 20px;
  position: absolute;
  border-radius: 5px;
}
#front .login-page-section .card-2 .content {
  margin-top: 50px;
}
#front .login-page-section .card-2 .content a {
  color: red;
}
#front .login-page-section .form-control:focus {
  box-shadow: none;
  border: 2px solid #4d8861;
}
#front .login-page-section .validate {
  border-radius: 20px;
  height: 40px;
  background-color: red;
  border: 1px solid red;
  width: 140px;
}
#front .login-page-section .to-button-toogle li:first-child button {
  border-radius: 33px 0px 0px 33px;
}
#front .login-page-section .to-button-toogle li:nth-child(2) button {
  border-radius: 0px 33px 33px 0px;
}
#front .login-page-section-top {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0;
  background-size: cover;
}
#front .login-page-section-top .effect-cover {
  text-align: center;
  padding: 30px;
  color: #fff;
}
#front .login-page-section-top .txt-advert {
  color: #fff;
  font-size: 40px;
  padding: 15px 0 15px 0;
  text-align: center;
  margin: 0px auto 0 auto;
  font-weight: 700;
  text-transform: uppercase;
}
#front .login-page-section-top .txt-advert-sub {
  color: #fff;
  font-size: 16px;
  padding: 0;
  text-align: center;
  margin: 0px auto 0 auto;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
#front .login-page-section-top::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
#front .login-page-section-top .size-img {
  position: relative;
  z-index: 1;
}
#front .login-page-section-top {
  padding-top: 50px;
  padding-bottom: 50px;
}
#front .login-page {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 50px 30px;
  margin-bottom: 50px;
  border: 1px solid #eee;
  background: #ebf5d4;
  border-radius: 12px;
}
#front .login-page .clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
#front .login-page {
  width: 50%;
  margin: auto;
}
#front .login-page #name_login,
#front .login-page #password_login {
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  height: 40px;
  padding: 0 10px;
  width: 100%;
  font-size: 12px;
  margin-bottom: 20px;
  color: #333;
  border-radius: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
#front #login-submit {
  text-align: center;
}
#front #login-submit input {
  margin-bottom: 0px !important;
  border: 1px solid #EBF5D4;
  background-color: #0f2027;
  padding: 15px 45px;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 33px;
  margin-bottom: 10px;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
#front .to-button-toogle .top-navigation-button button {
  border: 1px solid #f2f2f2;
  background-color: #f2f2f2;
  padding: 16px 45px;
  font-size: 14px;
  text-transform: uppercase;
  color: #222;
  margin-bottom: 0px;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  min-width: 150px;
  font-weight: 600;
}
#front .to-button-toogle .top-navigation-button .active button {
  border: 1px solid #EBF5D4;
  background-color: #0f2027;
  color: #ffffff;
}
#front .to-button-toogle ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 0px !important;
}
#front .zoom-effect-container {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
#front .image-card {
  position: relative;
  top: 0;
  left: 0;
  border-radius: 8px;
  overflow: hidden;
}
#front .image-card img {
  transition: 0.4s ease;
}
#front .zoom-effect-container:hover .image-card img {
  transform: scale(1.08);
}
#front .left-banner img {
  height: auto !important;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#front .right-banner img {
  height: calc(375px - 10px) !important;
}
@media screen and (max-height: 700px) {
  #front .left-banner img {
    height: auto !important;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #front .right-banner img {
    height: calc(281px - 10px) !important;
  }
}
@media screen and (max-width: 1920px) and (min-width: 1500px) {
  #front .left-banner img {
    height: auto !important;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #front .right-banner img {
    height: calc(281px - 10px) !important;
  }
}
@media screen and (max-width: 1499px) and (min-width: 1399px) {
  #front .left-banner img {
    height: auto !important;
  }
  #front .right-banner img {
    height: calc(260px - 10px) !important;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1199px) {
  #front .left-banner img {
    height: auto !important;
  }
  #front .right-banner img {
    height: calc(260px - 10px) !important;
  }
}
@media screen and (max-width: 1199px) and (min-width: 991px) {
  #front .left-banner img {
    height: auto !important;
  }
  #front .right-banner img {
    height: calc(150px - 10px) !important;
  }
}
#front #hero .col-md-6 {
  padding: 0px !important;
}
#front #hero {
  padding: 30px 20px !important;
  padding-bottom: 40px !important;
}
#front .col-md-4.right-banner {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  gap: 20px;
}
#front #team .member {
  width: 100%;
}
#front #team .member .member-img {
  width: 100%;
}
#front #team .member .member-img img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#front span.ds-text-tight-xs.ds-font-bold.ds-uppercase.ds-leading-5 {
  font-family: "Krona One";
  font-size: 14px;
  font-weight: 400;
}
#front h4.title {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: black !important;
}
#front .main-button {
  background: #000000;
  border: 0;
  padding: 10px 24px;
  color: #ffffff;
  transition: 0.4s;
  border-radius: 8px;
  font-family: "Krona One";
  font-weight: 400;
  font-size: 14px;
}
#front .bx-chevron-right:before {
  color: #fff;
}
#front .main-block {
  border: 1px solid #f2f2f2;
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0px 3px 7px #0000001f;
}
#front .main-block .tems-image {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 5px;
  gap: 5px;
  flex-direction: row;
  margin: 15px 10px 15px 10px;
}
#front .tems-image img {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  box-shadow: 1px 2px 5px #0000002e;
  padding: 0px;
}
#front .tems-image .flag-icon img {
  width: 30px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0px;
  box-shadow: 1px 2px 5px #0000002e;
  padding: 0px;
  border-radius: 3px;
}
#front .p-avatar.p-avatar-lg {
  width: unset;
  height: unset;
  font-size: 1.5rem;
}
#front .main-block .team-1,
#front .main-block .team-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  gap: 10px;
}
#front .tems-image .name h4 {
  font-size: 18px;
  margin-bottom: 0px;
  color: #707070;
}
#front .main-block .middle {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin: 10px 0px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #d4ee26;
}
#front .main-block .text-copy h4 {
  font-size: 14px;
  /* padding: 10px; */
  margin: 10px 0px;
}
#front .main-block-footer ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}
#front .main-block-footer ul li {
  margin-right: 10px;
}
#front .main-block-footer ul li a {
  color: #000000;
  font-size: 14px;
  font-family: "Krona One";
  font-weight: 400;
}
#front button#pills-home-tab {
  font-size: 14px;
  font-family: "Krona One";
  font-weight: 400;
}
#front .Tournament .swiper-slide {
  margin: 10px 0px;
}
#front button#pills-profile-tab {
  font-size: 14px;
  font-family: "Krona One";
  font-weight: 400;
}
#front button#pills-contact-tab {
  font-size: 14px;
  font-family: "Krona One";
  font-weight: 400;
}
#front .Tournament .swiper-slide .col-md-12.list {
  padding: 0px;
}
#front .main-block-footer {
  border-top: 1px solid #f2f2f2;
  padding: 10px 0px;
  padding-bottom: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
}
#front .ds-truncate {
  background: #d4ee26;
  font-size: 12px;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 10px;
  font-family: "Krona One";
  padding-top: 10px;
  font-weight: 600;
  border-radius: 10px 10px 0px 0px !important;
  padding: 10px;
}
#front .ds-text-tight-xs.ds-font-bold {
  margin-right: 5px;
  background: #d4ee26;
  padding: 5px;
  color: #151515;
  font-weight: 400;
}
#front .ds-text-typo-mid2 {
  font-size: 14px;
  display: flex;
  align-items: center;
}
#front .ds-text-typo-mid2 .icon {
  margin-right: 5px;
}
#front .Tournament {
  overflow: visible;
  overflow: initial;
}
#front .tt_timetable {
  width: 100%;
  border-radius: 8px;
  box-shadow: 1px 4px 4px #00000012;
  overflow: hidden;
}
#front .tt_timetable thead {
  /* background-image: url(http://www.nicdarkthemes.com/themes/tennis/wp/demo/tennis-club/wp-content/uploads/sites/2/2021/02/tt-head.jpg); */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #d4ee26;
}
#front .tt_timetable td,
#front .tt_timetable th {
  padding: 10px;
}
#front .tt_timetable th {
  font-weight: 400;
  color: #000000;
  text-align: center;
  font-size: 14px;
  font-family: "Krona One";
  font-weight: 400;
}
#front .tt_timetable td {
  border: 1px solid #f2f2f2;
  height: 90px;
  text-align: center;
}
#front .ds-flex-col {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 15px;
}
#front .ds-uppercase {
  text-transform: uppercase;
}
#front .ds-w-full {
  border-radius: 8px;
  /* border: 1px solid #f2f2f2; */
  padding: 0px;
}
#front .right-bar-list .Proplayer-btn {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
  box-shadow: 1px 2px 3px #0000004d;
}
#front .find-patner-btn {
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 1px 2px 3px #0000004d;
}
#front .slick-list .slick-track {
  display: flex;
  width: 100% !important;
}
#front .slick-list .slick-track .slick-slide {
  width: 33.33% !important;
  flex: 33.33%;
  display: flex;
}
#front .slick-list .slick-track .slick-slide .ds-space-y-4 {
  padding: 0px !important;
}
#front .players-to-watch__featured-image img {
  height: 100% !important;
}
#front .ds-w-full .ds-grid {
  padding: 0px 30px;
}
#front .ds-flex.ds-flex-col h2 {
  margin-bottom: 0px;
}
#front .headign-top-bbl {
  border-bottom: 1px solid #f2f2f2;
}
#front .slick-list .slick-track .slick-slide .ds-relative .ds-rounded-lg {
  border-radius: 8px;
}
#front .slick-list .slick-track .slick-slide .ds-absolute {
  display: none;
}
#front .slick-list .slick-track .ds-flex.ds-flex-col h2 {
  font-size: 20px;
}
#front .slick-slider.ds-carousel {
  padding: 0px 15px;
}
#front .ds-text-title-subtle-m.ds-font-medium.ds-text-typo,
#front .ds-text-title-m.ds-font-bold.ds-text-typo {
  font-size: 16px;
  color: #000;
  font-family: "Lato", sans-serif;
}
#front .ds-rounded-xl {
  border-radius: 8px;
}
#front .ds-text-title-subtle-m {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#front .blog-content .ds-text-title-subtle-m {
  font-size: 16px !important;
  color: #000;
  margin: 10px 0px;
}
#front .blog-content .ds-flex {
  padding: 0px !important;
}
#front .blogs-section-div img {
  border-radius: 8px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 200px;
  -o-object-position: top center;
     object-position: top center;
}
#front .big-section {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #d4ee26;
  color: #000000;
  width: 100%;
  border-radius: 0px 0px 8px 8px;
}
#front .ds-relative {
  position: relative;
}
#front .ds-relative .ds-text-title-m {
  color: #000000 !important;
}
#front .swiper-slide .ds-flex-col {
  padding: 0px !important;
}
#front .ci-content-collection {
  padding: 0px 30px;
}
#front .blogs-section-div .swiper-pagination {
  position: relative;
}
#front .swiper-pagination-bullet-active {
  background-color: #2c8f3c;
}
#front #News {
  background: #ebf5d494;
}
#front .Product .member .member-img {
  padding: 15px;
  background: #fff;
}
#front .Product .brand-logo .icon img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px solid #ebf5d4;
  border-radius: 50%;
  box-shadow: 0px 1px 6px #0000004d;
}
#front .brand-logo {
  padding: 0px 15px;
}
#front .brand-logo .media {
  align-items: center;
  padding-top: 15px;
  text-align: center;
}
#front .brand-logo .media .media-left {
  margin-right: 5px;
}
#front .media {
  display: flex;
}
#front #Product .swiper-slide .col-md-12 {
  text-align: center !important;
}
#front .brand-logo .media .media-body h5 {
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 16px;
}
#front .add-to-cart img {
  width: auto;
  height: 20px;
  background: #000000;
}
#front .ddd .media {
  display: flex;
  align-items: center;
}
#front .ddd .media .media-left {
  margin-right: 10px;
}
#front .ddd .media .media-left img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #f2f2f2;
  box-shadow: 1px 2px 6px #16161573;
}
#front .tournament-name {
  min-width: 200px;
}
#front .ddd .media .media-body {
  text-align: left !important;
}
#front .tt_hours_column .media-left img {
  height: 45px;
}
#front .tt_timetable tbody td {
  vertical-align: middle;
}
#front .action-button .Score-btn {
  background-color: #000000;
  border-color: #000000;
  margin: 5px;
  font-size: 14px;
  font-family: "Krona One";
  font-weight: 400;
}
#front a.nav-link.scrollto {
  color: #000000 !important;
  font-size: 14px;
  font-family: "Krona One";
  font-weight: 400;
  text-decoration: none;
}
#front .action-button .Schedule-btn {
  background-color: #d4ee26;
  border-color: #d4ee26;
  color: #000000;
  font-size: 14px;
  font-family: "Krona One";
  font-weight: 400;
  padding: 10px 10px;
}
#front .contest-list {
  justify-content: center;
}
#front .contest-list button {
  text-transform: capitalize;
}
#front .contest-list .nav-link {
  color: #000000;
}
#front .contest-list .nav-link.active {
  color: #ffffff;
  background-color: #000000;
}
#front .nav-pills .nav-link:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}
#front .find-patner-btn:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
#front .Proplayer-btn:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
#front .right-bar-list button {
  border-radius: 6px;
  font-size: 12px;
}
#front .topnav-centered a {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#front .services-block-three {
  margin-bottom: 30px;
}
#front .services-block-three i {
  font-size: 32px;
}
#front .services-block-three > a {
  display: block;
  border: 2px solid #d5d5d5;
  border-radius: 8px;
  text-align: center;
  background: #fff;
  padding: 20px;
  position: relative;
  margin-bottom: 30px;
}
#front .services-block-three > a:before {
  display: block;
  content: "";
  width: 9%;
  height: 17%;
  position: absolute;
  bottom: -2px;
  right: -2px;
  border-bottom: 2px solid #03a9f5;
  border-right: 2px solid #03a9f5;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
#front .services-block-three > a:after {
  display: block;
  content: "";
  width: 9%;
  height: 17%;
  position: absolute;
  top: -2px;
  left: -2px;
  border-top: 2px solid #03a9f5;
  border-left: 2px solid #03a9f5;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
#front .padding-15px-bottom {
  padding-bottom: 15px;
}
#front .services-block-three h4 {
  color: #6f6f6f;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 600;
}
#front .services-block-three p {
  margin-bottom: 0;
  color: #757575;
}
#front .services-block-three > a:hover {
  opacity: 1;
  border-color: #d5d5d5;
}
#front a:hover,
#front a:active {
  color: #272727;
  text-decoration: none;
}
#front .services-block-three > a:hover:before,
#front .services-block-three > a:hover:after {
  width: 95%;
  height: 90%;
}
#front .services-block-three {
  margin-bottom: 30px;
}
#front .services-block-three i {
  font-size: 32px;
}
#front .services-block-three > a {
  display: block;
  border: 2px solid #d5d5d5;
  border-radius: 8px;
  text-align: center;
  background: #fff;
  padding: 20px;
  position: relative;
  margin-bottom: 30px;
}
#front .services-block-three > a:before {
  display: block;
  content: "";
  width: 9%;
  height: 17%;
  position: absolute;
  bottom: -2px;
  right: -2px;
  border-bottom: 2px solid #03a9f5;
  border-right: 2px solid #03a9f5;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
#front .services-block-three > a:after {
  display: block;
  content: "";
  width: 9%;
  height: 17%;
  position: absolute;
  top: -2px;
  left: -2px;
  border-top: 2px solid #03a9f5;
  border-left: 2px solid #03a9f5;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
#front .padding-15px-bottom {
  padding-bottom: 15px;
}
#front .services-block-three h4 {
  color: #6f6f6f;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 600;
}
#front .services-block-three p {
  margin-bottom: 0;
  color: #757575;
}
#front .services-block-three > a:hover {
  opacity: 1;
  border-color: #d5d5d5;
}
#front a:hover,
#front a:active {
  color: #272727;
  text-decoration: none;
}
#front .services-block-three > a:hover:before,
#front .services-block-three > a:hover:after {
  width: 95%;
  height: 90%;
}
#front button.btn.btn-secondary.Score-btn {
  background-color: black;
  color: white;
  font-family: "Krona One";
  font-size: 12px;
  font-weight: 400;
  border-radius: 8px;
}
#front ul#pills-tab {
  justify-content: flex-end;
}
#front .nav-pills .nav-link.active,
#front .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: #000000;
}
#front .nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  font-family: "Krona One";
}
#front .nav-link:focus,
#front .nav-link:hover {
  color: #000000;
}
#front .content-wrapper {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding: 0.5rem;
}
#front .news-card {
  border: 0px solid aqua;
  margin: 0.5rem;
  position: relative;
  height: 12rem;
  overflow: hidden;
  border-radius: 0.5rem;
  flex: 1;
  min-width: 290px;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
@media (min-width: 900px) {
  #front .news-card {
    height: 20rem;
  }
}
#front .news-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 80%);
  z-index: 0;
}
#front .news-card__card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  /*     background: rgba(255,0,0,.5); */
}
#front .news-card__image {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: fill;
     object-fit: fill;
  transition: transform 3s ease;
  backface-visibility: hidden;
  position: relative;
  z-index: -1;
}
#front .news-card__text-wrapper {
  position: absolute;
  bottom: 0rem;
  padding: 1rem;
  color: white;
  /*     background-color: rgba(0, 0, 0, 0.4); */
  transition: background-color 1.5s ease;
}
#front .news-card__title {
  transition: color 1s ease;
  margin-bottom: 0.5rem;
}
#front .news-card__post-date {
  font-size: 0.7rem;
  margin-bottom: 0.5rem;
  color: #fff;
}
#front .news-card__details-wrapper {
  max-height: 0;
  opacity: 0;
  transition: max-height 1.5s ease, opacity 1s ease;
}
@media (min-width: 900px) {
  #front .news-card:hover .news-card__details-wrapper {
    max-height: 20rem;
    opacity: 1;
  }
  #front .news-card:hover .news-card__text-wrapper {
    background-color: rgba(0, 0, 0, 0.6);
  }
  #front .news-card:hover .news-card__title {
    color: yellow;
  }
  #front .news-card:hover .news-card__image {
    transform: scale(1.2);
    z-index: -1;
  }
}
#front .news-card__excerpt {
  font-weight: 300;
}
#front .news-card__read-more {
  background: black;
  color: #bbb;
  display: block;
  padding: 0.4rem 0.6rem;
  border-radius: 0.3rem;
  margin-top: 1rem;
  border: 1px solid #444;
  font-size: 0.8rem;
  backface-visibility: hidden;
  text-decoration: none;
  width: 7rem;
  margin-left: auto;
  position: relative;
  z-index: 5;
}
#front .news-card__read-more i {
  position: relative;
  left: 0.2rem;
  color: #888;
  transition: left 0.5s ease, color 0.6s ease;
  backface-visibility: hidden;
}
#front .news-card__read-more:hover i {
  left: 0.5rem;
  color: yellow;
}
#front .find-partner img.img-fluid {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#front .member-info {
  background-color: #ebf5d4;
  padding: 10px;
}
#front .member-info h4 {
  font-size: 14px;
}
#front .img-fluid {
  max-width: 100%;
  width: 100%;
}
#front .resultsMatches .panel-primary {
  margin-bottom: 20px;
  border-color: #F3950F;
  border-radius: 0px;
}
#front .resultsMatches .match-header {
  background: #F3950F;
  border-color: #F3950F;
  border-radius: 0px;
}
#front .white-color {
  color: #fff;
}
#front .resultsMatches .panel-body {
  background: #e3e3e3;
}
#front .team-left,
#front .team-right,
#front .team-score,
#front .match-list .vs {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  zoom: 1;
}
#front .match-list .vs {
  float: none;
  line-height: normal;
  padding: 0 10px;
  display: block;
  margin-top: 15px;
  font-size: 2.5em;
}
#front .team-right.last {
  text-align: left;
}
#front .team-left .runs,
#front .team-right .runs {
  font-weight: 800;
  font-size: 1.8em;
  line-height: 1.2em;
  color: #3b579b;
  padding-top: 20px;
}
#front .team-left .runRate,
#front .team-right .runRate .team-left .overs,
#front .team-right .overs {
  font-size: 0.8em;
  line-height: 1.2em;
  color: #777;
}
#front .winner img,
#front .loser img {
  width: 100px;
  height: 100px;
}
#front .match-list .team-right .score {
  padding-right: 0;
  padding-left: 10px;
  text-align: right;
}
#front .match-content .summary {
  font-size: 1.4em;
  color: #3B579B;
  font-weight: 600;
  line-height: 1.2em;
  margin: 10px 0px;
}
#front .match-content .stadium {
  font-size: 1em;
}
#front .violet-dash-bg {
  background: #6092D1;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  margin-top: 10px;
}
#front .violet-dash-bg:hover {
  background: #6092 D1;
  color: #fff;
  box-shadow: 0 0 0 2px white, 0 0 0 3px #6092D1;
}
@media (max-width: 992px) and (min-width: 768px) {
  #front app-academies .academicslider .swiper-slide {
    width: 100% !important;
  }
  #front .newheader {
    display: none;
  }
  #front .login-page-section .p-tabview .p-tabview-panels {
    width: 80%;
  }
  #front #mobile-menu .mobile-menue .close-icon button {
    right: calc(36% - 5px);
  }
  #front .login-page-section .p-tabview .p-tabview-panels .p-tabview-panels p-tabpanel .p-tabview-panel {
    width: 100%;
    background: #ebf5d4;
  }
  #front .match-date h3 {
    flex-wrap: wrap;
    flex-flow: column;
    grid-gap: 5px;
    gap: 5px;
  }
  #front .tems-image .name h4 {
    font-size: 14px !important;
  }
  #front .breadcrumbs ol {
    display: block;
    font-size: 14px;
    color: #686868;
  }
  #front .breadcrumbs h2 {
    font-size: 20px;
    margin-bottom: 0px;
  }
  #front .col-lg-3.col-md-6.footer-newsletter h4 {
    padding-bottom: 0px !important;
    margin-top: 20px;
  }
  #front .left-side-body .middle {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #front .newheader {
    display: none;
  }
  #front #mobile-menu .mobile-menue .close-icon button {
    right: calc(56% - 10px);
  }
  #front .login-page-section .p-tabview .p-tabview-panels {
    width: 70%;
  }
  #front .mobile-version-header-icon {
    display: block !important;
  }
  #front .top-bar .col-md-9.top-right-bar {
    display: none !important;
  }
  #front .mobile-version-header-icon {
    display: block;
  }
  #front .navbar.order-last.order-lg-0 ul {
    display: none;
  }
  #front .mobile-nav-toggle {
    display: block;
  }
  #front .academicslider .swiper {
    padding-bottom: 0px !important;
  }
  #front .academicslider .swiper-pagination {
    display: none !important;
  }
  #front .tournament-section .table > :not(caption) > * > * {
    font-size: 14px !important;
  }
  #front #footer .col-lg-2 {
    width: 25%;
  }
  #front .col-lg-3.col-md-6.footer-newsletter h4 {
    padding-bottom: 0px !important;
  }
  #front .col-lg-3.col-md-6.footer-newsletter {
    width: 50%;
    margin-top: 15px;
  }
  #front .main-block .tems-image {
    grid-gap: 10px;
    gap: 10px;
  }
  #front .swiper.academicslider {
    padding: 40px 0px;
  }
  #front .main-block .middle {
    width: 35px;
    height: 30px;
    font-size: 12px;
  }
  #front .top-bar .info {
    margin-left: 0px !important;
  }
  #front #News-tt .section-news .news {
    height: 400px !important;
  }
  #front .section-news .center-blog.big-news {
    height: 400px !important;
  }
  #front .section-news .center-blog.big-news .banner-image {
    position: relative;
    height: 100%;
    width: 100%;
  }
  #front .navbar a,
#front .navbar a:focus {
    padding: 10px 0 10px 15px;
  }
  #front .img_992 {
    padding-left: 0px;
  }
  #front .team_992 {
    padding-left: 3px;
  }
}
@media (min-width: 766px) and (max-width: 769px) {
  #front .table-inside-div {
    flex-wrap: wrap;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  #front .login-page-section-top .txt-advert {
    font-size: 28px;
  }
  #front .tems-image {
    grid-gap: 5px !important;
    gap: 5px !important;
  }
  #front #hero {
    padding: 40px 20px !important;
    padding-bottom: 40px !important;
  }
  #front #header .logo img {
    top: -30px;
    max-height: 90px;
  }
  #front .col-md-12.New-filters .container {
    max-width: 100%;
  }
  #front .News {
    padding-bottom: 0px !important;
  }
  #front .Contest-section .Tournament .swiper-slide {
    margin: 0px 0px;
  }
  #front .Contest-section .Tournament .swiper-slide .list {
    margin-bottom: 0px !important;
  }
  #front .Contest-section .section-title {
    padding-bottom: 30px;
  }
  #front .Contest-section .Tournament .swiper-slide .right-side-right .enter-fees .join .join-price {
    font-size: 12px !important;
  }
  #front .col-md-12.section-news {
    margin-top: 0px !important;
  }
  #front .blogs-section .container {
    max-width: 100%;
  }
  #front .blog_card_content a {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #front #shopByCategory .col-md-3 .member img {
    height: 300px !important;
  }
  #front #shopByCategory .col-md-3 .learn-morebtn {
    opacity: 1 !important;
  }
  #front #shopByCategory .learn-morebtn .main-button {
    font-size: 12px;
  }
  #front #footer .footer-top .footer-info h3#footer .footer-top .footer-info h3 .row.find-p-row .col-lg-4 {
    max-width: 50%;
  }
  #front #footer .footer-top .footer-info h3 img {
    width: 30% !important;
  }
  #front #find-partner .col-lg-4 {
    max-width: 50%;
  }
  #front .section-news .center-blog.big-news {
    height: 300px !important;
  }
  #front #News-tt .section-news .news {
    height: 300px !important;
  }
  #front .section-news .center-blog.big-news .banner-image {
    height: 100%;
    width: 100%;
  }
  #front .col-md-12.section-news .col-md-6 {
    margin-top: 0px;
  }
  #front .find-p-row {
    flex-flow: row;
  }
  #front #find-partner {
    padding: 60px 0 !important;
  }
  #front #find-partner .section-title {
    text-align: left !important;
  }
  #front #team .member .member-img img {
    height: 260px;
  }
  #front #team .member {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  #front #academies .section-title {
    margin: 0px 0 5px 0 !important;
  }
  #front .section-news .center-blog.big-news .heading h5 {
    font-size: 12px;
  }
  #front .section-news .news-body .heading h5 {
    font-size: 10px;
  }
  #front .container,
#front .container-md,
#front .container-sm {
    max-width: 95%;
  }
  #front .top-bar .info {
    display: none;
  }
  #front .tt_timetable th {
    font-size: 12px;
  }
  #front .tt_timetable td {
    font-size: 12px;
  }
  #front .action-button button.btn.btn-secondary.Score-btn,
#front .action-button .Schedule-btn {
    min-width: 120px !important;
    font-size: 10px;
  }
  #front .tournament-section .table-section .table > tbody .tournament .media-body h6 {
    font-size: 12px !important;
  }
  #front #find-partner .col-lg-8.pateners-sliders {
    padding-left: 0rem !important;
    max-width: 50%;
  }
  #front .section-title h2 {
    font-size: 24px;
  }
  #front .find-p-row {
    padding: 0px 0px !important;
  }
  #front #find-partner .swiper-slide {
    height: 26rem;
  }
  #front .academic .swiper-pagination {
    display: none;
  }
  #front .academic .swiper-wrapper {
    padding: 30px;
  }
  #front .section-title p {
    font-size: 24px;
  }
  #front #find-partner .swiper {
    padding-top: 0px !important;
  }
  #front .left-banner .clients-slider img {
    height: auto !important;
  }
  #front .col-md-4.right-banner {
    flex-flow: column !important;
    grid-gap: 10px;
    gap: 10px;
  }
  #front .col-md-4.right-banner {
    margin-top: 5px;
  }
  #front .col-md-4.right-banner .col-md-12 {
    width: 100%;
  }
  #front .col-md-4.right-banner img {
    height: 125px !important;
  }
  #front #academies .section-title {
    margin: 0px 0 -20px 0 !important;
  }
  #front .tournament-section .section-title h2 {
    line-height: normal !important;
    line-height: initial !important;
  }
  #front .tournament-section .section-title {
    padding-bottom: 20px !important;
  }
  #front .tournament-section .table > :not(caption) > * > * {
    font-size: 12px !important;
  }
}
@media (max-width: 480px) {
  #front .winner img {
    width: 75px;
    height: 75px;
  }
  #front .loser img {
    width: 75px;
    height: 75px;
  }
  #front .match-content .summary {
    font-size: 1em;
  }
  #front .match-list .team-right .score {
    padding-right: 0;
    padding-left: 40px;
    text-align: right;
  }
  #front .team-left .runs,
#front .team-right .runs {
    font-weight: 800;
    font-size: 1.2em;
  }
  #front .resultsMatches .panel-title {
    font-size: 14px;
  }
}
#front .img-fluid-1 {
  max-width: 100%;
  width: 100%;
  height: 16vh;
}
#front button.add-to-cart {
  font-family: "Krona One";
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
#front button.add-to-cart span {
  font-size: 20px;
  margin-left: 2px;
}
#front .add-to-cart {
  padding: 5px 24px;
}
#front .tt_hours_column .media {
  align-items: center;
}
#front button.btn.btn-secondary.Score-btn {
  text-transform: capitalize;
}
#front #find-partner .swiper {
  width: 100%;
  padding-top: 3.125rem;
}
#front #find-partner .swiper-pagination-bullet,
#front #find-partner .swiper-pagination-bullet-active {
  background: #fff;
}
#front #find-partner .swiper-pagination {
  bottom: 1.25rem !important;
}
#front #find-partner .swiper-slide {
  width: 18.75rem;
  height: 28.125rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: self-start;
  border-radius: 4px;
}
#front #find-partner .swiper-slide h2 {
  color: #fff;
  font-family: "Krona One";
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2;
  margin-bottom: 0.625rem;
  padding: 0 0 0 0;
  text-transform: uppercase;
  margin-bottom: 5px !important;
}
#front #find-partner .col-lg-8.pateners-sliders {
  padding-left: 4rem;
}
#front #find-partner .swiper-slide p {
  color: #dadada;
  font-family: "Mulish";
  font-weight: 300;
  padding: 0 1.563rem;
  line-height: 1.6;
  font-size: 0.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#front #find-partner .swiper-slide a:hover {
  color: #005baa;
}
#front #find-partner .swiper-slide div {
  display: none;
  opacity: 0;
  padding-bottom: 0.625rem;
}
#front #find-partner .swiper-slide-active div {
  display: block;
  opacity: 1;
}
#front #find-partner .swiper-slide--two {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url('Ankita Raina.45834ac2188ce7d89cdb.jpg') no-repeat 50% 50%/cover;
}
#front #find-partner .swiper-slide--three {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url('Rohan Bopanna.ea816acab399e53cb9c9.jfif') no-repeat 50% 50%/cover;
}
#front #find-partner .swiper-slide--four {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url('Mahesh Bhupathi.0614a56b26f80dcc4acf.jpg') no-repeat 50% 50%/cover;
}
#front #find-partner .swiper-slide--five {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url('benjamin_pavard_20180709.a4ca01c2bb90b2f157a9.jpg') no-repeat 50% 50%/cover;
}
#front #find-partner .swiper-3d .swiper-slide-shadow-left,
#front #find-partner .swiper-3d .swiper-slide-shadow-right {
  background-image: none;
}
#front #find-partner .price-details {
  color: #fff;
  width: 100%;
}
#front #find-partner .price-per h1 {
  font-size: 18px;
}
#front #find-partner .price-details .price-per {
  padding: 0 0 0 0px;
  display: flex !important;
  grid-gap: 10px;
  gap: 10px;
  padding-bottom: 0px !important;
}
#front #find-partner .price-details {
  padding-bottom: 0px !important;
}
#front #find-partner .price-details .list {
  grid-gap: 5px;
  gap: 5px;
  font-size: 13px;
  display: flex !important;
  white-space: nowrap;
}
#front #find-partner {
  background: linear-gradient(#393636db, #504f4fe0), url('backtennis7.aacba6abeb2e99258e3d.jpg') fixed center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
#front #find-partner .Price-section h1 {
  font-size: 18px;
  display: contents;
}
#front #find-partner .main-div {
  width: 100%;
}
#front #find-partner .main-div {
  padding: 0px 15px;
}
#front #find-partner .bottom-section {
  padding-bottom: 0px !important;
  align-items: center;
  display: flex !important;
  justify-content: space-between !important;
}
#front #find-partner .bottom-section .Price-section {
  display: flex !important;
  flex-direction: column;
}
#front #find-partner .view-btnn {
  padding: 8px !important;
  background: #ffff;
  font-size: 12px;
  font-weight: bold;
  display: flex !important;
  align-items: center;
  border-radius: 33px;
}
#front .find-p-row {
  padding: 30px 0px;
}
#front #find-partner .section-title button a {
  color: #fff !important;
}
#front .center-blog .banner-image img {
  width: 100%;
}
#front #News-tt .section-news .swiper {
  width: 100%;
  height: 100%;
}
#front #News-tt .section-news .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
}
#front #News-tt .section-news .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
#front #News-tt .section-news .news {
  height: 500px;
}
#front .section-news .news-body {
  position: relative;
  height: 100%;
  cursor: pointer;
  width: 100%;
}
#front .section-news .news-body:hover img {
  scale: 1.2;
}
#front .section-news .news-body img {
  transition: scale 0.5s ease;
}
#front .section-news .news-body .heading {
  position: absolute;
  top: auto;
  font-size: 12px;
  bottom: 10px;
  padding: 0px 10px;
}
#front .section-news .news-body .blog-image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.4);
  top: 0px;
  left: 0px;
}
#front .section-news .news-body .blog-image {
  height: 100%;
}
#front .section-news .news-body .heading h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff;
  font-size: 12px;
}
#front .section-news .news-body .heading .date {
  color: #fff;
}
#front .section-news .center-blog.big-news {
  border-radius: 8px;
  overflow: hidden;
}
#front .section-news .center-blog.big-news .banner-image {
  position: relative;
}
#front .section-news .center-blog.big-news .banner-image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.4);
  top: 0px;
  left: 0px;
}
#front .section-news .center-blog.big-news .heading {
  position: absolute;
  top: auto;
  font-size: 12px;
  bottom: 25px;
  padding: 0px 10px;
  z-index: 1;
  color: #fff;
}
#front #Product .main-button a {
  color: #fff !important;
}
#front .New-filters {
  display: flex;
  justify-content: space-between;
}
#front .tournament-section {
  margin-top: 30px;
}
#front img.img-fluid {
  -o-object-fit: cover;
     object-fit: cover;
}
#front img.brand-img {
  width: 32%;
}
#front #shopByCategory .col-md-3 .member {
  padding: 0px;
}
#front #shopByCategory .col-md-3 .member img {
  height: 600px;
}
#front #shopByCategory .col-md-3 .member {
  position: relative;
  cursor: pointer;
}
#front #shopByCategory .col-md-3 .member:hover .learn-morebtn {
  opacity: 1;
}
#front #shopByCategory .col-md-3 .learn-morebtn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}
#front #shopByCategory .col-md-3 .learn-morebtn button {
  text-transform: uppercase;
}
#front #shopByCategory .col-md-3 .learn-morebtn button:hover {
  background-color: #000000;
  color: #fff;
}
#front .overly {
  background: #0000003b;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}
#front #shopByCategory .col-md-3 .member:hover .overly {
  opacity: 1;
}
#front .Contest-section {
  padding-top: 50px !important;
}
#front .tournament-section {
  background: url('web-background.25106686283a1ea3ee0d.png');
  position: relative;
  background-position: center;
  background-size: cover;
}
#front .tournament-section::after {
  content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  top: 0px;
}
#front .tournament-section .section-title h2 {
  color: #fff !important;
  text-shadow: 2px 4px 6px black;
}
#front .tournament-section .nav-link {
  color: #fff !important;
}
#front .eapps-link {
  display: none !important;
}
#front .eapps-remove-link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  left: 0px;
  top: 0px;
}
#front .eapps-remove-link {
  opacity: 0 !important;
}
#front .eapps-link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  left: 0px;
  top: 0px;
}
#front .eapps-widget:hover .eapps-widget-toolbar {
  opacity: 0 !important;
}
#front .top-bar .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #bad40b;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 8px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
#front .top-bar .info {
  width: auto;
}
#front .top-bar.bg-dark {
  background-color: #20b033 !important;
  box-shadow: 4px -20px 80px #0000003b inset;
}
#front .top-bar .social-links a {
  background: #149821 !important;
  color: #fff !important;
  border: 1px solid #098915 !important;
}
#front .col-md-9.top-right-bar .col-md-12 {
  width: 100%;
  padding-right: 15px;
  flex: 0 0 75%;
}
#front .right-bar-section {
  display: flex;
  align-items: center;
}
#front .col-md-12.main {
  display: flex;
  flex: 100%;
}
#front .col-md-9.top-right-bar {
  display: flex;
  width: auto;
}
#front .marquee {
  width: 100%;
  padding: 0px 15px;
  display: flex;
  align-items: center;
}
#front #News-tt .swiper-button-next {
  right: -15px;
  transform: translateY(0px);
}
#front #News-tt .swiper-button-prev {
  left: -15px;
  transform: translateY(0px);
}
#front .academicslider .swiper {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
#front .academicslider .swiper-slide {
  width: 300px;
  height: 400px;
  box-shadow: none;
  filter: blur(0px);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: self-start;
}
#front .academicslider .swiper-slide-active {
  filter: blur(0px);
}
#front .academicslider .swiper-pagination-bullet,
#front .academicslider.swiper-pagination-bullet-active {
  background: #fff;
}
#front .academicslider .swiper-slide span {
  text-transform: uppercase;
  color: #fff;
  background: #000000;
  padding: 7px 18px 7px 25px;
  display: inline-block;
  border-radius: 0 20px 20px 0px;
  letter-spacing: 2px;
  font-size: 0.8rem;
  font-family: "Krona One";
}
#front .academicslider .swiper-slide--one span {
  background: #62667f;
}
#front .academicslider .swiper-slide--two span {
  background: #087ac4;
}
#front .academicslider .swiper-slide--three span {
  background: #b45205;
}
#front .academicslider .swiper-slide--four span {
  background: #087ac4;
}
#front .academicslider .swiper-slide h2 {
  color: #000;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.4;
  margin-bottom: 15px;
  padding: 25px 45px 0 25px;
  text-transform: capitalize;
}
#front .academicslider .swiper-slide p {
  color: #000;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  display: flex;
  align-items: center;
  padding: 0 25px 35px 25px;
  text-transform: capitalize;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
  overflow: hidden;
}
#front .academicslider .swiper-slide svg {
  color: #000;
  width: 22px;
  height: 22px;
  margin-right: 3px;
}
#front .academicslider .swiper-slide .details em {
  font-style: inherit;
  text-transform: capitalize;
}
#front .swiper-3d .swiper-slide-shadow-left,
#front .swiper-3d .swiper-slide-shadow-right {
  background-image: none;
}
#front div#swiper-wrapper-7da113cc0fb35740 {
  padding: 70px 0px;
}
#front .academic {
  background-color: #f2f2f2;
}
#front .academic::after {
  background-image: url('ac1.e307f95b0554b01a956d.jpg') no-repeat 50% 50%/cover;
}
#front .swiper.academicslider.swiper-coverflow.swiper-3d.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-watch-progress {
  padding: 70px;
  padding-top: 40px;
}
#front #academies .section-title {
  padding-bottom: 15px;
}
#front #academies .section-title {
  margin: 15px 0 5px 0;
}
#front .top-bar .info {
  margin-left: -50px;
}
#front .navbar .dropdown ul li a {
  padding: 10px 15px 10px 15px !important;
  font-size: 12px;
}
#front .section-title h2 a {
  color: #000000;
}
#front .Contest-section .section-title {
  display: flex;
  justify-content: center;
  position: relative;
}
#front .Contest-section .section-title .right-veiw-btn {
  position: absolute;
  right: 25px;
  color: white;
  font-family: "Krona One";
  font-size: 14px;
  font-weight: 400;
  padding: 10px;
  border-radius: 8px;
  background-color: #000;
  height: 40px;
  display: flex;
  align-items: center;
  top: 100%;
  transform: translateY(-85%);
}
#front .Contest-section .section-title .right-veiw-btn a {
  color: #fff;
  display: flex;
  align-items: center;
}
#front .Contest-section .section-title .right-veiw-btn a span {
  display: flex;
  font-size: 24px;
}
#front .Contest-section .main-block {
  overflow: hidden;
}
#front .Contest-section .match-tournament img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  background: #fff;
  padding: 2px;
  margin-right: 5px;
  box-shadow: 1px 1px 4px #0000001f;
}
#front .match-date p {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-family: "Krona One";
}
#front .eapps-instagram-feed-posts-grid-load-more-text.eapps-instagram-feed-posts-grid-load-more-text-visible {
  text-transform: capitalize;
}
#front .match-date h3 {
  font-weight: bold;
}
#front .tournament-section .table-section .table > tbody .tournament .media-left {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
#front .tournament-section .table-section .table > tbody .tournament .media-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#front .tournament-section .table-section .table > tbody .tournament .media-body {
  margin: auto;
  text-align: left;
}
#front .tournament-section .table-section .table > tbody .tournament .media-body h6 {
  font-size: 14px;
  margin-bottom: 0px;
  display: contents;
}
#front .knowmore {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
#front .knowmore span {
  border-radius: 20px 0px 0px 20px !important;
  margin-bottom: 15px;
  position: absolute;
  bottom: 0px;
}
#front #Product .brand-logo {
  position: absolute;
  top: 0px;
  right: 0px;
}
#front .brand-logo .media {
  align-items: center;
  padding-top: 15px;
  text-align: right;
  justify-content: flex-end;
}
#front img.brand-img {
  background: white;
  padding: 4px;
  width: 30%;
  border-radius: 8px;
}
#front .eapps-instagram-feed-title {
  display: none !important;
}
#front .instagramFeed {
  padding-bottom: 0px !important;
}
#front .eapps-instagram-feed-posts-grid-load-more {
  height: auto !important;
  line-height: normal !important;
  line-height: initial !important;
  border-radius: 8px !important;
  background: #000000 !important;
  border: 0 !important;
  padding: 10px 0px !important;
  color: #ffffff !important;
  transition: 0.4s !important;
  border-radius: 8px !important;
  font-family: "Krona One";
  font-weight: 400 !important;
  font-size: 14px !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: auto !important;
  width: auto !important;
  color: #ffffff;
  transition: 0.4s;
  border-radius: 8px;
  padding: 10px 24px !important;
}
#front .section-title.text-left .col-md-12 button {
  color: #ffffff;
  transition: 0.4s;
  border-radius: 8px;
  background: #000000;
  margin: 20px 15px;
  padding: 5px 24px;
}
#front #academies .main-button a {
  color: #fff !important;
}
#front .section-title .icon img {
  width: 40px;
  height: 40px;
}
#front .tournament-section .section-title {
  position: relative;
}
#front .tournament-section .right-veiw-btn {
  position: absolute;
  right: 0px;
  color: white !important;
  font-family: "Krona One";
  font-size: 14px;
  font-weight: 400;
  padding: 10px;
  border-radius: 8px;
  background-color: #000;
  height: 40px;
  display: flex;
  top: 0px;
  align-items: center;
}
#front .tournament-section .right-veiw-btn a {
  color: #fff;
}
#front .tournament-section .right-veiw-btn a span {
  display: flex;
  font-size: 24px;
}
#front .tournament-section .right-veiw-btn a {
  display: flex;
  align-items: center;
}
#front .main-block-footer .media {
  width: 100%;
  align-items: center;
}
#front .main-block-footer .media .col {
  width: calc(33.33% - 15px);
  border-right: 1px solid #f2f2f2;
  padding-right: 0px;
  margin-right: 15px;
}
#front .main-block-footer .media .col .title {
  margin-bottom: 5px;
  color: #686868;
}
#front .main-block-footer .media .col h5 {
  margin-bottom: 0px;
  font-size: 14px;
}
#front .main-block-footer .media .col:last-child {
  margin-right: 0px;
  width: 33% !important;
}
#front .main-block-footer .media .col:first-child .media .icon {
  margin-right: 10px;
}
#front .main-block-footer .media .people {
  color: #68686866;
}
#front .main-block-footer .media .people span {
  font-weight: 600;
  color: #000000;
}
#front .match-date h3 {
  display: flex;
  justify-content: center;
}
#front .match-date h3 #demo {
  margin-left: 5px;
  margin-bottom: 0px;
}
#front #find-partner .section-title.text-left .col-md-12 button {
  font-family: "Krona One";
  font-size: 14px;
  padding: 10px 24px;
}
#front .eapps-instagram-feed-posts-grid-load-more-container.eapps-instagram-feed-posts-grid-load-more-enabled {
  text-align: center;
}
#front .action-button button.btn.btn-secondary.Score-btn {
  padding: 10px 10px;
  min-width: 150px;
  margin-bottom: 10px;
}
#front .col-md-12.main-block-footer.p-3 {
  padding: 10px !important;
}
#front .match-date h3 strong {
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  #front {
    /* #contest #pills-tabContent {
      padding-right: 0px;
    } */
  }
  #front section#team .section-title {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
  #front .Contest-section .swiper-slide .col-md-12.list {
    margin-top: 0.5rem !important;
    margin-bottom: auto !important;
  }
  #front #News-tt .news-headig h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  #front .instagramFeed {
    margin-bottom: -15px !important;
  }
  #front section#academies .academic-short-description {
    padding: 0px 15px;
    font-size: 14px;
  }
  #front .panel-body .table-condensed {
    margin: 15px 0px;
  }
  #front .blogs-section .blog_card {
    margin: 20px 10px;
  }
  #front .blogs-section .col-md-12 {
    padding: 0px !important;
  }
  #front .section-news .center-blog.big-news {
    height: 300px !important;
  }
  #front .container {
    width: 100%;
    max-width: 100%;
  }
  #front .Contest-section {
    padding-top: 0px !important;
    padding-bottom: 20px !important;
  }
  #front .ds-truncate {
    padding-left: 10px;
    padding-right: 10px;
  }
  #front .tems-image .name h4 {
    font-size: 16px;
  }
  #front .tems-image img {
    width: 35px;
    height: 35px;
  }
  #front .match-date {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #front .main-block .middle {
    font-size: 12px;
    padding: 10px;
  }
  #front .main-block .tems-image {
    grid-gap: 15px;
    gap: 15px;
  }
  #front .match-date h3,
#front .match-date p {
    margin: 0px;
    font-size: 12px !important;
    margin-bottom: 15px;
    margin-left: 5px;
    grid-gap: 4px;
    gap: 4px;
  }
  #front .match-date h3 strong,
#front .match-date h3 p {
    margin-left: 0px !important;
  }
  #front .main-block-footer .media .col .title {
    font-size: 12px;
    color: #686868;
  }
  #front .main-block-footer .media .col:first-child .media .icon {
    margin-right: 5px;
  }
  #front .action-button button.btn.btn-secondary.Score-btn,
#front .action-button .Schedule-btn {
    font-size: 10px;
  }
  #front .action-button button.btn.btn-secondary.Score-btn,
#front .action-button .Schedule-btn {
    min-width: calc(50% - 10px);
    margin: 10px 4px;
  }
  #front .action-button {
    padding: 0px 5px;
  }
  #front .button.btn.Schedule-btn {
    position: relative;
    top: -2px;
  }
  #front .eapps-widget-toolbar {
    display: none !important;
  }
  #front .tournament-section {
    margin-top: 10px;
  }
  #front .Tournament .swiper-slide {
    margin: 0px 0px;
  }
  #front .mobile-version-view {
    display: block !important;
  }
  #front .instagramFeed .section-title h2 {
    margin-bottom: 0px !important;
  }
  #front #team .section-title h2 {
    line-height: inherit !important;
    margin-bottom: 0px;
  }
  #front #team .Pro-Player .member {
    width: 100%;
    margin-top: 0px;
  }
  #front .academicslider .swiper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
#front .mobile-version-view {
  display: none;
}
#front .modal-body.pay .field {
  margin-bottom: 25px;
}
#front .modal-body.pay .field.full {
  width: 100%;
}
#front .modal-body.pay .field.half {
  width: calc(50% - 12px);
}
#front .modal-body.pay .field label {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 8px;
}
#front .modal-body.pay .field input {
  padding: 12px;
  border-radius: 6px;
  border: 2px solid #e8ebed;
  display: block;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}
#front .modal-body.pay .field input:placeholder {
  color: #e8ebed !important;
}
#front .modal-body.pay .flex {
  display: flex;
  flex-direction: row wrap;
  align-items: center;
}
#front .modal-body.pay .flex.justify-space-between {
  justify-content: space-between;
}
#front .modal-body.pay .card {
  padding: 50px;
  margin: 50px auto;
  max-width: 850px;
  background: #fff;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 0px 24px 60px -1px rgba(37, 44, 54, 0.14);
}
#front .modal-body.pay .card .container {
  max-width: 700px;
  margin: 0 auto;
}
#front .modal-body.pay .card .card-title {
  margin-bottom: 50px;
}
#front .modal-body.pay .card .card-title h2 {
  margin: 0;
}
#front .modal-body.pay .card .card-body .payment-type,
#front .modal-body.pay .card .card-body .payment-info {
  margin-bottom: 25px;
}
#front .modal-body.pay .card .card-body .payment-type h4 {
  margin: 0;
}
#front .modal-body.pay .card .card-body .payment-type .types {
  margin: 25px 0;
}
#front .modal-body.pay .card .card-body .payment-type .types .type {
  width: 30%;
  position: relative;
  background: #f2f4f7;
  border: 2px solid #e8ebed;
  padding: 25px;
  box-sizing: border-box;
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
  transition: all 0.5s ease;
}
#front .modal-body.pay .card .card-body .payment-type .types .type:hover {
  border-color: #28333b;
}
#front .modal-body.pay .card .card-body .payment-type .types .type:hover .logo,
#front .modal-body.pay .card .card-body .payment-type .types .type:hover p {
  color: #28333b;
}
#front .modal-body.pay .card .card-body .payment-type .types .type.selected {
  border-color: #40b3ff;
  background: rgba(64, 179, 255, 0.1);
}
#front .modal-body.pay .card .card-body .payment-type .types .type.selected .logo {
  color: #40b3ff;
}
#front .modal-body.pay .card .card-body .payment-type .types .type.selected p {
  color: #28333b;
}
#front .modal-body.pay .card .card-body .payment-type .types .type.selected::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  height: 40px;
  width: 40px;
  top: -21px;
  right: -21px;
  background: #fff;
  border: 2px solid #40b3ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#front .modal-body.pay .card .card-body .payment-type .types .type .logo,
#front .modal-body.pay .card .card-body .payment-type .types .type p {
  transition: all 0.5s ease;
}
#front .modal-body.pay .card .card-body .payment-type .types .type .logo {
  font-size: 48px;
  color: #8a959c;
}
#front .modal-body.pay .card .card-body .payment-type .types .type p {
  margin-bottom: 0;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #8a959c;
}
#front .modal-body.pay .card .card-body .payment-info .column {
  width: calc(50% - 25px);
}
#front .modal-body.pay .modal-body.pay .card .card-body .payment-info .title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#front .modal-body.pay .card .card-body .payment-info .title .num {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 2px solid #40b3ff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: 12px;
  font-size: 12px;
}
#front .modal-body.pay .button {
  text-transform: none;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.5px;
  padding: 10px 25px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.5s ease;
  background: transparent;
  border: 2px solid transparent;
}
#front .modal-body.pay .button.button-link {
  padding: 0 0 2px;
  margin: 0 25px;
  border-bottom: 2px solid #d4ee26;
  border-radius: 0;
  opacity: 0.75;
}
#front .modal-body.pay .button.button-link:hover {
  border-bottom: 2px solid #d4ee26;
  opacity: 1;
}
#front .modal-body.pay .button.button-primary {
  background: #000;
  color: #fff;
  border-radius: 8px;
}
#front .modal-body.pay .button.button-primary:hover {
  background: #000;
  color: #fff;
  text-transform: none !important;
}
#front .modal-body.pay .button.button-secondary {
  background: transparent;
  border-color: #e8ebed;
  color: #8a959c;
}
#front .modal-body.pay .button.button-secondary:hover {
  border-color: #28333b;
  color: #28333b;
}
#front .payment-type h4 {
  font-size: 18px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
}
#front .payment-type .types {
  flex-direction: column;
  width: 30%;
  float: left;
}
#front .payment-info {
  width: 100%;
  background-color: transparent;
}
#front .payment-type .types .type {
  cursor: pointer;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
}
#front .payment-type .types .type p {
  margin-bottom: 0px;
}
#front .row.card.number {
  max-width: none;
  max-width: initial;
  background: transparent;
  border-radius: 0px;
  box-sizing: none;
  box-shadow: none;
  border: none;
}
#front .row.card.number {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 10px 50px;
}
#front .payment-type .types .type .logo i {
  font-size: 30px;
}
#front .col-md-12.card-field {
  width: 80%;
  margin: auto;
  margin-bottom: 15px;
}
#front .col-md-12.card-field .form-group {
  margin-bottom: 10px;
}
#front .col-md-12.card-field .form-group label {
  font-size: 14px;
  margin-bottom: 10px;
}
#front .payment-type .types .type .text {
  width: 100%;
}
#front .addpyment-wallet {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: end;
  text-align: left;
}
#front .add-cash-btn button {
  padding: 5px;
  font-size: 14px;
  border-radius: 6px;
  background: #d4ee26;
}
#front .type.selected {
  background: #d4ee26;
  color: #000;
}
#front .total-wallet span {
  color: #8a959c;
  font-weight: normal;
  font-size: 14px;
}
#front .well {
  border-left: 1px solid #f2f2f2f2;
}
#front .card-actions {
  padding-top: 15px;
  border-top: 1px solid #f2f2f2;
}
#front .type.selected .avtive {
  display: block;
}
#front .avtive {
  display: none;
}
#front .wallet-screen .total-amount .wallet-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  grid-gap: 10px;
  gap: 10px;
}
#front .wallet-screen .total-amount .wallet-icons h1 {
  margin-bottom: 0px;
  font-size: 14px;
}
#front .wallet-screen .total-amount .wallet-icons .bx {
  font-size: 60px;
  color: #686868;
}
#front .ADD-cash {
  width: 80%;
  margin: auto;
}
#front .ADD-cash label {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0px;
  padding: 0px 15px;
}
#front .ADD-cash label input {
  width: 100% !important;
  padding-left: 45px;
  padding-right: 45px;
}
#front .ADD-cash label .icon {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
}
#front .ADD-cash label .icon .bx.bx-money {
  font-size: 24px;
}
#front .total-amt {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}
#front .total-amt button {
  padding: 5px 10px;
  margin: 0px;
  width: 100%;
  height: 100%;
  border-radius: 0px 6px 6px 0px;
  background: #d4ee26;
}
#front .col-md-12.add-buttons ul {
  list-style: none;
  padding: 0px;
  display: flex;
  justify-content: center;
  grid-gap: 15px;
  gap: 15px;
}
#front .col-md-12.add-buttons ul li {
  width: 33.33%;
}
#front .col-md-12.add-buttons ul li button {
  width: 100%;
  height: 40px;
}
#front .col-md-12.add-buttons ul li.active button {
  background: #000;
  color: #fff;
}
#front .add-pay {
  text-align: center;
  margin-top: 30px;
}
#front .add-pay button {
  padding: 10px 25px;
  border-radius: 6px;
  background: #d4ee26;
  font-size: 14px;
}
#front .col-md-12.add-buttons {
  padding: 10px 15px;
  margin-bottom: 50px;
  margin-top: 20px;
}
#front .wallet-screen .total-amount {
  margin-bottom: 40px;
}
#front .wallet-screen {
  border-left: 1px solid #f2f2f2f2;
}
#front .jp-card .jp-card-front,
#front .jp-card .jp-card-back {
  background: #d4ee26 !important;
}
#front .jp-card .jp-card-front .jp-card-display,
#front .jp-card .jp-card-back .jp-card-display {
  color: black !important;
}
#front .jp-card .jp-card-front .jp-card-lower .jp-card-name,
#front .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before,
#front .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
  font-family: "Lato", sans-serif !important;
}
#front section#contest {
  padding-bottom: 30px;
}
#front .tournament-section .main-button {
  /* box-shadow: 0px 0px 4px inset #ffffff75; */
  box-shadow: 0px 0px 9px #ffffff8c;
  border: 1px solid;
}
#front .col.text-right {
  text-align: right;
}
#front .progress {
  --bs-progress-bar-bg: #d4ee26;
}
#front .coin-image {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-shadow: 0px 1px 3px #00000040;
}
#front .section-news .center-blog.big-news {
  height: 500px;
}
#front .section-news .center-blog.big-news .banner-image {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 360px) {
  #front .Contest-section .match-date h3 {
    flex-flow: column;
  }
  #front .section-news .center-blog.big-news {
    height: 230px !important;
  }
  #front li.mobile-footer span {
    font-size: 10px !important;
  }
  #front .tournament-section .table > :not(caption) > * > * {
    font-size: 10px !important;
  }
  #front .Tournament .swiper-slide .right-side-right .enter-fees .join .join-price {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 380px) {
  #front #shopByCategory .col-md-3 .learn-morebtn button {
    font-size: 11px !important;
    padding: 15px 10px !important;
  }
  #front .match-date h3 {
    flex-wrap: wrap;
  }
  #front li.mobile-footer span {
    font-size: 10px !important;
  }
}
#front .Tournament .swiper-slide {
  padding: 10px;
}
#front .Tournament .swiper-slide .list {
  border-radius: 8px;
}
#front .join-btn button {
  border: none;
}
#front .Tournament .swiper-slide .right-side-right .enter-fees .join .join-price {
  font-size: 14px !important;
}
#front #News-tt .people-joined ul {
  justify-content: flex-end;
}
#front .panel-body .table-condensed {
  background: #ebf5d4;
  width: 100%;
  border-radius: 8px;
  box-shadow: 1px 4px 4px #00000012;
  overflow: hidden;
}
#front .panel-body .table-condensed thead {
  background-color: #d4ee26;
}
#front .hiddenRow {
  padding: 0px !important;
}
#front .Tournament-head {
  width: 33%;
}
#front .date-head {
  width: 25%;
}
#front .table > :not(caption) > * > * {
  font-size: 15px;
  padding: 8px 5px;
}
#front .panel-body .table-condensed thead th {
  font-family: "Krona One";
  font-weight: 400;
  font-size: 10px;
}
#front .panel-body .table-condensed tbody td {
  align-items: center;
  vertical-align: middle;
}
#front td.Cut {
  text-align: center;
}
#front .hiddenRow .action-button br {
  display: none;
}
#front .close-inner-icon {
  display: none;
}
#front .table-inside-div {
  display: flex;
  padding: 10px;
  justify-content: space-between;
}
#front .table-inside-div .Categories span,
#front .table-inside-div .Surface span {
  font-weight: 600;
  color: #000;
  margin-left: 6px;
}
#front .panel.panel-default {
  display: none;
}
#front .tournament-section .table > :not(caption) > * > * {
  font-size: 16px;
}
#front .tems-image .name h4 {
  font-weight: bold;
}
#front .time-bold {
  font-weight: bolder;
  margin-left: 5px;
}
#front .academic-short-description {
  max-width: 600px;
  margin: auto;
  margin-top: 30px;
}
#front .credits a img {
  width: 80px;
  margin-left: 4px;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
#front .footer-top .container .row {
  align-items: flex-start;
}
#front #footer .footer-top .col-lg-2 {
  margin-top: 15px;
}
#front #front .modal-content {
  background-color: #ffffff;
}
#front .media.user-div .user-image img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #fff;
}
#front .media.user-div .media-left {
  margin-right: 1rem;
}
#front .media.user-div .media-body {
  margin: auto 0px;
}
#front .media.user-div .media-body h1 {
  margin-bottom: 0px;
  font-size: 14px;
}
#front .hover-div {
  display: none;
}
#front .right-bar-list ul {
  align-items: center;
}
#front .user-account-page {
  position: relative;
}
#front .user-account-page .hover-div {
  position: absolute;
  z-index: 99999;
  background: transparent;
  width: 100%;
  height: 100%;
  min-width: 192px;
  right: 0px;
  top: 100%;
}
#front .user-account-page .hover-div ul {
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  padding: 10px 0px;
  align-items: flex-start;
  cursor: pointer;
  margin-top: 10px;
  min-width: 215px;
}
#front .user-account-page .hover-div ul li {
  padding: 10px 10px;
  transition: 0.5s ease;
  width: 100%;
  margin-right: 0px;
}
#front .user-account-page .hover-div ul li a {
  font-size: 12px;
  font-family: "Krona One";
  font-weight: 400;
  text-decoration: none;
  display: flex;
}
#front .user-account-page .hover-div ul li i {
  font-size: 18px;
}
#front .user-account-page .hover-div ul li:hover {
  background-color: #1fa83130;
}
#front .user-account-page:hover .hover-div {
  display: block;
}
#front .total-amount .col-md-12.add-buttons .heading h2 {
  font-size: 12px;
}
#front .col-md-12.add-buttons ul {
  flex-direction: column;
}
#front .col-md-12.add-buttons ul li {
  width: 100%;
}
#front .col-md-12.add-buttons ul li label {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
}
#front .col-md-12.add-buttons ul li label .buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
#front .col-md-12.add-buttons ul li label input {
  margin-top: 0px;
  margin-right: 10px;
}
#front .col-md-12.add-buttons {
  margin-bottom: 0px;
}
#front .wallet-screen .total-amount {
  margin-bottom: 0px;
}
#front .addmore {
  background: #000;
  padding: 8px;
  color: #fff;
  width: 80px;
  text-align: center;
  border-radius: 6px;
}
#front .Balance {
  display: flex;
  grid-gap: 5px;
  gap: 5px;
  align-items: center;
  font-size: 14px;
}
#front .form-check-input:checked {
  background-color: #1d9d2e;
  border-color: #1d9d2e;
}
#front .btn:first-child:active {
  background-color: #000;
  color: #fff;
}
#front .iama label {
  font-size: 14px;
}
#front .start-list ul {
  display: flex;
  list-style: none;
  grid-gap: 5px;
  gap: 5px;
  padding: 0px;
  margin-top: 1rem;
}
#front .start-list ul li {
  cursor: pointer;
}
#front .start-list ul li i {
  font-size: 30px;
}
#front .review-form textarea {
  width: 100%;
  border-radius: 8px;
  padding: 1rem;
  border: 1px solid #000000;
}
#front :focus-visible {
  outline: none;
}
#front .review-body .button-secondary {
  background: #000000;
  border: 0;
  padding: 10px 24px;
  color: #ffffff;
  transition: 0.4s;
  border-radius: 8px;
  font-family: "Krona One";
  font-weight: 400;
  font-size: 14px;
}
#front .review-body .card-actions {
  padding-top: 15px;
  margin-top: 15px;
  border-top: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
}
#front .wallet-screen .col-md-12.add-buttons .col-md-12.text-center {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #0000003d;
  padding-top: 20px;
}
#front #login .footer-buttons-section {
  padding-bottom: 0px !important;
}
#front .cash-ms,
#front .coin-ms {
  font-size: 14px;
}
#front .thankyou-modal .Thank-you-gif img {
  width: 100%;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 30px auto;
  margin-bottom: 1pc;
}
#front .thankyou-modal h1 {
  font-size: 30px;
  margin: 20px !important;
}
#front #thankyou .close {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 15px;
  top: 15px;
  background: #000;
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
  z-index: 1;
}
#front #thankyou .close span {
  color: #fff;
  font-size: 14px;
}
#front .thankyou-modal .lead {
  font-size: 16px;
  font-weight: 300;
  width: 80%;
  margin: auto;
  margin-bottom: 30px;
}
#front #Pay .btn-close {
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
  z-index: 1;
  opacity: 1;
}
#front #Pay .btn-close span {
  color: #fff;
  font-size: medium;
}
#front #terms .btn-close {
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
  z-index: 1;
  opacity: 1;
}
#front #terms.btn-close i {
  color: #fff;
  font-size: medium;
}
#front #login .btn-close {
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
  z-index: 1;
  opacity: 1;
}
#front #login .modal-header {
  border-bottom: none !important;
  position: absolute;
  right: 0px;
}
#front #login.btn-close i {
  color: #fff;
  font-size: medium;
}
#front .swiper.blogs-slider {
  padding: 0px 10px;
}
#front .blogs-section .section-title {
  padding-bottom: 20px;
}
#front .not-found-section {
  text-align: center;
}
#front .not-found-section {
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid #f2f2f2;
  padding-bottom: 30px;
}
#front .not-found-section .not-found-body {
  width: 50%;
  margin: auto;
}
#front .not-found-section .not-found-body h4 {
  margin-top: -25px;
  font-size: 22px;
  line-height: 1.5em;
}
#front .not-found-section p {
  margin: 20px auto;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 1.4em !important;
  color: #686868 !important;
}
#front .not-found-section .col-md-12 button {
  background: #000;
  color: #ffffff;
  border: 1px solid #000;
  box-shadow: 1px 2px 3px #0000004d;
  border-radius: 6px;
  font-size: 14px;
  padding: 5px 10px;
  margin-bottom: 30px;
  margin-top: 10px;
}
#front .eapps-instagram-feed-content::after {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  height: 55px;
  background: black;
  z-index: 1111111111;
}
#front .instagramFeed {
  margin-bottom: -60px;
}
#front .eapps-instagram-feed-posts-container {
  padding: 30px 0px;
}
#front .eapps-instagram-feed-posts-grid-load-more {
  margin: 50px auto !important;
  margin-bottom: 20px !important;
}
#front .instagramFeed .section-title {
  padding-bottom: 0px !important;
}
@media (max-width: 1399px) and (min-width: 991px) {
  #front .Contest-section .match-date h3 {
    flex-wrap: wrap;
    grid-gap: 5px;
    gap: 5px;
  }
  #front .tems-image .name h4 {
    font-size: 14px;
  }
  #front .Contest-section .tems-image {
    grid-gap: 5px;
    gap: 5px;
  }
}
@media screen and (max-width: 403px) {
  #front .Contest-section .match-date h3 {
    font-size: 10px !important;
  }
  #front .Contest-section .prize-pool-heading {
    font-size: 10px;
  }
}
#front .wallte-indicatoir .media {
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  background-color: #fff;
  border-radius: 6px;
  padding: 5px 5px;
  cursor: pointer;
}
#front .wallte-indicatoir .media .media-left .icon {
  font-size: 30px;
  color: #686868;
  line-height: normal;
  line-height: initial;
  margin: auto 0px !important;
  display: flex;
}
#front .wallte-indicatoir .media .media-body h6 {
  font-size: 10px;
  margin-bottom: 0px;
  color: #686868;
}
#front .wallte-indicatoir .media .media-body h2 {
  font-size: 14px;
  margin-bottom: 0px;
}
#front .wallte-indicatoir .media .media-right i {
  font-size: 18px;
  color: #686868;
}
#front .wallte-indicatoir.dropdown.user-account-page .hover-div {
  min-width: 440px;
}
#front .total-balance {
  width: 100%;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  padding: 10px;
  border-bottom: 1px solid #d0d0d0;
}
#front .total-balance .lists {
  width: 50%;
  text-align: center;
  border: 1px solid #cecece;
  border-radius: 6px;
  padding: 0px 10px;
}
#front .total-balance .lists h6 {
  font-size: 12px;
  margin-top: 10px;
  color: #686868;
  white-space: nowrap;
}
#front .total-balance .lists h2 {
  font-size: 16px;
  white-space: nowrap;
}
#front .image-card > img {
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  #front app-product .team .member .member-info h4 {
    font-size: 12px !important;
  }
}
@media (max-width: 550px) and (min-width: 320px) {
  #front app-product .team .member .member-info h4 {
    font-size: 10px;
  }
  #front app-product button.add-to-cart {
    font-size: 12px !important;
    padding: 5px 15px !important;
    width: auto;
    margin: 15px auto !important;
  }
}
/*main fornt end close */
.footer-newsletter form .btn-custom.primary {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background-color: #20b033 !important;
  box-shadow: 4px -20px 41px #0000003b inset;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}
.footer-newsletter .form-control.is-invalid:focus {
  box-shadow: none;
}
.modal-header.card-title.qizeheader {
  width: 100%;
}
#terms .form-check .form-check-input {
  margin-left: -1em !important;
}
app-product .swiper-button-prev.swiper-button-disabled,
app-product .swiper-button-next.swiper-button-disabled {
  display: none !important;
}
app-product .swiper-button-next,
app-product .swiper-button-prev {
  height: 30px;
  background: #d4ee26;
  width: 30px;
  border-radius: 50%;
  font-size: 10px;
  opacity: 0;
  transition: 0.5s ease;
  font-size: 16px;
  color: #fff;
}
app-product .swiper.shop:hover .swiper-button-next,
app-product .swiper.shop:hover .swiper-button-prev {
  opacity: 1;
}
app-product .swiper.shop:hover .swiper-button-next::after,
app-product .swiper.shop:hover .swiper-button-prev::after {
  font-size: 16px !important;
}
/*Body colors */
.body-dark {
  background-color: #000 !important;
}
@media screen and (max-width: 767px) {
  .supported-by .container {
    padding-bottom: 40px !important;
  }

  .login-page-section-top {
    width: 100%;
    position: relative;
  }

  .not-found-section .not-found-body {
    width: 100% !important;
  }

  .not-found-section {
    min-height: auto !important;
  }
}
.heighlight-section .p-tabview-nav {
  justify-content: center;
  border: none;
}
.heighlight-section .p-highlight a {
  color: #151515 !important;
  background: #EBF5D4 !important;
  background-color: #20b033 !important;
  box-shadow: 4px -16px 11px #0000002e inset;
  color: #fff !important;
}
.heighlight-section .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
@media (max-width: 768px) {
  app-media #News-tt {
    padding-bottom: 60px !important;
    padding-top: 40px !important;
    background: #f2f2f2;
  }

  .banner-image-div img {
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center !important;
       object-position: center !important;
  }

  app-media .heighlight-section .p-tabview-nav {
    margin-top: 30px;
  }

  app-media .heighlight-section .p-tabview-nav {
    justify-content: flex-start;
  }

  #front .login-page-section-top .effect-cover {
    visibility: hidden !important;
  }
}
app-highlights .heighlight-section p-tabview {
  background-color: transparent !important;
}
app-highlights .heighlight-section .p-tabview .p-tabview-panels {
  background-color: transparent !important;
}
app-highlights .heighlight-section .p-tabview .p-tabview-panels,
app-highlights .heighlight-section .p-tabview .p-tabview-nav {
  background-color: transparent !important;
  background: transparent !important;
}
app-highlights .heighlight-section .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  background: transparent;
  color: #fff !important;
}
app-highlights .heighlight-section .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  color: #fff !important;
}
app-highlights .heighlight-section .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  background: transparent;
}
app-highlights .heighlight-section .p-tabview .p-tabview-nav li {
  border-radius: 6px;
  overflow: hidden;
}
.login-page-section-top .banner-image-div {
  position: absolute !important;
  top: 0px;
  left: 0px;
}
.login-page-section-top .banner-image-div * {
  height: 100%;
}
.login-page-section-top .banner-image-div img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}
.login-page-section-top .container {
  margin: auto;
}
/*Login-page*/
.login-page-section-top .headings.image-card {
  border-radius: 0px !important;
}
.login-page-section-top .headings.image-card img {
  border-radius: 0px !important;
}
.login-page-section .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  text-align: center;
  min-width: 150px;
  display: flex;
  justify-content: center;
  border: 1px solid #f2f2f2;
  background-color: #f2f2f2;
  border-radius: 0px;
  padding: 20px 45px;
}
.login-page-section .p-tabview .p-tabview-nav .p-highlight a {
  background: #0f2027;
  color: #fff !important;
  border: none;
}
.login-page-section .p-tabview .p-tabview-nav li a {
  border: none;
}
.login-page-section .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  border-color: transparent;
  background-color: #f2f2f2;
}
.login-page-section .p-tabview .p-tabview-nav li a:hover {
  color: inherit !important;
}
.login-page-section .p-tabview .p-tabview-nav .p-highlight a:hover {
  color: #fff !important;
}
.login-page-section .p-tabview-nav-content {
  text-align: center;
}
.login-page-section p-password .p-password {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}
.login-page-section p-password div:first-child {
  height: 100%;
}
.login-page-section p-password .p-inputtext.p-component {
  height: 100%;
  background: #f9f9f9;
}
.login-page-section p-password .p-inputtext {
  border-radius: 0px !important;
}
.login-page-section .pi-eye {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  margin-top: -0.5rem;
}
.login-page-section label {
  font-size: 16px;
  color: #000;
}
.login-page-section .p-tabview-nav {
  border-radius: 33px;
  overflow: hidden;
  width: auto;
  display: inline-flex !important;
}
.login-page-section .p-tabview p-password .p-password {
  width: 100% !important;
  height: 100% !important;
}
.login-page-section .p-tabview .p-inputtext {
  width: 100%;
}
.login-page-section .p-tabview p-password input-icon-right > i {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
}
.login-page-section .p-tabview p-password .p-password input {
  width: 100% !important;
  border-radius: 0px !important;
  height: 100%;
}
.login-page-section .p-tabview .p-tabview {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 50px 30px;
  margin-bottom: 50px;
  border: 1px solid #eee;
  background: #ebf5d4;
  border-radius: 12px;
}
.login-page-section .p-tabview .p-tabview .login-page .form-control {
  position: relative;
  padding: 0px !important;
}
.login-page-section .p-tabview .p-tabview-panels {
  width: 33%;
  display: block;
  margin: 10px auto;
  padding: 0px;
}
.login-page-section .p-tabview .p-tabview-panels .p-tabview-panels {
  width: 100% !important;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
}
.login-page-section .p-tabview .p-tabview-panels .p-tabview-panels p-tabpanel {
  width: 100% !important;
  margin: 0px auto;
  display: flex;
  flex: 0 0 100%;
}
.login-page-section .p-tabview .p-tabview-panels .p-tabview-panels p-tabpanel .p-tabview-panel {
  width: 100%;
}
.login-page-section .p-tabview .p-tabview .p-tabview-panels {
  padding: 0px !important;
}
.login-page-section .p-tabview .p-tabview .container {
  max-width: 100%;
  background-color: red;
  padding: 0px !important;
}
.login-page-section .p-tabview .p-tabview .container .login-page {
  width: 100% !important;
  background-color: #ebf5d4 !important;
  border-radius: 0px !important;
  border: none !important;
  box-shadow: none !important;
}
.login-page-section .p-tabview .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border-radius: 0px !important;
}
.login-page-section .login-form .p-inputnumber {
  width: 100%;
}
.login-page-section .p-inputnumber,
.login-page-section p-inputnumber {
  width: 100%;
}
.login-page-section .Phone p-inputnumber {
  margin-bottom: 10px;
}
.login-page-section .registration-forms .p-tabview-panel {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 50px 30px;
  margin-bottom: 50px;
  border: 1px solid #eee;
  background: #ebf5d4;
  border-radius: 12px;
}
.login-page-section .registration-forms .p-tabview-panel .login-page.ragister-page-div {
  width: 100% !important;
  box-shadow: none !important;
  border: none !important;
}
.login-page-section .registration-forms .login-page.ragister-page-div {
  padding: 0px !important;
}
.login-page-section .registration-forms .login-page.ragister-page-div label {
  display: block !important;
}
.login-page-section .registration-forms .p-dropdown {
  width: 100%;
}
.login-page-section .registration-forms .p-inputtext {
  width: 100%;
}
.login-page-section .registration-forms p-password input-icon-right > i {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
}
.login-page-section .registration-forms p-password .p-password input {
  width: 100% !important;
  border-radius: 0px !important;
  height: 100%;
}
.login-page-section .p-dropdown-items {
  flex-wrap: wrap;
  flex-flow: column !important;
}
.login-page-section .login-page-ui .p-tabview-nav {
  border-radius: 0px !important;
}
.login-page-section .login-page-ui .login-page {
  padding: 10px 0px !important;
}
.login-page-section .login-page-ui .p-tabview-nav li .p-tabview-nav-link {
  padding: 15px 30px !important;
}
.login-page-section .login-page-ui .p-tabview-nav li .p-tabview-nav-link {
  background-color: #ebf5d4;
}
.login-page-section .login-page-ui .p-tabview .p-tabview-nav {
  border-bottom: none;
}
.login-page-section .login-page-ui .p-tabview-nav-content {
  border-bottom: 1px solid #dee2e6;
}
.login-page-section .login-page-ui .p-highlight .p-tabview-nav-link {
  background-color: #ffffff !important;
}
.login-page-section .login-page-ui .p-highlight .p-tabview-nav-link span {
  color: #000;
}
.login-page-section .p-inputtext,
.login-page-section .form-control {
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  height: 40px;
  padding: 0 10px;
  width: 100%;
  font-size: 12px;
  margin-bottom: 20px;
  color: #333;
  border-radius: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.login-page-section .p-dropdown {
  width: 100%;
  border-radius: 0px;
  background: #f9f9f9;
}
.login-page-section .p-dropdown input {
  margin-bottom: 0px;
}
.login-page-section .p-dropdown-label {
  margin-bottom: 0px;
  line-height: 40px;
}
.login-page-section .ragister-page-div p-password {
  padding: 0px !important;
}
.login-page-section .ragister-page-div .p-dropdown-trigger {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.login-page-section .ragister-page-div p-password {
  position: relative;
}
.login-page-section .p-calendar,
.login-page-section p-calendar {
  width: 100%;
}
.login-page-section p-calendar input {
  margin-bottom: 0px !important;
}
.login-page-section .roles .lists {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .Otp.login-page {
    padding: 10px 0px !important;
  }

  .login-page-section .p-tabview-nav {
    padding: 0px !important;
  }

  .login-page-section .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    padding: 15px 30px;
  }

  .login-page-section .p-tabview .p-tabview-panels {
    width: 100%;
  }

  .login-page-section .login-page-ui .p-tabview-nav li .p-tabview-nav-link {
    padding: 15px 10px !important;
  }

  .login-page-section .registration-forms {
    padding: 0px !important;
  }

  .login-page-section .registration-forms .container {
    padding: 0px !important;
  }

  .login-page-section .registration-forms .container .col-md-12 {
    padding: 0px;
  }

  .login-page-section .login-page {
    padding-top: 0px !important;
  }

  .login-page-section .registration-forms .container .col-6 {
    width: 100%;
  }

  .login-page-section .registration-forms .p-tabview-panel {
    padding: 30px 30px;
  }

  .login-page-section .p-tabview .p-tabview-panels {
    margin: 20px auto;
  }

  .roles {
    margin-bottom: 30px;
  }

  .Partner-request .p-fluid .p-calendar {
    display: flex;
    width: 100% !important;
  }
}
.p-datatable-scrollable-both .p-datatable-tbody > tr > td,
.p-datatable-scrollable-both .p-datatable-tfoot > tr > td,
.p-datatable-scrollable-both .p-datatable-thead > tr > th,
.p-datatable-scrollable-horizontal .p-datatable-tfoot > tr > td,
.p-datatable-scrollable-horizontal .p-datatable-thead > tr > th .p-datatable-scrollable-horizontal .p-datatable-tbody > tr > td {
  flex: 1 1 0 !important;
}
.Partner-request .p-tabview-nav {
  justify-content: center !important;
}
.Partner-request .p-tabview .p-tabview-nav {
  border: none;
}
.Partner-request .p-tabview-nav-link {
  border-radius: 8px;
  font-size: 14px;
  font-family: "Krona One";
  font-weight: 400 !important;
  border: none !important;
  border-width: 0 !important;
}
.Partner-request .p-highlight a {
  background-color: #000 !important;
  color: #fff !important;
}
.Partner-request .p-tabview .p-tabview-panels {
  padding: 20px 1rem !important;
}
.Partner-request td,
.Partner-request th {
  padding: 10px !important;
}
.Partner-request tr > td:first-child {
  padding: 10px !important;
}
.Partner-request .card {
  padding: 15px !important;
  box-shadow: none;
  margin-bottom: 15px;
}
.Partner-request .card .p-formgrid {
  grid-gap: 15px;
  gap: 15px;
}
.Partner-request .p-fluid .p-button {
  height: 100%;
}
.Partner-request .transaction-history tr > th,
.Partner-request .transaction-history tr > td {
  background-color: white;
  border: none;
}
.Partner-request .p-paginator {
  border-top: 1px solid #ddd;
  border-color: #ddd;
}
.Partner-request .p-datatable .p-datatable-footer {
  border: 1px solid #ddd;
}
.Partner-request .p-datatable .p-sortable-column:not(.p-highlight):hover {
  background: transparent;
}
.Partner-request main .bottom-container {
  padding-top: 0px;
}
.left-uploader .p-fileupload {
  display: flex !important;
  flex-direction: column-reverse !important;
}
.left-uploader .p-fileupload-filename {
  display: none;
}
.left-uploader .p-fileupload-row div:nth-child(3) {
  display: none;
}
.left-uploader .p-fileupload-row {
  align-items: center;
  flex-direction: column;
}
.left-uploader .p-fileupload .p-fileupload-buttonbar {
  background: transparent;
  border: none;
}
.left-uploader .p-fileupload-row div:nth-child(1) {
  width: 100%;
  height: 100%;
  padding: 0px;
}
.left-uploader .p-fileupload-row div:nth-child(1) img {
  width: 100%;
  height: 100%;
}
.left-uploader .p-fileupload .p-fileupload-content {
  padding: 0px;
}
.left-uploader .p-fileupload-row > div:last-child {
  text-align: right;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 0px !important;
}
.left-uploader .p-fileupload-row > div:last-child button {
  background: #ebf5d4;
  border: none;
  color: #000 !important;
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.left-uploader .p-fileupload .p-fileupload-buttonbar {
  padding: 10px 0px;
  text-align: center;
}
.left-uploader .p-fileupload .p-fileupload-buttonbar .p-button {
  padding: 10px;
  margin-right: 0px !important;
}
app-profile-edit .p-calendar {
  width: 100%;
}
app-profile-edit .p-button {
  border: 0;
  font-size: 14px !important;
  background-color: #20b033 !important;
  box-shadow: 4px -20px 41px #0000003b inset !important;
  color: #fff;
  transition: 0.3s;
}
/*Profile Compare dialog */
@media (max-width: 768px) {
  #Compare {
    height: 100% !important;
  }

  #Compare .p-dialog {
    width: 100vw !important;
    height: 100%;
    max-height: 100% !important;
    border-radius: 0px !important;
  }

  #Compare .p-dialog .p-dialog-header {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }

  #Compare .p-dialog-header {
    position: absolute;
    right: 0px;
    z-index: 111;
  }

  #Compare .row.rating-dropdown-div canvas {
    height: 100% !important;
  }

  #mobile-menu .modal-body .p-tabview .p-tabview-panels {
    padding: 0px !important;
  }

  #mobile-menu .p-tabview .p-tabview-nav .p-tabview-nav-link {
    display: flex;
    grid-gap: 7px;
    gap: 7px;
    padding: 15px 0px;
    text-transform: uppercase;
    font-size: 12px;
  }

  #mobile-menu .modal-body .p-tabview .p-tabview-nav li {
    width: 100%;
  }

  #mobile-menu .modal-body {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  #mobile-menu .modal-body .mobile-menue {
    padding-top: 15px;
  }

  #mobile-menu .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    color: var(--primary-color) !important;
  }

  .newheader {
    display: none;
  }
}
/*Acadmy */
.academies-details-list .fliter-div p-dropdown {
  width: 100%;
}
.academies-details-list .fliter-div .p-component {
  width: 100%;
}
.academies-details-list .fliter-div .col-md-12 {
  padding: 0px;
}
.academies-details-list .fliter-div {
  padding-bottom: 15px !important;
}
#shopByCategory .section-title p {
  font-weight: 600;
}
@media (max-width: 768px) {
  .tournament-section .date-head {
    text-align: center;
  }

  .tournament-section table tr td {
    width: 100% !important;
  }

  .mobilefilter .p-dropdown {
    width: 100%;
  }

  .login-page-section .p-tabview .p-tabview,
.login-page-section .registration-forms .p-tabview-panel {
    padding: 20px 10px;
    margin-bottom: 30px;
  }

  .login-page.ragister-page-div {
    padding-top: 0px !important;
  }

  .login-form .is-invalid ~ .invalid-feedback,
.login-form .is-invalid ~ .invalid-tooltip,
.login-form .was-validated :invalid ~ .invalid-feedback,
.login-form .was-validated :invalid ~ .invalid-tooltip {
    position: absolute;
    bottom: 0px;
  }
  .login-form .name,
.login-form .pwd,
.login-form .input-form,
.login-form .forgot-p label,
.login-form .Phone {
    position: relative;
  }
  .login-form .Phone .invalid-feedback {
    display: flex;
    flex-direction: column;
    padding-top: 10px !important;
    bottom: -10px;
  }
  .login-form .pwd .invalid-feedback {
    bottom: -20px;
  }

  .otp-input {
    width: 40px !important;
    font-size: 18px;
    height: 40px !important;
    background: transparent;
  }

  #otp {
    margin-top: 15px !important;
  }
}
.login-page-section .p-tabview .p-tabview-panels {
  margin: 30px auto;
}
app-media #News-tt .swiper-wrapper {
  justify-content: center;
}
.login-page-section .p-tabview .p-tabview .container {
  box-shadow: none;
  background: #ebf5d4;
}
.Otp.login-page .card {
  box-shadow: none !important;
}
#otp {
  margin-bottom: 1rem;
}
.col-md-12.Otp.login-page #otp {
  flex-direction: column !important;
  grid-gap: 10px;
  gap: 10px;
}
.Signup-field {
  padding: 0px 15px !important;
}
/*New acadmy form overwriting css*/
app-academy-frontend-add .academy-section .p-fluid .p-inputnumber .p-inputnumber-input,
app-academy-frontend-add .academy-section .p-fluid .p-dropdown {
  height: 50px;
  line-height: normal;
  line-height: initial;
  padding: 0 15px;
  width: 100%;
  font-size: 14px;
  margin-bottom: 0px;
  color: #000;
  box-shadow: none;
  border: 1px solid #E8ECF4;
  background: #F7F8F9;
  border-radius: 8px;
}
.portfolio.heighlight-section .p-tabview-panel {
  display: flex;
  flex-wrap: wrap;
}
.portfolio.heighlight-section .p-tabview .p-tabview-nav {
  background: transparent;
  border: none;
  border-width: 0 0 2px 0;
  justify-content: center;
  border-radius: 0px;
}
.portfolio.heighlight-section .p-tabview .p-tabview-nav li {
  color: #fff !important;
}
.portfolio.heighlight-section .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border-radius: 3px !important;
  background-color: transparent;
}
.portfolio.heighlight-section .p-tabview .p-highlight {
  background: #EBF5D4 !important;
  color: #000 !important;
}
.portfolio.heighlight-section .p-tabview .p-tabview-nav li a {
  color: #fff;
}
.portfolio.heighlight-section .portfolio.heighlight-section .p-tabview .p-tabview-nav li {
  border-radius: 3px !important;
}
@media screen and (max-width: 768px) {
  #front #header .logo img {
    box-shadow: none;
  }

  .p-dialog .p-dialog-content {
    padding: 0 1rem 2rem 1rem;
    line-height: 2em;
  }

  .Thankyou #header {
    margin-bottom: 0px !important;
  }

  .login-page-section .p-calendar,
.login-page-section p-calendar {
    margin-bottom: 10px;
  }

  .Signup-field .lists label {
    font-size: 14px;
  }

  marquee {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    letter-spacing: 0.02em;
    padding: 0px 0px;
    display: flex;
    align-items: center;
  }

  #front .top-bar .info {
    margin-left: -50px;
    display: none;
  }

  .col-md-12.main {
    display: flex;
    flex: 100%;
  }

  .top-bar.bg-dark {
    display: none !important;
    padding: 10px 0px !important;
  }

  .col-md-9.top-right-bar {
    display: none !important;
  }

  .marquee {
    padding: 0px;
  }
}
app-academy-frontend-add .p-dialog .p-dialog-content {
  color: #000 !important;
}
app-academy-frontend-add .p-field > label {
  font-size: 1rem !important;
  margin-bottom: 0.5rem;
}
app-academy-frontend-add .lbl-custom .field-checkbox {
  font-size: 1rem !important;
}
app-academy-frontend-add .p-inputtext {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
app-academy-frontend-add .heading-div label {
  font-weight: 500;
  display: block;
  margin-bottom: 5px;
  font-family: "Krona One";
  font-size: 14px;
}
app-academy-frontend-add form {
  font-size: 14px !important;
}
app-academy-frontend-add .forms-button-div .save-btn {
  margin-bottom: 0px !important;
  border: 1px solid #EBF5D4;
  background-color: #0f2027;
  padding: 15px 45px;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 33px;
  margin-bottom: 10px;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  font-family: "Krona One" !important;
}
app-academy-frontend-add .forms-button-div .cancel-btn {
  margin-bottom: 0px !important;
  border: 1px solid #000000;
  background-color: #EBF5D4;
  padding: 15px 20px;
  font-size: 13px;
  text-transform: uppercase;
  color: #000000;
  border-radius: 33px;
  margin-bottom: 10px;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  font-family: "Krona One" !important;
}
app-academy-frontend-add .p-dialog .p-dialog-header .p-dialog-title {
  color: #000;
}
app-academy-frontend-add .p-dialog .p-dialog-content,
app-academy-frontend-add .p-dialog .p-dialog-header {
  background-color: #fff !important;
}
@media screen and (max-width: 768px) {
  app-academy-frontend-add .p-dialog {
    max-height: 60% !important;
  }
  app-academy-frontend-add .p-dialog-mask {
    align-items: self-end !important;
  }
  app-academy-frontend-add .p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background-color: #ebf5d4 !important;
    color: #000000;
  }
  app-academy-frontend-add .p-dialog .p-dialog-header .p-dialog-header-icon {
    color: #fff;
    border: 0 none;
    background: #000;
  }
  app-academy-frontend-add .p-dialog .p-dialog-content {
    color: #000 !important;
  }
  app-academy-frontend-add .academy-section {
    margin-top: 25px;
  }
  app-academy-frontend-add .p-dialog-content p {
    margin-bottom: 5px;
    line-height: 1.8em;
  }
  app-academy-frontend-add .privacy-policy ol li {
    line-height: 1.8em;
  }

  app-reset-password .section {
    margin: 30px 0px;
  }

  app-reset-password p-password .p-inputtext {
    margin-bottom: 7.5px;
  }

  app-reset-password .section .container {
    padding: 0px 20px;
  }

  .forgot-password .container {
    padding: 0px 20px;
  }

  .forgot-password .col-md-12.login-page .style-form-group {
    margin-top: 1rem;
  }

  .forgot-password .col-md-12.login-page .style-form-group .ng-star-inserted {
    font-size: 12px;
  }

  .forgot-password .section-title {
    padding-top: 5px !important;
  }
}
app-sign-in .p-tabview-nav-content .p-disabled {
  cursor: not-allowed !important;
  pointer-events: all !important;
}
.registration-forms::after {
  content: "";
}
app-reset-password .p-component {
  width: 100%;
}
app-reset-password p-password i {
  position: absolute;
  top: 50%;
  margin-top: 0px;
  right: 1.2rem;
  color: #83888F;
  transform: translateY(-100%);
}
app-reset-password .p-input-icon-left > i,
app-reset-password .p-input-icon-right > i {
  margin-top: 0px;
}
app-reset-password p-password .p-inputtext {
  padding-right: 2rem;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  height: 40px;
  padding: 0 10px;
  width: 100%;
  font-size: 12px;
  margin-bottom: 20px;
  color: #333;
  border-radius: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
app-reset-password .col-lg-12 {
  margin-bottom: 1.2rem;
}
app-reset-password .top-header-heading {
  margin-bottom: 2rem;
}
app-reset-password .subminbutton .p-button {
  margin-bottom: 0px !important;
  border: 1px solid #EBF5D4;
  background-color: #0f2027;
  padding: 15px 45px;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff !important;
  border-radius: 33px;
  margin-bottom: 10px;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  width: auto !important;
  margin: auto;
}
app-reset-password .subminbutton .button {
  display: flex;
}
.shadow-slide {
  box-shadow: 2px 2px 10px #0000003d !important;
}
/*Tournament*/
app-tournament #login .p-dialog-mask .p-dialog-content {
  border-radius: 8px;
}
app-tournament #loginuser input {
  font-size: 14px !important;
}
app-home #login .p-dialog-mask .p-dialog-content {
  border-radius: 8px;
}
app-home #loginuser input {
  font-size: 14px !important;
}
/*Tournament close*/
/**/
body.bg-green {
  background-color: #ebf5d4 !important;
}
/*Popups*/
#Pay .col-md-12.add-buttons {
  margin-top: 0px !important;
}
#Pay .modal-body.pay {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
#Pay .modal-body.pay .card-body {
  padding-left: 0px;
  padding-right: 0px;
}
#Entertournamentthank #EntertournamentLabel {
  font-size: 20px;
}
#add-cash .modal-body.add-cash.pay .card-body {
  padding: 0px;
}
#basic-addon2 {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  height: 34px;
  cursor: pointer;
  border-color: transparent !important;
  background-color: #20b033 !important;
  box-shadow: 0px 0px 20px #0000001a inset !important;
  color: #fff !important;
  border: none;
}
#basic-addon2 .bx.bx-user-plus {
  font-size: 18px;
  margin-right: 5px;
}
@media screen and (max-width: 1400px) and (min-width: 1199px) {
  .container {
    max-width: 92%;
  }
}
@media screen and (min-width: 319px) and (max-width: 412px) {
  li.mobile-footer span {
    white-space: nowrap;
  }
}
@media screen and (min-width: 320px) and (max-width: 361px) {
  .about-mobile-list i {
    height: 20px !important;
  }
}
@media screen and (min-width: 361px) and (max-width: 387px) {
  #contest .col-md-12.New-filters .d-flex select {
    width: 40% !important;
  }
}
.loader-image {
  position: fixed;
  z-index: 999999999999;
  left: 0px;
  top: 0px;
  height: 100%;
  background: #f7faf9;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader-image img {
  height: 100%;
  width: 40% !important;
  height: 100%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .mobile-bodyGreen {
    background: #fff !important;
  }

  .mobile-bodyGreen app-player-list {
    background: #fff !important;
  }

  .mobile-bodylightGrey {
    background-color: #f6f6f6 !important;
  }

  .top-bar.bg-dark {
    background-color: #d4ee26 !important;
    position: relative;
    z-index: 111;
  }

  #contest .New-filters .col-md-6 .d-flex {
    grid-gap: 10px;
    gap: 10px;
  }

  #tidio-chat-iframe {
    right: 0px !important;
    bottom: 5rem !important;
  }

  #team .member .member-img img {
    -o-object-position: center;
       object-position: center;
  }

  .loader-image {
    position: fixed;
    z-index: 999999999999;
    left: 0px;
    top: 0px;
    height: 100%;
    background: #f7faf9;
    width: 100%;
  }

  .loader-image img {
    width: 100% !important;
    height: 50% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }

  .media.user-div .media-body {
    width: 100%;
  }

  .dropdown.user-account-page .media.user-div {
    display: flex;
    align-items: center;
  }

  .dropdown.user-account-page .media-right {
    display: flex;
    align-items: center;
  }

  li.mobile-footer span {
    white-space: nowrap;
  }

  .Product-section .member h4 {
    font-size: 14px !important;
  }
}
.disabled-list {
  position: relative;
  opacity: 1s;
}
.disabled-list::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 0px 33px 33px 0px;
  cursor: not-allowed;
}
@media screen and (min-width: 384px) and (max-width: 412px) {
  #contest .col-md-12.New-filters .d-flex select {
    width: 40% !important;
  }
}
@media screen and (max-width: 768px) and (min-width: 600px) {
  #contest .col-md-12.New-filters .d-flex select {
    width: 40% !important;
  }
}
@media screen and (max-width: 601px) and (min-width: 400px) {
  #footer-mobile-nav li.mobile-footer span {
    font-size: 12px;
  }

  #contest .col-md-12.New-filters .d-flex select {
    width: 40% !important;
  }
}
@media screen and (max-width: 399px) and (min-width: 320px) {
  #contest .col-md-12.New-filters .d-flex select {
    width: 40% !important;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1199px) {
  app-home .academicslider .swiper-slide {
    width: 360px !important;
  }

  app-academies .academicslider .swiper-slide {
    width: 100% !important;
  }
}
@media screen and (max-width: 319px) and (min-width: 280px) {
  #contest .col-md-12.New-filters .d-flex select {
    width: 40% !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1198px) {
  ::ng-deep .swiper-wrapper .left-banner img {
    height: auto !important;
  }
}
app-tournament-draw .player-result span {
  margin-right: 5px;
}
.player-result {
  word-spacing: 2px;
}
@media screen and (max-width: 960px) {
  :host ::ng-deep app-payment-section .p-datatable-thead > tr > th {
    display: block !important;
  }
}
.mobile-header-div a {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
  overflow: hidden;
  max-height: none;
  max-height: initial;
  line-height: 9px;
  width: 100%;
}
.fb-like.fb_iframe_widget {
  margin-top: 10px !important;
}
/* Disable zooming on the entire page */
html, body {
  height: 100dvh;
}
.p-dropdown-panel {
  z-index: 99999 !important;
}
@media screen and (max-width: 991px) {
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #69707A;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
    text-align: justify !important;
  }

  .p-dropdown .p-dropdown-label.p-placeholder {
    color: #83888F;
    text-align: justify !important;
  }

  .p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-right: 1.5rem;
    text-align: justify;
  }
}
.mobileversion-footer li a:hover, .mobileversion-footer li.active a:hover {
  color: #00550b !important;
}
.mobile-footer a:hover {
  color: #00550b !important;
}
.mobile-footer.active img, .mobile-footer.active a .title {
  color: #1c9a2d !important;
  filter: invert(45%) sepia(85%) saturate(481%) hue-rotate(79deg) brightness(88%) contrast(90%) !important;
}
.mobile-footer.homebtn.active img, .mobile-footer.homebtn.active a .title {
  color: #1c9a2d !important;
  filter: none !important;
}
/*Review Modal css start*/
#review-modal ::ng-deep .rating-div {
  display: flex;
  align-items: center;
  margin: 1rem 0px 15px 0px;
  padding: 10px;
}
#review-modal ::ng-deep .icons-acadmemy {
  width: 70px;
  height: 70px;
  margin: 0px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
}
#review-modal ::ng-deep .icons-acadmemy img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#review-modal ::ng-deep .p-rating .p-rating-icon {
  font-size: 24px;
  margin-left: 0px;
  color: #9E9E9E;
}
#review-modal ::ng-deep .p-rating .pi.pi-star-fill {
  color: #FFC107;
}
#review-modal ::ng-deep .p-rating {
  display: flex;
  justify-content: flex-start;
  margin: 1rem 0px;
  text-align: left;
  grid-gap: 12px;
  gap: 12px;
  margin-top: 0px;
}
#review-modal ::ng-deep .p-rating-icon.p-rating-cancel {
  display: none;
}
#review-modal ::ng-deep .rating-heading h4 {
  font-size: 16px !important;
  margin-top: 0rem;
  color: #000;
  font-weight: 400 !important;
}
#review-modal ::ng-deep .p-dialog-header {
  border-bottom: 1px solid #ddd;
}
#review-modal ::ng-deep .p-dialog .p-dialog-header .p-dialog-title {
  font-weight: 400;
  font-size: 16px;
  color: #000;
  font-family: "Krona One";
}
#review-modal ::ng-deep .p-dialog-footer {
  background: #ebf5d4;
  color: #69707A;
  border-top: 1px solid #ddd;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
#review-modal ::ng-deep .p-dialog-footer .reviews-button-footer {
  display: flex;
  justify-content: center;
}
#review-modal ::ng-deep .p-dialog-footer .reviews-button-footer button {
  background: #000000;
  border: 0;
  padding: 10px 24px;
  color: #ffffff;
  transition: 0.4s;
  border-radius: 8px;
  font-family: "Krona One";
  font-weight: 400;
  font-size: 14px;
}
#review-modal ::ng-deep .p-inputtext {
  padding: 15px;
  font-size: 16px;
}
#review-modal ::ng-deep .p-dialog-footer {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
#review-modal ::ng-deep .p-dialog-footer button {
  width: auto !important;
}
/*Review Modal css end*/
@media screen and (max-width: 430px) {
  app-product .team .member .member-info h4 {
    text-align: center !important;
  }
}
.p-scrolltop .p-scrolltop-icon {
  color: #fff !important;
}
.p-scrolltop.p-link, .p-scrolltop.p-link:hover {
  background: #d4ee26;
  background-color: #20b033 !important;
  box-shadow: 4px -16px 11px #0000002e inset;
  color: #fff !important;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background-color: #20b033 !important;
  box-shadow: 0px 0px 13px -3px #0000001f inset;
  color: #fff !important;
}
/*Notes div*/
.msg-div .p-message-close,
.msg-div .p-message-wrapper {
  display: flex;
  align-items: self-start;
}
.msg-div .p-message .p-message-wrapper * {
  font-size: 14px !important;
  font-weight: normal !important;
  color: #044868;
}
.msg-div i {
  padding-top: 5px;
  font-family: "primeicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 768px) {
  .msg-div .p-message .p-message-wrapper {
    padding: 1rem 0.5rem !important;
  }
  .msg-div i {
    padding-top: 10px !important;
  }
  .msg-div .p-message .p-message-wrapper * {
    font-size: 14px !important;
    font-weight: normal !important;
    color: #044868;
  }
}
button.p-ripple.p-element.ng-tns-c93-4.p-confirm-dialog-accept.p-button.p-component {
  /* background-color: bisque; */
  background-color: #20b033 !important;
  box-shadow: 0px 0px 15px #0000003b inset !important;
  border: unset !important;
}
.p-dialog {
  display: flex;
  flex-direction: column;
  max-height: 90%;
  transform: scale(1);
  position: relative;
  top: 20px !important;
}
.my-schedule-page .p-multiselect-header {
  display: none !important;
}
.fc-event-title {
  color: black !important;
  line-height: 70px !important;
  font-weight: 600 !important;
  font-family: "Lato" !important;
  font-style: normal !important;
}
.fc .fc-bg-event {
  background: #8fdf82;
  background: #8fdf82;
  background: var(--fc-bg-event-color, #8fdf82);
  opacity: 1 !important;
}
.fc-event-title {
  font-size: 11px !important;
}
a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-future.view-schedule {
  background-color: #20b033 !important;
  border-radius: unset !important;
}
.my-schedule-page a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-future.view-schedule {
  background: unset !important;
  border-radius: unset !important;
  bottom-border: 1px solid black !important;
  border-bottom: 3px solid #20b033 !important;
  border-left: unset !important;
  border-right: unset !important;
  border-top: unset !important;
  /* border-width: 1px !important; */
  padding: 10px !important;
}
a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-future.all-schedules {
  background: unset !important;
  border-radius: unset !important;
  bottom-border: 1px solid black !important;
  border-bottom: 3px solid #20b033 !important;
  border-left: unset !important;
  border-right: unset !important;
  border-top: unset !important;
  /* border-width: 1px !important; */
  padding: 10px !important;
}
.view-schedule #front a {
  color: white !important;
}
.event-class .cal-event-title {
  color: white;
}
.fc-daygrid-day-number a.fc-daygrid-day-number {
  color: #ffffff !important;
}
app-my-schedule a.fc-daygrid-day-number .view-schedule {
  color: #ffffff !important;
  text-decoration: none;
}
.fc-unthemed .fc-event .fc-title, .fc-unthemed .fc-event-dot .fc-title {
  color: #ffffff !important;
}
input[type=date]:invalid::-webkit-datetime-edit {
  color: #999;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #69707A;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
  text-transform: capitalize !important;
}
app-tournament input.p-inputtext.p-component.p-element.form-control.ng-pristine.ng-touched.ng-invalid {
  border-color: red !important;
}
app-tournament-factsheet .disable-btn {
  pointer-events: none;
  opacity: 0.5;
}
app-tournament-factsheet .enable-btn {
  pointer-events: all;
  opacity: 1;
}
app-tournament-factsheet label.form-check-label.termsandconditiontext {
  padding-left: 7px;
}
app-tournament-factsheet a.termsConditionText {
  text-decoration: underline !important;
  color: #079907 !important;
}
app-tournament-factsheet span.p-checkbox-icon.pi.pi-check {
  color: white !important;
}
app-home #terms .p-dialog-content * {
  line-height: 1.5em;
  color: black;
}
app-home #terms .error-msg span {
  font-size: 14px;
}
app-home #terms .p-dialog-footer {
  padding: 0px !important;
  padding-bottom: 0px !important;
  background: #fff;
}
app-home #terms .p-dialog-content .form-check label a {
  text-decoration: underline;
  color: #2f913f !important;
}
app-home #terms .p-dialog-content {
  padding: 0px !important;
}
app-home #terms .p-dialog-header {
  position: relative;
  right: 0pc;
  text-align: 0px;
  z-index: 111;
  background: #fff !important;
}
app-home #terms .p-dialog-header .p-dialog-title {
  font-family: "Krona One";
  color: #000;
  font-size: 18px !important;
  font-weight: 400 !important;
}
app-home #terms .p-dialog-header .p-dialog-title {
  font-size: 16px !important;
}
app-home #terms .p-dialog-footer .footer-buttons-section {
  width: 100%;
}
app-home #terms span.p-checkbox-icon.pi.pi-check {
  color: white !important;
}
app-home #Pay .modal-content {
  background-color: #ffffff !important;
  box-shadow: none !important;
}
app-reset-password .login-page {
  padding: 50px 30px;
  margin-bottom: 50px;
  border: unset !important;
  border-radius: 12px;
  background-color: #20b033 !important;
  background-clip: border-box;
  border: none;
  box-shadow: 4px -20px 41px #0000003b inset !important;
  background: linear-gradient(135deg, #20b033, #20b033);
}
app-reset-password .subminbutton .p-button {
  margin-bottom: 0px !important;
  border: unset !important;
  background-color: #000000;
  padding: 10px 34px;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff !important;
  border-radius: 10px;
  margin-bottom: 10px;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  width: auto !important;
  margin: auto;
  font-family: inherit !important;
  font-weight: 500;
}
app-reset-password i.ng-tns-c177-3.pi.pi-eye.ng-star-inserted {
  margin-top: -3px;
}
app-reset-password p-password .p-inputtext {
  padding-right: 2rem;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  height: 40px;
  padding: 0 10px;
  width: 100%;
  font-size: 14px;
  margin-bottom: 20px;
  color: #333;
  border-radius: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
app-reset-password p-password .p-inputtext {
  padding-right: 2rem;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  height: 40px;
  padding: 0 10px;
  width: 100%;
  font-size: 14px;
  margin-bottom: 20px;
  color: #333;
  border-radius: 6px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
app-reset-password i.ng-tns-c177-2.pi.pi-eye.ng-star-inserted {
  margin-top: -3px;
}
@media screen and (min-width: 768px) {
  .title-back-button {
    display: none;
  }

  .mobile_version-backbutton {
    display: none;
  }

  .mobile-header-normalbackButton {
    display: none;
  }

  .mobile-header-stickybackButton {
    display: none;
  }

  .mobile-slider {
    display: none !important;
  }

  /*New popup*/
  #completeProfile .p-dialog-content {
    overflow: visible;
    border-radius: 9px;
    padding: 0px !important;
  }

  #completeProfile .line-div {
    margin: 1rem 0 !important;
  }

  #completeProfile .skip_Button button {
    background: #E9F5EA !important;
    color: #1C9A2D;
    border: none;
    padding-top: 0px;
    font-weight: 700;
    text-transform: capitalize;
    width: 100%;
    height: 100% !important;
    border-radius: 4px;
    font-size: 16px;
  }

  #completeProfile .completeProfile_Button button {
    height: 50px !important;
    font-size: 14px !important;
    line-height: 40px;
    width: 100%;
    border-radius: 4px;
    border: none;
    box-shadow: 0px 2px 12px 0px #00000033;
    background: linear-gradient(275.41deg, #1C9A2D 1.96%, #0FD129 134.31%);
    color: #FFFFFF;
  }

  #completeProfile .welcomGif img {
    width: 53px;
    height: 53px;
  }

  #completeProfile .Welcome-popup h4 {
    font-size: 22px;
    margin-bottom: 0px;
    font-family: "Lato" !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-align: center !important;
    color: #000 !important;
    margin: 10px !important;
  }

  #completeProfile .Welcome-popup p {
    font-size: 14px;
    color: #9C9C9C;
    margin: 2rem;
  }

  #completeProfile .actionButton {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    grid-gap: 15px;
    gap: 15px;
  }

  #completeProfile .actionButton .completeProfile_Button {
    width: 50%;
  }

  #completeProfile .actionButton .skip_Button {
    width: 50%;
  }

  #completeProfile .Welcome-popup h1 {
    font-size: 24px;
    color: #000;
    font-weight: 600;
  }

  #completeProfile .Welcome-popup h5 {
    font-size: 13px;
    color: #000;
    font-family: "Lato";
    font-weight: 500;
  }

  #completeProfile .Welcome-popup {
    padding: 30px 20px 30px;
    text-align: center;
    position: relative;
    z-index: 2;
  }

  #completeProfile .p-dialog-header {
    z-index: 22;
  }

  #completeProfile .p-dialog-header {
    position: absolute;
    right: -4%;
    top: -4%;
    border-radius: 50%;
    border: 2px solid;
    padding: 6px;
    z-index: 22;
    background: #fff !important;
  }

  #completeProfile .p-dialog .p-dialog-header .p-dialog-header-icon, #completeProfile .p-dialog .p-dialog-header .p-dialog-header-icon:hover {
    background: transparent !important;
    color: #000 !important;
  }

  #completeProfile .p-dialog {
    overflow: visible !important;
  }
}
@media screen and (max-width: 768px) {
  /*New popup*/
  #completeProfile .p-dialog-content {
    overflow: visible;
    border-radius: 9px;
  }

  #completeProfile .skip_Button button {
    background: #E9F5EA !important;
    color: #1C9A2D;
    border: none;
    padding-top: 0px;
    font-weight: 700;
    text-transform: capitalize;
    width: 100%;
    height: 100% !important;
    border-radius: 4px;
  }

  #completeProfile .completeProfile_Button button {
    height: 42px !important;
    font-size: 14px !important;
    line-height: 40px;
    width: 100%;
    border-radius: 4px;
    border: none;
    box-shadow: 0px 2px 12px 0px #00000033;
    background: linear-gradient(275.41deg, #1C9A2D 1.96%, #0FD129 134.31%);
    color: #FFFFFF;
  }

  #completeProfile .welcomGif img {
    width: 53px;
    height: 53px;
  }

  #completeProfile .Welcome-popup h4 {
    margin-bottom: 0px;
    font-family: "Lato" !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    text-align: center !important;
    color: #000 !important;
    margin: 10px !important;
  }

  #completeProfile .Welcome-popup p {
    font-size: 14px;
    color: #9C9C9C;
    margin: 1rem 2rem;
  }

  #completeProfile .actionButton {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    grid-gap: 15px;
    gap: 15px;
  }

  #completeProfile .actionButton .completeProfile_Button {
    width: 50%;
  }

  #completeProfile .actionButton .skip_Button {
    width: 50%;
  }

  #completeProfile .Welcome-popup h1 {
    font-size: 24px;
    color: #000;
    font-weight: 600;
  }

  #completeProfile .Welcome-popup h5 {
    font-size: 13px;
    color: #000;
    font-family: "Lato";
    font-weight: 500;
  }

  #completeProfile .Welcome-popup {
    padding: 20px 20px 20px;
    text-align: center;
    position: relative;
    z-index: 2;
  }

  #completeProfile .p-dialog-header {
    z-index: 22;
  }

  #completeProfile .p-dialog-header {
    position: absolute;
    right: -4%;
    top: -4%;
    border-radius: 50%;
    border: 2px solid;
    padding: 6px;
    z-index: 22;
    background: #fff !important;
  }

  #completeProfile .p-dialog .p-dialog-header .p-dialog-header-icon, #completeProfile .p-dialog .p-dialog-header .p-dialog-header-icon:hover {
    background: transparent !important;
    color: #000 !important;
  }

  #completeProfile .line-div {
    margin: 1.5rem 0px;
  }

  #completeProfile .p-dialog {
    overflow: visible !important;
  }
}
@media (max-width: 355px) and (max-height: 730px) {
  #front #header {
    padding: 0px 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .mobileversion-footer {
    height: 60px !important;
  }

  .mobileversion-footer li a span {
    font-size: 0.75rem !important;
  }
}
/*backbutton*/
.mobile_version-backbutton {
  position: absolute;
  left: 5px;
  top: 10px;
  z-index: 1;
  color: #fff !important;
}
.mobile_version-backbutton a {
  font-family: "Montserrat";
  font-weight: 400;
  display: flex !important;
  align-items: center !important;
  font-size: 17px;
  color: #fff !important;
}
.mobile_version-backbutton a i {
  color: #fff;
  font-size: 1.6em;
  margin-right: -4px;
}
/*Normal*/
.mobile-header-normalbackButton {
  position: relative;
  left: 0px;
  top: 15px;
  z-index: 1;
  color: #000 !important;
}
.mobile-header-normalbackButton a {
  font-family: "Montserrat";
  font-weight: 400;
  display: flex !important;
  align-items: center !important;
  font-size: 17px;
  color: #000 !important;
}
.mobile-header-normalbackButton a i {
  color: #000;
  font-size: 1.6em;
  margin-right: -4px;
}
/*stcky*/
.mobile-header-stickybackButton {
  position: sticky;
  left: 0px;
  top: 75px;
  width: 100%;
  background: #404040;
  color: #fff !important;
  z-index: 1;
}
.mobile-header-stickybackButton a {
  font-family: "Montserrat";
  font-weight: 400;
  display: flex !important;
  align-items: center !important;
  font-size: 17px;
  color: #fff !important;
}
.mobile-header-stickybackButton a i {
  color: #fff;
  font-size: 1.6em;
  margin-right: -4px;
}
/*backbutton*/
#NewContest .join-button-contest button:disabled {
  opacity: 0.5;
}
.title-back-button {
  padding: 0px 10px;
}
.title-back-button-common {
  padding: 0px 10px;
  position: sticky;
  top: 75px;
  z-index: 11;
  background-color: #454645 !important;
}
.title-back-button-common a {
  display: inline-flex;
  align-items: center;
  grid-gap: 7.5px;
  grid-gap: 7.5px;
  gap: 7.5px;
}
.title-back-button-common h3 {
  color: #fff;
  font-size: 16px;
  font-family: "Montserrat" !important;
  margin-bottom: 0px !important;
  padding: 10px 0px;
}
/*Home marquee tag*/
.marqureeDiv {
  margin-top: 35px;
  background: #1C9D2D26;
  padding: 15px 0px;
}
.marqureeDiv a {
  display: flex;
}
.marqueeList {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  width: 100%;
}
.marqueeList li {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
  margin-right: 10px;
}
.marqueeList .bullet {
  width: 4px;
  height: 4px;
  background: #20B033;
  border-radius: 360px;
}
.marqueeList .textlist {
  font-family: Krona One;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  color: #20B033;
}
@media (max-width: 768px) and (min-width: 320px) {
  .marqureeDiv {
    margin-top: 0px !important;
    padding: 3vw 0px 2.4vw 0px;
  }

  .marqueeList .textlist {
    font-size: 2.8vw;
  }

  .marqueeList li {
    grid-gap: 5vw;
    gap: 5vw;
    align-items: center;
    margin-right: 5vw;
  }
}
/*Home marquee tag*/
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}