@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;1,200;1,300;1,400;1,500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Arial&family=Times+New+Roman&family=Calibri&family=Georgia&family=Verdana&display=swap);
@charset "UTF-8";
/* Colors for the ripple elements.*/
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
/**
 * Swiper 6.5.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2021
 */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-container-pointer-events{touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white{--swiper-pagination-color:#ffffff}
.swiper-pagination-black{--swiper-pagination-color:#000000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}
.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: "Clash Display Medium";;;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1, .mat-headline, .mat-typography h1 {
  font: 400 24px/32px "Clash Display Medium";;;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2, .mat-title, .mat-typography h2 {
  font: 500 20px/32px "Clash Display Medium";;;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px "Clash Display Medium";;;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 400 15px/24px "Clash Display Medium";;;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5, .mat-typography h5 {
  font: 400 calc(14px * 0.83)/20px "Clash Display Medium";;;
  margin: 0 0 12px;
}
.mat-h6, .mat-typography h6 {
  font: 400 calc(14px * 0.67)/20px "Clash Display Medium";;;
  margin: 0 0 12px;
}
.mat-body-strong, .mat-body-2 {
  font: 500 14px/24px "Clash Display Medium";;;
  letter-spacing: normal;
}
.mat-body, .mat-body-1, .mat-typography {
  font: 400 14px/20px "Clash Display Medium";;;
  letter-spacing: normal;
}
.mat-body p, .mat-body-1 p, .mat-typography p {
  margin: 0 0 12px;
}
.mat-small, .mat-caption {
  font: 400 12px/20px "Clash Display Medium";;;
  letter-spacing: normal;
}
.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px/112px "Clash Display Medium";;;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px/56px "Clash Display Medium";;;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px/48px "Clash Display Medium";;;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 34px/40px "Clash Display Medium";;;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px/20px "Clash Display Medium";;;
  letter-spacing: normal;
}
.mat-button, .defaultLayout .btn-outline, .defaultLayout .btn-secondary, .defaultLayout .btn-black, .defaultLayout .btn-primary, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: "Clash Display Medium";;;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: "Clash Display Medium";;;
}
.mat-card {
  font-family: "Clash Display Medium";;;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: "Clash Display Medium";;;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: "Clash Display Medium";;;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: "Clash Display Medium";;;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px/32px "Clash Display Medium";;;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: "Clash Display Medium";;;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px/20px "Clash Display Medium";;;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: "Clash Display Medium";;;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: "Clash Display Medium";;;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: "Clash Display Medium";;;
  font-size: 12px;
}
.mat-radio-button {
  font-family: "Clash Display Medium";;;
}
.mat-select {
  font-family: "Clash Display Medium";;;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: "Clash Display Medium";;;
}
.mat-slider-thumb-label-text {
  font-family: "Clash Display Medium";;;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: "Clash Display Medium";;;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: "Clash Display Medium";;;
}
.mat-tab-label, .mat-tab-link {
  font-family: "Clash Display Medium";;;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px "Clash Display Medium";;;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: "Clash Display Medium";;;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: "Clash Display Medium";;;
}
.mat-list-option {
  font-family: "Clash Display Medium";;;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: "Clash Display Medium";;;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: "Clash Display Medium";;;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: "Clash Display Medium";;;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px/24px "Clash Display Medium";;;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: "Clash Display Medium";;;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: "Clash Display Medium";;;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
.mat-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge-content {
  color: white;
  background: #3f51b5;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: white;
}
.mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336;
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button, .defaultLayout .btn-outline, .defaultLayout .btn-secondary, .defaultLayout .btn-black, .defaultLayout .btn-primary, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .defaultLayout .mat-primary.btn-outline, .defaultLayout .mat-primary.btn-secondary, .defaultLayout .mat-primary.btn-black, .defaultLayout .mat-primary.btn-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #3f51b5;
}
.mat-button.mat-accent, .defaultLayout .mat-accent.btn-outline, .defaultLayout .mat-accent.btn-secondary, .defaultLayout .mat-accent.btn-black, .defaultLayout .mat-accent.btn-primary, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn, .defaultLayout .mat-warn.btn-outline, .defaultLayout .mat-warn.btn-secondary, .defaultLayout .mat-warn.btn-black, .defaultLayout .mat-warn.btn-primary, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .defaultLayout .mat-button-disabled.mat-button-disabled.btn-outline, .defaultLayout .mat-button-disabled.mat-button-disabled.btn-secondary, .defaultLayout .mat-button-disabled.mat-button-disabled.btn-black, .defaultLayout .mat-button-disabled.mat-button-disabled.btn-primary, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .defaultLayout .mat-primary.btn-outline .mat-button-focus-overlay, .defaultLayout .mat-primary.btn-secondary .mat-button-focus-overlay, .defaultLayout .mat-primary.btn-black .mat-button-focus-overlay, .defaultLayout .mat-primary.btn-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5;
}
.mat-button.mat-accent .mat-button-focus-overlay, .defaultLayout .mat-accent.btn-outline .mat-button-focus-overlay, .defaultLayout .mat-accent.btn-secondary .mat-button-focus-overlay, .defaultLayout .mat-accent.btn-black .mat-button-focus-overlay, .defaultLayout .mat-accent.btn-primary .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay, .defaultLayout .mat-warn.btn-outline .mat-button-focus-overlay, .defaultLayout .mat-warn.btn-secondary .mat-button-focus-overlay, .defaultLayout .mat-warn.btn-black .mat-button-focus-overlay, .defaultLayout .mat-warn.btn-primary .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .defaultLayout .mat-button-disabled.btn-outline .mat-button-focus-overlay, .defaultLayout .mat-button-disabled.btn-secondary .mat-button-focus-overlay, .defaultLayout .mat-button-disabled.btn-black .mat-button-focus-overlay, .defaultLayout .mat-button-disabled.btn-primary .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .defaultLayout .btn-outline .mat-ripple-element, .defaultLayout .btn-secondary .mat-ripple-element, .defaultLayout .btn-black .mat-ripple-element, .defaultLayout .btn-primary .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #3f51b5;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #ff4081;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone,
.mat-button-toggle-group {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #3f51b5;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #3f51b5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(63, 81, 181, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: white;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(63, 81, 181, 0.3);
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(255, 64, 129, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 64, 129, 0.3);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 0.3);
}
.mat-datepicker-content-touch {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: #3f51b5;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #3f51b5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #3f51b5;
}
.mat-icon.mat-accent {
  color: #ff4081;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #3f51b5;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #ff4081;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-item-disabled {
  background-color: #eeeeee;
}
.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled], .mat-menu-item[disabled]::after,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #c5cae9;
}
.mat-progress-bar-buffer {
  background-color: #c5cae9;
}
.mat-progress-bar-fill::after {
  background-color: #3f51b5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #3f51b5;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: #3f51b5;
}
.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-primary .mat-slider-focus-ring {
  background-color: rgba(63, 81, 181, 0.2);
}
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081;
}
.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #ff4081;
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: white;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #3f51b5;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-links .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-links .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #ff4081;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-links .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-links .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-links .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-links .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #3f51b5;
  color: white;
}
.mat-toolbar.mat-accent {
  background: #ff4081;
  color: white;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: white;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }

  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
  min-height: 48px;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: #ff4081;
}
/* You can add global styles to this file, and also import other style files */
@font-face {
  font-family: "General Sans Light";
  src: url("/assets/fonts/GeneralSans-Light.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "General Sans Extra Light";
  src: url("/assets/fonts/GeneralSans-Extralight.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "General Sans";
  src: url("/assets/fonts/GeneralSans-Regular.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "General Sans Medium";
  src: url("/assets/fonts/GeneralSans-Medium.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "General Sans Semibold";
  src: url("/assets/fonts/GeneralSans-Semibold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "General Sans Bold";
  src: url("/assets/fonts/GeneralSans-Bold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Grotesk Light";
  src: url("/assets/fonts/ClashGrotesk-Light.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Grotesk Extra Light";
  src: url("/assets/fonts/ClashGrotesk-Extralight.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Grotesk";
  src: url("/assets/fonts/ClashGrotesk-Regular.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Grotesk Medium";
  src: url("/assets/fonts/ClashGrotesk-Medium.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Grotesk Semibold";
  src: url("/assets/fonts/ClashGrotesk-Semibold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Grotesk Bold";
  src: url("/assets/fonts/ClashGrotesk-Bold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Display Light";
  src: url("/assets/fonts/ClashDisplay-Light.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Display Extra Light";
  src: url("/assets/fonts/ClashDisplay-Extralight.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Display";
  src: url("/assets/fonts/ClashDisplay-Regular.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Display Medium";
  src: url("/assets/fonts/ClashDisplay-Medium.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Display Semibold";
  src: url("/assets/fonts/ClashDisplay-Semibold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Display Bold";
  src: url("/assets/fonts/ClashDisplay-Bold.ttf") format("truetype");
  font-style: normal;
}
.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.w_100 {
  width: 100%;
}
.w_15 {
  width: 15%;
}
.w_25 {
  width: 25%;
}
.w_75 {
  width: 75%;
}
.max_w_150 {
  width: 150px !important;
}
.w-auto {
  width: auto !important;
  min-width: auto !important;
}
.flex-wrap {
  flex-wrap: wrap;
}
.text-center {
  text-align: center;
}
.d-flex {
  display: flex !important;
  align-items: center;
}
.justify-space {
  justify-content: space-between !important;
}
.pointer {
  cursor: pointer;
}
button,
.mat-checkbox,
.mat-expansion-panel-header,
.mat-expansion-panel-content,
.mat-tab-group,
.mat-radio-button,
.mat-button,
.defaultLayout .btn-outline,
.defaultLayout .btn-secondary,
.defaultLayout .btn-black,
.defaultLayout .btn-primary,
.mat-tab-label,
.mat-tab-link,
table,
.mat-option,
.mat-form-field,
.mat-select,
.mat-button-toggle,
.mat-table,
.mat-input-element,
.mat-cell,
.mat-expansion-panel-header-title,
.mat-stepper-vertical,
.mat-stepper-horizontal,
.mat-expansion-panel-content {
  font-family: "General Sans", sans-serif !important;
}
.row-wrap {
  flex-wrap: wrap;
}
.cdk-overlay-container {
  z-index: 9999;
}
img {
  line-height: 2;
  text-align: center;
  height: auto;
  position: relative;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  outline: 0 !important;
}
img:focus {
  outline: 0 !important;
}
img:before {
  display: block;
  margin-bottom: 10px;
}
img:after {
  content: "" "" attr(alt);
  font-size: 16px;
  font-family: FontAwesome;
  color: #646464;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
li {
  outline: 0;
}
.br-0 {
  border: 0 !important;
}
.br-8 {
  border-radius: 8px !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.d_flex {
  display: flex;
}
.justify_start {
  justify-content: flex-start !important;
}
a {
  text-decoration: none !important;
  cursor: pointer;
}
ul,
li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
button {
  outline: 0 !important;
  cursor: pointer;
}
.sec_padding {
  padding: 50px 0 50px 0;
}
.w_100 {
  width: 100%;
}
.media {
  display: flex;
  align-items: flex-start;
}
.media .media-left {
  margin-right: 15px;
  display: table-cell;
  vertical-align: top;
}
.media .media-body {
  flex: 1;
  display: table-cell;
  vertical-align: top;
}
.media .media-body .media-heading,
.media .media-body h4 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: "General Sans", sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
  padding: 0;
}
.mt-15 {
  margin-top: 15px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
  padding-left: 0 !important;
}
.mat-error {
  color: #f44336;
  font-size: 13px;
  /* font-family: $font-family-light; */
}
.mat-hint {
  font-size: 13px;
}
.mat-input-element {
  font-size: 14px !important;
  font-family: "Clash Display Light";
  color: #21262c !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
}
.mat-expansion-panel-header .mat-expanded {
  background-color: none !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
/* ************************  PERFECT-SCROLL-BAR-SCSS **************************  */
.perfect-scrollbar > .ps.ps--active-y > .ps__rail-y {
  width: 5px !important;
}
.perfect-scrollbar > .ps.ps--active-y > .ps__rail-y.ps--clicking {
  width: 5px !important;
}
.ps__rail-y:hover {
  width: 5px !important;
}
.ps__thumb-y {
  width: 5px !important;
  right: 0px !important;
}
.perfect-scrollbar > .ps.ps--active-y > .ps__rail-y {
  width: 5px !important;
}
.ps__thumb-x {
  width: 100% !important;
  opacity: 0 !important;
  right: 0;
}
.custom-snackbar {
  padding: 4px 10px !important;
  min-height: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  text-align: center !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  background-color: transparent !important;
  text-transform: capitalize !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 2%;
  bottom: 0;
  text-align: center !important;
  margin: 0 auto !important;
  max-width: 40% !important;
  box-shadow: none !important;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translateX(-50%) translateY(-50%);
}
.custom-snackbar .mat-simple-snackbar {
  align-items: center !important;
  justify-content: center !important;
  text-transform: capitalize !important;
}
.custom-snackbar .mat-simple-snackbar span {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff;
  text-transform: initial !important;
  height: auto !important;
  letter-spacing: 1.2px;
  font-size: 14px;
  background-color: #ff7b42;
  overflow-wrap: break-word;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 6px 10px 10px 10px;
  min-width: 70%;
  display: block;
}
.modal-dialog {
  max-width: 100%;
  margin: 0;
}
.modal-footer {
  padding: 0;
  border-top: 0;
}
.custom-modal .master-modal {
  position: relative;
  /* Scrollbar Styling */
}
.custom-modal .master-modal .modal-header {
  border-bottom: 0px solid #DADCE0;
  padding: 10px 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.custom-modal .master-modal .modal-header .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 22px !important;
  font-family: "General Sans", sans-serif !important;
  letter-spacing: 0.2px !important;
  font-weight: 600 !important;
  color: #ef6a30 !important;
}
.custom-modal .master-modal .modal-header .modal-title h2 {
  font-size: 24px;
  margin-bottom: 0px;
}
.custom-modal .master-modal .modal_close_btn {
  position: absolute;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dadce0;
  height: 28px;
  width: 28px;
  top: -9px;
  right: -8px;
  border-radius: 50% !important;
  z-index: 9;
  padding: 0 !important;
  cursor: pointer;
}
.custom-modal .master-modal .modal_close_btn {
  position: absolute;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fa1d72;
  height: 22px;
  width: 22px;
  top: 10px;
  right: 10px;
  border-radius: 50% !important;
  z-index: 9;
  padding: 0 !important;
  cursor: pointer;
}
.custom-modal .master-modal .modal_close_btn .modal-close {
  font-size: 9px;
  height: 20px;
  width: 20px;
  line-height: 22px;
  text-align: center;
  background: #fff;
  color: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
  transition: all 0.5s ease-in-out 0ms;
}
.custom-modal .master-modal .modal_close_btn .modal-close i {
  font-size: 14px;
  font-weight: 700;
  transition: all 0.5s ease-in-out 0ms;
  line-height: 16px;
  color: #fa1d72;
}
.custom-modal .master-modal .modal_close_btn .modal-close:hover i {
  transform: rotate(180deg);
}
.custom-modal .master-modal .modal-content .modal_close_btn {
  right: 10px;
}
.custom-modal .master-modal .mat-dialog-content {
  padding: 0 0px;
  margin: 0 0px;
  max-height: initial;
  overflow: auto;
}
.custom-modal .master-modal .modal-body-scrollbar {
  overflow: visible;
}
.custom-modal .master-modal .modal-body-scrollbar::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
.custom-modal .master-modal .modal-body-scrollbar::-webkit-scrollbar-track {
  background-color: #ebebeb !important;
  border-radius: 10px !important;
}
.custom-modal .master-modal .modal-body-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: #ccc !important;
}
.custom-modal .master-modal .modal-body {
  padding: 15px;
  background-color: #fff;
  max-height: 65vh;
  overflow: auto;
  /* Scrollbar Styling */
}
.custom-modal .master-modal .modal-body p {
  font-size: 14px;
  letter-spacing: 0.2px;
  font-weight: 500;
}
.custom-modal .master-modal .modal-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.custom-modal .master-modal .modal-body::-webkit-scrollbar-track {
  background-color: #ebebeb;
  border-radius: 10px;
}
.custom-modal .master-modal .modal-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #ccc;
}
.custom-modal .master-modal .modal_footer {
  height: 50px;
  min-height: 50px;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #fff !important;
  padding: 0 !important;
  justify-content: flex-end !important;
  width: 100%;
}
.custom-modal .master-modal .modal_footer .mat-button, .custom-modal .master-modal .modal_footer .defaultLayout .btn-outline, .defaultLayout .custom-modal .master-modal .modal_footer .btn-outline, .custom-modal .master-modal .modal_footer .defaultLayout .btn-secondary, .defaultLayout .custom-modal .master-modal .modal_footer .btn-secondary, .custom-modal .master-modal .modal_footer .defaultLayout .btn-black, .defaultLayout .custom-modal .master-modal .modal_footer .btn-black, .custom-modal .master-modal .modal_footer .defaultLayout .btn-primary, .defaultLayout .custom-modal .master-modal .modal_footer .btn-primary {
  margin-right: 5px;
  font-weight: 400;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  line-height: 30px !important;
  padding: 0 15px 5px 15px !important;
  min-width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.custom-modal .master-modal .modal_footer .mat-button .mat-button-wrapper, .custom-modal .master-modal .modal_footer .defaultLayout .btn-outline .mat-button-wrapper, .defaultLayout .custom-modal .master-modal .modal_footer .btn-outline .mat-button-wrapper, .custom-modal .master-modal .modal_footer .defaultLayout .btn-secondary .mat-button-wrapper, .defaultLayout .custom-modal .master-modal .modal_footer .btn-secondary .mat-button-wrapper, .custom-modal .master-modal .modal_footer .defaultLayout .btn-black .mat-button-wrapper, .defaultLayout .custom-modal .master-modal .modal_footer .btn-black .mat-button-wrapper, .custom-modal .master-modal .modal_footer .defaultLayout .btn-primary .mat-button-wrapper, .defaultLayout .custom-modal .master-modal .modal_footer .btn-primary .mat-button-wrapper {
  width: 100%;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-family: "General Sans", sans-serif !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-modal .master-modal .modal_footer .mat-button .mat-button-wrapper span, .custom-modal .master-modal .modal_footer .defaultLayout .btn-outline .mat-button-wrapper span, .defaultLayout .custom-modal .master-modal .modal_footer .btn-outline .mat-button-wrapper span, .custom-modal .master-modal .modal_footer .defaultLayout .btn-secondary .mat-button-wrapper span, .defaultLayout .custom-modal .master-modal .modal_footer .btn-secondary .mat-button-wrapper span, .custom-modal .master-modal .modal_footer .defaultLayout .btn-black .mat-button-wrapper span, .defaultLayout .custom-modal .master-modal .modal_footer .btn-black .mat-button-wrapper span, .custom-modal .master-modal .modal_footer .defaultLayout .btn-primary .mat-button-wrapper span, .defaultLayout .custom-modal .master-modal .modal_footer .btn-primary .mat-button-wrapper span {
  width: 100%;
  line-height: initial;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-family: "General Sans", sans-serif !important;
}
.custom-modal .master-modal .modal_footer .add-btn {
  background: #FF7000 !important;
  color: #ffffff !important;
  border: 1px solid #FF7000 !important;
  border-radius: 4px;
}
.custom-modal .master-modal .modal_footer .delete-btn {
  background: red !important;
  color: #ffffff !important;
  border: 1px solid red !important;
  border-radius: 4px;
}
.custom-modal .master-modal .modal_footer .modal-cancel-btn {
  color: #ccc !important;
  border: 1px solid #ccc !important;
  border-color: #ccc !important;
  border-radius: 24px;
}
.custom-modal .mat-dialog-container {
  padding: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  overflow: hidden;
}
.modal-content {
  border: 0px !important;
}
/* Scrollbar Styling */
.custom-modal:-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
.custom-modal::-webkit-scrollbar-track {
  background-color: #ebebeb !important;
  border-radius: 10px !important;
}
.custom-modal::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: #ccc !important;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #FB7D20;
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 1px !important;
}
.mat-form-field-appearance-outline .mat-form-field-appearance-thick {
  color: #FF7000 !important;
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-appearance-thick {
  color: #FF7000 !important;
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-appearance-thick {
  color: #FF7000 !important;
}
.cancel-btn {
  font-weight: 500 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 8px !important;
  border: 1px solid #efefef !important;
  color: #000000;
  background-color: #efefef;
  height: 32px;
  line-height: 25px !important;
  padding: 0 15px 0 15px !important;
  min-width: auto !important;
}
.cancel-btn .mat-button-wrapper {
  font-size: 14px;
  color: #000000;
  line-height: 22px;
  text-transform: capitalize;
}
.mat-menu-content:not(:empty) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mat-menu-item {
  width: 100% !important;
  height: 32px !important;
  line-height: 32px !important;
  color: #202020 !important;
  align-items: center !important;
}
.mat-menu-panel {
  min-height: auto !important;
}
.w-100 {
  width: 100%;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
  border-width: 1px;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #FF7000;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(244, 68, 56, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
.mat-form-field-appearance-outline .mat-form-field-prefix,
.mat-form-field-appearance-outline .mat-form-field-suffix {
  top: -3px !important;
}
.star {
  display: none;
  color: #f44336;
  font-size: 14px;
  font-weight: 400 !important;
}
.mat-option-text {
  font-size: 14px;
  font-weight: 400;
  font-family: "Clash Display Light";
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #FF7000;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #FF7000;
}
.mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  font-size: 15px;
  font-family: "Clash Display Light";
  font-weight: 600;
}
.mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  opacity: 1 !important;
}
.mat-tab-group .mat-tab-body {
  padding: 15px 0px;
}
.mat-form-field {
  width: 100%;
}
.mat-datepicker-toggle {
  position: relative;
  top: 5px;
}
.mat-button-toggle-standalone,
.mat-button-toggle-group {
  box-shadow: none;
}
.mat-tab-body-content {
  height: auto !important;
  overflow: auto;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 0;
}
.btn:focus {
  box-shadow: none !important;
}
.mat-select-placeholder {
  color: #bbbbbb;
  font-size: 14px;
  position: relative;
  bottom: 2px;
  font-weight: 400;
  font-family: "Clash Display Light";
}
.mat-select-value-text {
  font-size: 14px !important;
  font-family: "Clash Display Light";
  color: #21262c !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
}
.mat-slider-horizontal {
  width: 100%;
}
.mat-ripple-element {
  display: none !important;
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #FF7000 !important;
}
.angular-editor .angular-editor-wrapper .angular-editor-textarea {
  border-top: 0 !important;
  margin-top: 0 !important;
}
.after:before {
  z-index: 99;
}
.mat-paginator {
  display: block;
  margin: 10px 0px;
  width: 100%;
}
.swiper-button-next:focus {
  outline: 0 !important;
}
.swiper-button-prev:focus {
  outline: 0 !important;
}
font {
  font-family: "General Sans", sans-serif !important;
}
.mat-slider-thumb-label {
  width: 35px !important;
  height: 35px !important;
}
.mat-slider-thumb-label .mat-slider-thumb-label-text {
  font-size: 10px !important;
}
.hintanim,
.hintanim:before,
.hintanim:after {
  height: 0;
  width: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 75%;
  content: "";
  animation: hintanim 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7s;
  -webkit-animation: hintanim 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7s;
  -moz-animation: hintanim 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.hintanim:before {
  transform: rotate(40deg);
  left: 12px;
  top: 13px;
}
.hintanim:after {
  transform: rotate(140deg);
  left: -24px;
  top: 13px;
}
@keyframes hintanim {
  0% {
    height: 0;
  }
  50% {
    height: 8px;
  }
  60% {
    height: 8px;
  }
  100% {
    height: 0;
  }
}
section {
  clear: both;
}
.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
.white {
  color: #ffffff;
}
.bg-white {
  background: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
  padding: 0px;
}
ul,
li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  outline: 0;
}
a {
  text-decoration: none;
  outline: 0;
  color: #FF7000;
}
a:focus, a:hover {
  outline: 0;
}
button {
  outline: 0;
  cursor: pointer;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.text-primary {
  color: #FF7000;
}
.position-relative {
  position: relative;
}
.p-0 {
  padding: 0px !important;
}
.p-5 {
  padding: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-35 {
  padding: 35px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-45 {
  padding: 45px !important;
}
.p-50 {
  padding: 50px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pt-30 {
  padding-top: 25px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-35 {
  padding-left: 35px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-45 {
  padding-left: 45px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-35 {
  padding-right: 35px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-45 {
  padding-right: 45px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.m-0 {
  margin: 0px !important;
}
.m-5 {
  margin: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-25 {
  margin: 25px !important;
}
.m-30 {
  margin: 30px !important;
}
.m-35 {
  margin: 35px !important;
}
.m-40 {
  margin: 40px !important;
}
.m-45 {
  margin: 45px !important;
}
.m-50 {
  margin: 50px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-45 {
  margin-top: 40px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-45 {
  margin-left: 45px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-45 {
  margin-right: 45px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mx-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mx-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}
.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.my-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.my-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
@font-face {
  font-family: "General Sans Light";
  src: url("/assets/fonts/GeneralSans-Light.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "General Sans Extra Light";
  src: url("/assets/fonts/GeneralSans-Extralight.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "General Sans";
  src: url("/assets/fonts/GeneralSans-Regular.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "General Sans Medium";
  src: url("/assets/fonts/GeneralSans-Medium.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "General Sans Semibold";
  src: url("/assets/fonts/GeneralSans-Semibold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "General Sans Bold";
  src: url("/assets/fonts/GeneralSans-Bold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Grotesk Light";
  src: url("/assets/fonts/ClashGrotesk-Light.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Grotesk Extra Light";
  src: url("/assets/fonts/ClashGrotesk-Extralight.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Grotesk";
  src: url("/assets/fonts/ClashGrotesk-Regular.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Grotesk Medium";
  src: url("/assets/fonts/ClashGrotesk-Medium.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Grotesk Semibold";
  src: url("/assets/fonts/ClashGrotesk-Semibold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Grotesk Bold";
  src: url("/assets/fonts/ClashGrotesk-Bold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Display Light";
  src: url("/assets/fonts/ClashDisplay-Light.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Display Extra Light";
  src: url("/assets/fonts/ClashDisplay-Extralight.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Display";
  src: url("/assets/fonts/ClashDisplay-Regular.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Display Medium";
  src: url("/assets/fonts/ClashDisplay-Medium.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Display Semibold";
  src: url("/assets/fonts/ClashDisplay-Semibold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Clash Display Bold";
  src: url("/assets/fonts/ClashDisplay-Bold.ttf") format("truetype");
  font-style: normal;
}
.global-btn {
  width: auto;
  padding: 0 25px 0px 25px !important;
  height: 45px !important;
  line-height: 32px !important;
  border-radius: 30px !important;
  position: relative !important;
  overflow: hidden !important;
  color: #ffffff !important;
  background: #FF7000;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative;
  transition: all 0.5s ease-in-out 0s !important;
}
.global-btn .mat-button-wrapper {
  width: 100%;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: 0.1px;
  font-size: 16px;
  margin-top: 0px;
}
.global-btn img {
  margin-right: 5px;
}
.global-btn-dark {
  width: auto;
  padding: 0 25px 0px 25px !important;
  height: 45px !important;
  line-height: 32px !important;
  border-radius: 30px !important;
  position: relative !important;
  overflow: hidden !important;
  color: #ffffff !important;
  background: #000000;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative;
  transition: all 0.5s ease-in-out 0s !important;
}
.global-btn-dark .mat-button-wrapper {
  width: 100%;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: 0.1px;
  font-size: 16px;
  color: #fff;
  margin-top: 3px;
}
.global-btn-dark img {
  margin-left: 10px;
}
.defaultLayout .mat-button, .defaultLayout .btn-outline, .defaultLayout .btn-secondary, .defaultLayout .btn-black, .defaultLayout .btn-primary {
  background-color: #fff;
  border-radius: 55px !important;
  height: 48px;
  padding: 0 20px 0 0px !important;
  transition: all 0.5s ease-in-out 0s;
  overflow: hidden !important;
  filter: drop-shadow(8px 6px 20px rgba(0, 0, 0, 0.1));
}
.defaultLayout .mat-button .mat-button-wrapper, .defaultLayout .btn-outline .mat-button-wrapper, .defaultLayout .btn-secondary .mat-button-wrapper, .defaultLayout .btn-black .mat-button-wrapper, .defaultLayout .btn-primary .mat-button-wrapper {
  color: #000000;
  font-size: 16px;
  transition: all 0.5s ease-in-out 0s;
  font-family: "Clash Grotesk Medium";
  letter-spacing: 1px;
}
.defaultLayout .mat-button .mat-button-wrapper img, .defaultLayout .btn-outline .mat-button-wrapper img, .defaultLayout .btn-secondary .mat-button-wrapper img, .defaultLayout .btn-black .mat-button-wrapper img, .defaultLayout .btn-primary .mat-button-wrapper img {
  width: 48px;
  height: 48px;
  margin: 0px 10px 0px 0px;
  transition: all 0.5s ease-in-out;
  filter: drop-shadow(8px 6px 20px rgba(0, 0, 0, 0.1));
}
.defaultLayout .mat-button::before, .defaultLayout .btn-outline::before, .defaultLayout .btn-secondary::before, .defaultLayout .btn-black::before, .defaultLayout .btn-primary::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0px;
  width: 0;
  background-color: #FF7000;
  border-radius: 25px;
  transition: all 0.5s ease;
  transition-delay: 0.2s;
}
.defaultLayout .mat-button:hover::before, .defaultLayout .btn-outline:hover::before, .defaultLayout .btn-secondary:hover::before, .defaultLayout .btn-black:hover::before, .defaultLayout .btn-primary:hover::before {
  transform: scaleX(1);
  transition: all 0.5s ease;
  transition-delay: 0.2s;
  width: 100%;
  height: 100%;
  z-index: auto;
}
.defaultLayout .mat-button:hover .mat-button-wrapper, .defaultLayout .btn-outline:hover .mat-button-wrapper, .defaultLayout .btn-secondary:hover .mat-button-wrapper, .defaultLayout .btn-black:hover .mat-button-wrapper, .defaultLayout .btn-primary:hover .mat-button-wrapper {
  color: #fff;
  position: relative;
  z-index: 1;
  transition: all 0.5s ease-in-out 0s;
}
.defaultLayout .mat-button:hover .mat-button-wrapper img, .defaultLayout .btn-outline:hover .mat-button-wrapper img, .defaultLayout .btn-secondary:hover .mat-button-wrapper img, .defaultLayout .btn-black:hover .mat-button-wrapper img, .defaultLayout .btn-primary:hover .mat-button-wrapper img {
  z-index: 2;
}
.defaultLayout .btn-secondary {
  width: 100%;
  background-color: #FF7000;
  padding: 0 20px 0 20px !important;
  border-radius: 10px !important;
}
.defaultLayout .btn-secondary .mat-button-wrapper {
  color: white;
  font-size: 16px;
  transition: all 0.5s ease-in-out 0s;
  font-family: "Clash Grotesk Medium";
  letter-spacing: 1px;
}
.defaultLayout .btn-secondary .mat-button-wrapper img {
  width: 16px;
  height: 16px;
  margin: 0px 0px 0px 10px;
}
.defaultLayout .btn-secondary:hover::before {
  background-color: #FF7000;
}
.defaultLayout .btn-outline {
  width: 100%;
  border: 1px solid #FF7000 !important;
  padding: 0px !important;
  border-radius: 8px !important;
  height: 56px;
}
.defaultLayout .btn-outline:hover::before {
  background-color: #FF7000;
  border-radius: 8px !important;
}
/* ------------------------- ===> ::: TABLE--SCSS ::: <=== ----------------------*/
mat-footer-row,
mat-row {
  min-height: 40px;
}
.table-img {
  max-width: 100%;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  height: 40px;
  width: 40px;
  margin-top: -5px;
  box-shadow: 0 2px 2px 0 rgba(105, 103, 103, 0.5);
  object-fit: cover;
  padding: 0px;
}
.table-img.product-img {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  object-fit: cover;
  object-position: 100%;
}
.tables_section {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-top: 0;
  background: #fff;
  min-height: 50px;
  position: relative;
  margin-bottom: 24px;
  border: 1px solid #f2f4f9;
  box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
  border-radius: 5px;
  border-top-right-radius: 5px;
}
.tables_section .mat-column-noData {
  font-size: 16px;
  font-weight: 500;
}
.tables_section .table-over-description {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
}
.tables_section .table-over-content {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
}
.tables_section .cdk-column-description {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
  white-space: nowrap;
}
.tables_section .table-over-bio {
  white-space: nowrap;
}
.tables_section .table-over-bio div p {
  vertical-align: top;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
  display: -webkit-box;
  white-space: nowrap;
}
.tables_section .table-video {
  max-width: 100px;
}
.table-action-btn .mat-menu-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.table-action-btn .mat-menu-item {
  align-items: center !important;
  position: relative;
  transition: all 0.5s ease-in-out 0s;
  display: flex;
  flex-direction: row;
  place-content: flex-start;
  min-height: 100%;
  min-width: 100%;
}
.table-action-btn .mat-menu-item.edit:hover span {
  color: #0484fe;
}
.table-action-btn .mat-menu-item.approve img {
  width: 15px;
}
.table-action-btn .mat-menu-item.delete:hover span {
  color: red;
}
.table-action-btn .mat-menu-item.view img {
  width: 18px;
}
.table-action-btn .mat-menu-item.view:hover span {
  color: #f3aa18;
}
.table-action-btn .mat-menu-item.block:hover span {
  color: #FE9014;
}
.table-action-btn .mat-menu-item.copy:hover span {
  color: #ff00ff;
}
.table-action-btn .mat-menu-item.paste:hover span {
  color: #ffa500;
}
.table-action-btn .mat-menu-item.duplicate:hover span {
  color: #800000;
}
.table-action-btn .mat-menu-item.active:hover span {
  color: #48b400;
}
.table-action-btn .mat-menu-item:focus {
  outline: 0 !important;
}
.table-action-btn .mat-menu-item i {
  font-size: 16px;
  font-weight: 600;
  color: #212526;
  position: relative;
  top: 8px;
  margin-right: 5px;
}
.table-action-btn .mat-menu-item img {
  margin-right: 5px;
  height: 16px;
  position: relative;
  position: relative;
  display: none;
}
.table-action-btn .mat-menu-item span {
  font-size: 13px;
  letter-spacing: 0;
  font-weight: 500;
  min-width: 120px;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  padding: 0 0 0 5px;
}
.table-action-btn:after {
  left: 12px !important;
  border-bottom: 7px solid #ccc !important;
}
td.mat-cell:first-of-type {
  padding-left: 15px !important;
}
.mat-sort-header-arrow {
  margin: 5px 0 0 5px !important;
}
.table_section .table_fixed_add, .table_section .table_fixed_view {
  border: 0 !important;
  background-color: transparent !important;
  position: absolute !important;
  bottom: 4%;
  z-index: 9;
  height: 40px !important;
  right: 25px;
  opacity: 1;
  padding: 0 10px 6px 10px !important;
  border-radius: 16.5px;
  background: linear-gradient(#fca300 0%, #fa1d72 100%);
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.16);
}
.table_section .table_fixed_add .mat-button-wrapper, .table_section .table_fixed_view .mat-button-wrapper {
  color: #fff !important;
  font-size: 14px;
}
.table_section .table_fixed_add .mat-button-wrapper i, .table_section .table_fixed_view .mat-button-wrapper i {
  position: relative;
  bottom: 2px;
}
.table_section .table_fixed_view {
  background: linear-gradient(#00d3ff 0%, #037fde 100%) !important;
  left: 2%;
  right: auto;
}
.table_section .table_header {
  display: flex;
  align-items: center;
  background: #fff;
  margin: 15px 0 0px 0;
  padding: 6px 10px 6px 10px;
  border-radius: 8px;
}
.table_section .table_header .table_header_left {
  width: 70%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.table_section .table_header .table_header_left .table_search_box {
  width: 50%;
  margin-right: 25px;
}
.table_section .table_header .table_header_left .table_search_box .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.table_section .table_header .table_header_left .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.table_section .table_header .table_header_left .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: transparent;
  border-radius: 24px !important;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05);
  color: #f1f1f1;
}
.table_section .table_header .table_header_left .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.table_section .table_header .table_header_left .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 24px !important;
  border-left-style: solid;
  background: #f1f1f1;
}
.table_section .table_header .table_header_left .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.4em 0 0.6em 0 !important;
}
.table_section .table_header .table_header_left .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-suffix {
  top: 0;
}
.table_section .table_header .table_header_right {
  width: 30%;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.table_section .table_header .table_header_right .bulk_filter_btn {
  height: 34px;
  line-height: 30px;
  border-radius: 18px;
  background-color: #f1f1f1;
  padding: 0px 10px 4px 10px;
  margin-left: 10px;
}
.table_section .table_header .table_header_right .bulk_filter_btn span.btn-content {
  margin: 0 15px;
}
.table_section .table_header .table_header_right .bulk_filter_btn .mat-button-wrapper {
  display: flex;
  align-items: center;
}
.table_section .table-filter-sec {
  background-color: #fff6dd;
  border-bottom: 2px solid #FF7000;
  margin: 0px 0 0px 0;
  padding: 0px 5px 0px 5px;
  overflow: hidden;
  border-radius: 0px;
  height: auto;
}
.table_section .table-filter-sec .table-filter-row {
  padding: 10px 10px 10px 10px;
  position: relative;
}
.table_section .table-filter-sec .table-filter-row .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.table_section .table-filter-sec .table-filter-row .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
  margin: 0;
}
.table_section .table-filter-sec .table-filter-row .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: transparent;
  border-radius: 4px !important;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05);
  color: #f1f1f1;
}
.table_section .table-filter-sec .table-filter-row .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.table_section .table-filter-sec .table-filter-row .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 4px !important;
  border-left-style: solid;
  background: #fff;
}
.table_section .table-filter-sec .table-filter-row .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.2em 0 0.6em 0 !important;
}
.table_section .table-filter-sec .table-filter-row .custom-form-group .custom-form-control .mat-form-field .mat-form-field-suffix {
  top: 0;
}
.table_section .table-filter-sec .table-filter-row .custom-form-group .custom-form-control .mat-form-field .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
  position: relative;
  top: 5px;
}
.table_section .table-filter-sec .table-filter-row .mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.53) !important;
}
.table_section .table-filter-sec .table-filter-row .add_filter_btn {
  width: auto !important;
  padding: 0 5px !important;
  height: 30px !important;
  line-height: 30px !important;
}
.table_section .table-filter-sec .table-filter-row .add_filter_btn .mat-button-wrapper {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 30px !important;
  padding-bottom: 5px;
  padding-left: 5px !important;
  padding-right: 5px !important;
  min-width: auto !important;
}
.table_section .table-filter-sec .table-filter-row .remove_form_array_btn {
  background: #db0000 !important;
  min-width: 25px !important;
  height: 25px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  line-height: 15px !important;
}
.table_section .table-filter-sec .table-filter-row .remove_form_array_btn i {
  font-size: 16px;
  position: relative;
  bottom: 1px;
  color: #fff;
  font-weight: 600;
}
.clear_filter_btn {
  width: auto !important;
  padding: 0 5px !important;
  height: 34px !important;
  line-height: 34px !important;
  background-color: #FA5D50 !important;
  min-width: auto !important;
  border-radius: 24px !important;
  display: flex !important;
}
.clear_filter_btn .mat-button-wrapper {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 30px !important;
  padding-bottom: 5px;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}
.bulk-upload-btn .mat-button-wrapper {
  display: flex;
  align-items: center;
}
.bulk-upload-btn .mat-button-wrapper img {
  margin-right: 12px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
}
.upload_btn {
  background-image: radial-gradient(976px at 51.2% 51%, #0b1b67 0%, #10429d 0%, #0b1b67 17.3%, #0b1b67 58.8%, #0b1b67 71.4%, #10429d 100.2%, #bbbbbb 100.2%) !important;
  right: 25% !important;
}
.download_csv {
  background: linear-gradient(#00d3ff 0%, #037fde 100%) !important;
  right: 12% !important;
}
.upload_supply_brand {
  right: 17% !important;
}
.upload_supply_brand .mat-button-wrapper i {
  position: relative;
  bottom: 0;
  top: 2px;
  margin-right: 2px;
}
.delete_multiple_btn {
  background-color: #fee4e2 !important;
  margin: 0px 0px 0 5px !important;
  border: 1px solid #fee4e2 !important;
  margin-left: 10px !important;
  position: relative !important;
  border-radius: 24px !important;
  line-height: 22px !important;
  height: 32px !important;
  padding: 0 10px 4px 10px !important;
}
.delete_multiple_btn .mat-button-wrapper {
  color: #fa5d50 !important;
  font-weight: 500;
  font-family: "General Sans Medium";
}
.table-empty-img {
  width: 100%;
  margin: 0px auto;
  padding: 50px 10px 0 10px;
  text-align: center;
  border: 1px solid #eeeeee;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: -1px;
}
.table-empty-img img {
  max-width: 400px;
  min-width: 400px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.table-chip {
  border-radius: 15px;
  letter-spacing: 0.5px;
  margin-right: 4px;
  padding: 4px 20px;
  line-height: 12px;
  border: 1px solid;
  font-weight: 500;
  font-size: 12px;
  max-width: max-content;
  min-width: auto;
  display: block;
  text-align: center;
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
  border-color: #e0e0e0;
}
.table-chip.tags-chip {
  display: inline !important;
  margin-right: 5px;
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
  border-color: #e0e0e0;
  border-radius: 10px !important;
  text-transform: capitalize;
}
.active-chip {
  background: #DCF7E3 !important;
  color: #2FA84F !important;
  text-transform: capitalize !important;
  border-color: #DCF7E3 !important;
}
.pending-chip {
  background: #FFEDD8 !important;
  color: #FE9014 !important;
  text-transform: capitalize !important;
  border-color: #FFEDD8 !important;
}
.cancelled-chip {
  background: #FEE4E2 !important;
  color: #FA5D50 !important;
  text-transform: capitalize !important;
  border-color: #f2712140 !important;
}
.processing-chip {
  background: #00b4db30 !important;
  color: #00b4db !important;
  text-transform: capitalize !important;
  border-color: #00b4db30 !important;
}
.inactive-chip {
  background: #FEE4E2 !important;
  color: #FA5D50 !important;
  text-transform: capitalize !important;
  border-color: #FEE4E2 !important;
}
.cancel-chip {
  background: #efefef !important;
  border-color: #efefef !important;
  color: #efefef !important;
  text-transform: capitalize !important;
  border-color: #efefef !important;
}
.custom-sticky-table {
  height: 100%;
  min-width: 100%;
  overflow: auto;
  margin-top: 15px;
}
.custom-sticky-table .mat-checkbox-frame {
  border-color: #FF7000;
}
.custom-sticky-table table {
  text-align: left;
  cursor: auto !important;
  border-bottom: 0;
  border-radius: 4px !important;
}
.custom-sticky-table table thead .mat-header-row {
  height: 50px;
}
.custom-sticky-table table thead .mat-header-row .mat-header-cell {
  font-size: 14px;
  font-weight: 600;
  color: #202124;
  border-bottom-width: 0;
  letter-spacing: 0;
  font-family: "Clash Display Light";
}
.custom-sticky-table table thead .mat-header-row .mat-header-cell .tab_head {
  font-size: 14px;
  font-weight: 600;
  color: #212526;
  text-align: left;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  font-family: "General Sans", sans-serif !important;
  text-transform: capitalize;
}
.custom-sticky-table table thead .mat-header-row:first-child .mat-header-cell {
  background: #eeeeee;
  padding-left: 8px;
}
.custom-sticky-table table thead .mat-header-row:first-child .mat-header-cell:first-child {
  padding-left: 15px !important;
}
.custom-sticky-table table thead .mat-header-row .mat-sort-header-container {
  display: -webkit-box !important;
}
.custom-sticky-table table tbody .mat-row {
  height: 48px;
}
.custom-sticky-table table tbody .mat-row .mat-cell {
  color: #212526;
  font-family: "Clash Display Light";
  font-weight: 600;
  font-size: 13px;
  border-bottom-style: solid;
  border-bottom-color: #eeeeee;
  position: relative;
  padding: 8px 8px 8px 8px;
  vertical-align: middle;
  border-width: 1px;
  letter-spacing: 0;
  text-transform: capitalize;
}
.custom-sticky-table table tbody .mat-row .mat-cell .mat-icon {
  position: relative;
}
.custom-sticky-table table tbody .enquiries_name_flex {
  display: flex;
  align-items: center;
  font-size: 13px;
  letter-spacing: 0;
}
.custom-sticky-table table tbody .enquiries_name_flex .product-img {
  margin-right: 5px;
}
.custom-sticky-table table tr:active {
  background: #fff6dd;
}
.custom-sticky-table table .mat-checkbox-layout {
  margin-bottom: 4px !important;
}
.mat-table {
  border-spacing: 0;
  width: 100%;
}
.mat-table-sticky:first-child {
  z-index: 999 !important;
  overflow: visible;
}
.mat-table-sticky:nth-child(2) {
  z-index: 999 !important;
  overflow: visible;
  left: 35px !important;
}
.mat-table-sticky:last-child {
  z-index: 999 !important;
  overflow: visible;
}
.view_msg {
  border-radius: 15px;
  letter-spacing: 0.5px;
  margin-right: 4px;
  padding: 6px 25px;
  line-height: 12px;
  border: 1px solid;
  font-weight: 600;
  font-size: 12px;
  max-width: max-content;
  min-width: auto;
  display: block;
  text-align: center;
  background: #fde9e0 !important;
  color: #FF7000 !important;
  text-transform: capitalize !important;
  border-color: #FF7000 !important;
}
.view_attachments {
  border-radius: 15px;
  letter-spacing: 0.5px;
  margin-right: 4px;
  padding: 6px 25px;
  line-height: 12px;
  border: 1px solid;
  font-weight: 600;
  font-size: 12px;
  max-width: max-content;
  min-width: auto;
  display: block;
  text-align: center;
  background: #fde9e0 !important;
  color: #fa1d72 !important;
  text-transform: capitalize !important;
  border-color: #fa1d72 !important;
}
.product-img {
  border-radius: 4px;
  width: 40px;
  height: 50px;
  object-fit: contain;
  object-position: 100%;
}
.empty-img {
  margin: 0 auto;
  text-align: center;
}
.empty-img img {
  margin: 50px auto 25px auto;
}
.empty-img .no_state_heading {
  font-size: 20px;
  letter-spacing: 0;
  margin-top: 5px;
  color: #636363;
  padding-bottom: 15px;
}
.custom-loader {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.custom-loader .mat-progress-spinner {
  margin: 0 auto;
  text-align: center;
}
.mat-column-expandedDetail {
  padding: 0 !important;
}
.inner_table {
  margin: 10px 0;
  width: 100% !important;
  border-spacing: 0;
  border: 1px solid #dee2e6 !important;
  background-color: #eeeeee33;
}
.inner_table thead th {
  border-bottom: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  color: #333333;
  text-align: left;
  font-weight: 600;
  padding: 10px 10px 10px 10px;
  font-size: 13px;
}
.inner_table tbody tr td {
  padding: 8px;
  vertical-align: top;
  color: #212526;
  font-family: "Clash Display Light";
  font-weight: 600;
  letter-spacing: 0.2px;
  border-left: 0;
  border-bottom: 1px solid #dee2e6;
  border-top: 0;
  border-right: 1px solid #dee2e6;
  text-align: left;
}
.inner_table tbody tr .table_width {
  width: 150px;
}
.inner_table tbody tr .table_width_50 {
  width: 50px;
}
.inner_table tbody tr .table_width_130 {
  width: 130px;
}
.table_name_flex {
  display: flex;
  align-items: center;
}
.table_name_flex .table-img {
  margin-right: 5px;
}
@media screen and (max-width: 991px) {
  td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }

  .mat-table .mat-cell {
    height: auto !important;
  }

  .mat-header-row {
    display: none;
  }

  .example-element-detail {
    border-bottom: 0 !important;
  }
  .example-element-detail .mat-cell {
    border-width: 0 !important;
  }

  .mat-row {
    flex-direction: column;
    align-items: start;
    padding: 8px 24px;
  }
  .mat-row .mat-icon-button {
    height: 20px;
  }
  .mat-row .mat-icon-button .mat-icon {
    line-height: 18px !important;
  }
  .mat-row .mat-icon {
    line-height: 5px !important;
  }

  td.mat-cell.cdk-column-expandedDetail.mat-column-expandedDetail.ng-tns-c12-2.ng-star-inserted {
    padding: 0px;
  }

  .mat-table {
    border: 0;
    vertical-align: middle;
    overflow: hidden;
  }

  .expanded-table td {
    padding: 0px;
  }

  .mat-table caption {
    font-size: 1em;
  }

  /*  Enable this to hide header
  .mat-table .mat-header-cell {
    border: 10px solid;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  */
  .mat-table .mat-row {
    border-bottom: 5px solid #ddd;
    display: contents;
  }

  /*
  .mat-table .mat-row:nth-child(even) {background: #CCC}
  .mat-table .mat-row:nth-child(odd) {background: #FFF}
  */
  .mat-table .mat-cell {
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1em;
    text-align: right;
    margin-bottom: 0;
    height: 40px;
    line-height: 20px;
    width: 100%;
  }

  .mat-table .mat-cell:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 13px;
    padding-right: 10px;
    text-align: left;
  }

  .mat-table .mat-cell:last-child {
    border-bottom: 2px solid #ccc !important;
  }

  .mat-table .mat-cell:first-child {
    margin-top: 0px;
    border-top: 1px solid #eee;
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    padding-left: 10px !important;
  }

  .mat-icon-button {
    line-height: 0 !important;
  }

  .table-expanded-description .example-element-detail {
    margin-right: -15px;
  }
  .table-expanded-description .custom-form-group {
    padding-left: 0;
  }
  .table-expanded-description .custom-form-group label {
    max-width: initial !important;
    min-width: auto !important;
    margin-right: 20px;
    padding-left: 10px;
  }
  .table-expanded-description .custom-form-group label .dots {
    width: auto;
    float: none;
  }

  .custom-sticky-table table tbody .enquiries_name_flex {
    display: inherit;
  }

  .table-chip {
    display: inline-block;
  }

  .table_section .table_header .table_header_left .bulk-upload-btn {
    margin-bottom: 6px;
    margin-top: 6px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .tables-section table tbody .mat-row .mat-cell.email-td {
    max-width: 100px;
    word-break: break-all;
  }
  .tables-section table tbody .mat-row .mat-cell.status-td {
    max-width: 110px;
    width: 110px;
  }
}
.table_btn {
  height: 22px !important;
  padding: 0 0 !important;
}
.table_btn .mat-button-wrapper {
  font-size: 13px !important;
  line-height: 22px !important;
}
.table_top_heading {
  font-size: 18px;
  margin-bottom: 15px;
  padding-left: 15px;
  letter-spacing: 0;
  text-align: left;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "Clash Display Light";
}
.table_wd_33 {
  width: 33%;
}
.form-section {
  margin: 0px 0 0 0;
  width: 100%;
}
.form-section .custom-form-group {
  margin: 0 0 0px 0;
}
.form-section .custom-form-group .mat-form-field {
  width: 100%;
}
.form-section .custom-form-group .custom-label {
  margin: 0 0 5px 0;
  display: block;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  color: #000;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.form-section .custom-form-group .custom-form-control {
  width: 100%;
  position: relative;
}
.form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  font-size: 12px;
  position: relative;
}
.form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  outline: 0px !important;
}
.form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover .mat-form-field-outline, .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:focus .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
  outline: 0px !important;
}
.form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 6px !important;
}
.form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 4px;
  border-left-style: solid;
}
.form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.4em 0 0.7em 0 !important;
}
.form-section .custom-form-group .custom-form-control .mat-radio-label {
  margin-right: 45px;
}
.form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
}
.form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-inner-circle {
  background-color: #FF7000;
}
.form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbbbbb !important;
  /* Firefox */
  font-weight: 400 !important;
}
.form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bbbbbb !important;
  font-weight: 400 !important;
}
.form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #bbbbbb !important;
  font-weight: 400 !important;
}
.form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
  position: relative;
  top: 5px;
}
.form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.form-section .custom-form-group .custom-form-control.time-control {
  position: relative;
}
.form-section .custom-form-group .custom-form-control.time-control table tbody tr td a .bs-chevron-up {
  margin: 0 auto;
  cursor: pointer;
}
.form-section .custom-form-group .custom-form-control.time-control table tbody tr td a .bs-chevron-down {
  margin: 0 auto;
  cursor: pointer;
}
.form-section .custom-form-group .custom-form-control.time-control table tbody tr td .bs-timepicker-field {
  width: 50px;
  text-align: center;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-section .custom-form-group .custom-form-control.time-control table tbody tr td .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-section .custom-form-group .custom-form-control.time-control table tbody tr td .btn-link {
  font-weight: 400;
  color: #FF7000;
  text-decoration: none;
}
.form-section .custom-form-group .mat-checkbox {
  margin: 5px 10px 5px 0px;
}
.form-section .custom-form-group .mat-checkbox .mat-checkbox-label {
  font-size: 12px;
}
.form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
}
.form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  border-color: #b1b1b1;
  border-width: 1px;
}
.form-section .custom-form-group .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.form-section .custom-form-group .mat-checkbox-checked .mat-checkbox-label {
  color: #FF7000;
}
.form-section .custom-form-group.text-area-group .mat-form-field-outline-end {
  border-radius: 4px !important;
}
.verified_icon {
  display: flex;
  align-items: center;
  top: 3px;
  position: relative;
}
.verified_icon span {
  padding-left: 10px;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 400;
  color: #68B840;
  font-family: "Clash Display Light";
}
.input_file_box {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.input_file_box .file_input {
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: 35px;
  height: 35px;
  position: relative;
}
.input_file_box img {
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 20px;
  top: 8px;
  right: 10px;
}
.mat-standard-chip {
  min-height: 26px !important;
  padding-top: 5px !important;
  padding-bottom: 4px !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.master_add_sec {
  background-color: #fff;
  padding: 15px;
  border-radius: 8px;
}
.profile_edit {
  cursor: pointer;
}
.profile_edit img {
  cursor: pointer;
  width: 18px;
}
.custom-color-group.custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0em 0 0.4em 0 !important;
}
.defaultLayout .form-section {
  width: 100%;
}
.defaultLayout .form-section .custom-form-group {
  margin: 0px 0px 50px;
}
.defaultLayout .form-section .custom-form-group .custom-label {
  margin: 0 0 20px 0;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #000000;
}
.defaultLayout .form-section .custom-form-group .custom-form-control {
  width: 100%;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  font-size: 16px;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  outline: 0px !important;
  padding: 0px !important;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover .mat-form-field-outline, .defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:focus .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
  outline: 0px !important;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 0px !important;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid white;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 10px 0px;
  border: 0px;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input,
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  color: white;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select ::placeholder {
  color: #000000;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 15px;
  border: 0px;
  border-radius: 5px;
  box-shadow: 1px 1px 35px #ebebeb;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-radio-label {
  margin-right: 45px;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-inner-circle {
  background-color: #FF7000;
}
.defaultLayout .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
}
.defaultLayout .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.defaultLayout .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.defaultLayout .form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.defaultLayout .form-section .custom-form-group .mat-checkbox {
  margin: 5px 10px 5px 0px;
}
.defaultLayout .form-section .custom-form-group .mat-checkbox .mat-checkbox-label {
  font-size: 12px;
}
.defaultLayout .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
}
.defaultLayout .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  border-color: #b1b1b1;
  border-width: 1px;
}
.defaultLayout .form-section .custom-form-group .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.defaultLayout .form-section .custom-form-group .mat-checkbox-checked .mat-checkbox-label {
  color: #FF7000;
}
.defaultLayout input:-webkit-autofill,
.defaultLayout input:-webkit-autofill:hover,
.defaultLayout input:-webkit-autofill:focus,
.defaultLayout input:-webkit-autofill:active {
  -webkit-transition: background-color 1000s ease-in-out 0s;
  transition: background-color 1000s ease-in-out 0s;
  -webkit-text-fill-color: white;
}
.defaultLayout .mat-snack-bar-container {
  background-color: #FF7000;
}
.defaultLayout .mat-snack-bar-container .mat-simple-snackbar {
  display: flex;
  justify-content: center;
}
.defaultLayout .mat-snack-bar-container .mat-simple-snackbar span {
  color: white;
}
/* ----- NAVBAR CSS ------ */
.navbar .navbar_nav {
  /* ----- WEB NAVBAR CSS ------ */
  /* ----- MOBILE NAVBAR CSS ------ */
}
.navbar .navbar_nav.sticky .wrapper .web_navbar .logo {
  top: 24%;
  position: absolute;
}
.navbar .navbar_nav .web_navbar {
  padding: 20px 0px;
}
.navbar .navbar_nav .web_navbar .logo a img {
  margin-top: -2px;
  width: 200px;
}
.navbar .navbar_nav .web_navbar ul.social-media {
  display: flex;
}
.navbar .navbar_nav .web_navbar ul.social-media li {
  margin-right: 50px;
  margin-top: 5px;
}
.navbar .navbar_nav .web_navbar ul.social-media li:last-child {
  margin-right: 0px;
}
.navbar .navbar_nav .web_navbar ul.social-media li a img {
  width: 20px;
}
.navbar .navbar_nav .web_navbar ul.main_menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li {
  position: relative;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li > a {
  color: #000000;
  margin: 0px 10px;
  height: 60px;
  line-height: 60px;
  display: block;
  position: relative;
  font-size: 14px;
  font-family: "Clash Grotesk Medium";
  text-transform: uppercase;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li > a::after {
  content: "";
  background-color: #FF7000;
  height: 1px;
  border-radius: 3px;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  transform: scaleX(0);
}
.navbar .navbar_nav .web_navbar ul.main_menu > li > a:hover, .navbar .navbar_nav .web_navbar ul.main_menu > li > a:focus {
  color: #FF7000;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li > a:hover::after, .navbar .navbar_nav .web_navbar ul.main_menu > li > a:focus::after {
  transform: scaleX(1);
  transition: all 0.5s ease-in-out 0s;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li > a.router-link-active {
  color: #FF7000;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li > a.router-link-active::after {
  content: "";
  background-color: #FF7000;
  height: 3px;
  width: 100%;
  opacity: 1;
  transform: scaleX(1);
}
.navbar .navbar_nav .web_navbar ul.main_menu > li .loginbtn {
  height: 45px;
  padding: 4px 30px !important;
  filter: drop-shadow(8px 6px 20px rgba(0, 0, 0, 0.1));
  border: 1px solid #ff7000;
  margin-left: 25px;
  border-radius: 30px;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li .loginbtn span {
  font-family: "Clash Grotesk Medium" !important;
  font-weight: 400;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li .dropdown_menubar {
  background-color: #f7f7f7;
  min-width: 290px;
  display: block;
  position: absolute;
  top: 60px;
  left: 0;
  right: auto;
  z-index: 2;
  border-radius: 5px;
  padding: 15px;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li .dropdown_menubar::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #f7f7f7;
  position: absolute;
  top: -15px;
  left: 61px;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li .dropdown_menubar li {
  height: 30px;
  line-height: 30px;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li .dropdown_menubar li a {
  color: #77838f;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li .dropdown_menubar li a:hover, .navbar .navbar_nav .web_navbar ul.main_menu > li .dropdown_menubar li a:focus {
  color: #FF7000;
}
.navbar .navbar_nav .mobile_navbar {
  display: none !important;
}
.navbar .navbar_nav .mobile_navbar .logo {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 9;
  outline: none;
}
.navbar .navbar_nav .mobile_navbar .logo a img {
  width: 200px;
  padding: 5px 0px;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel {
  box-shadow: none;
  border-radius: 0px;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  padding: 0;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-header.toggler {
  width: 60px;
  margin-left: auto;
  background-color: transparent;
  /* ----- MOBILE TOGGLE CSS ------ */
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-header.toggler .mat-content {
  display: block !important;
  height: 60px;
  z-index: 9;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-header.toggler .mat-content .mat-expansion-panel-header-title {
  float: right;
  border: 1px solid #FF7000;
  padding: 5px;
  border-radius: 4px;
  position: relative;
  top: 10px;
  margin-right: 10px;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-header.toggler .mobile_toggler {
  width: 25px;
  height: 25px;
  transition: all 0.4s ease;
  position: relative;
  left: 0px;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-header.toggler .mobile_toggler span {
  display: block;
  position: absolute;
  top: 12px;
  height: 2px;
  min-height: 2px;
  width: 100%;
  transition: all 0.4s ease;
  background: #FF7000;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-header.toggler .mobile_toggler span::before {
  background: #FF7000;
  top: -8px;
  position: absolute;
  display: block;
  right: 0;
  width: 100%;
  height: 0px;
  min-height: 2px;
  content: "";
  transition: all 0.4s ease;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-header.toggler .mobile_toggler span::after {
  left: auto;
  right: 0px;
  width: 100%;
  background: #FF7000;
  bottom: -8px;
  position: absolute;
  display: block;
  height: 0px;
  min-height: 2px;
  content: "";
  transition: all 0.4s ease;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header.toggler .mobile_toggler span {
  height: 0px;
  min-height: 0px;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header.toggler .mobile_toggler span::before {
  top: 0px;
  transform: rotate(45deg);
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header.toggler .mobile_toggler span::after {
  bottom: -2px;
  transform: rotate(-45deg);
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 0;
  border-top: 1px solid #ccc;
  background: #fff;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .main_menu {
  width: 100%;
  justify-content: center !important;
  position: relative;
  list-style: none;
  background: #fefefe;
  text-align: left;
  overflow: hidden;
  z-index: 999;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .main_menu > li {
  padding: 10px;
  transition: all 0.5s ease-in-out;
  border-bottom: 1px solid #e8e8ec;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .main_menu > li a {
  display: flex;
  justify-content: space-between;
  color: #FF7000;
  width: 98%;
  font-weight: 600;
  letter-spacing: 0.5px;
  align-items: center;
  padding: 5px;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .main_menu > li a img {
  position: relative;
  top: 7px;
  right: 25px;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .main_menu > li a .dropdown_name {
  padding: 10px;
  font-weight: 600;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .main_menu > li.dropdown_menubar {
  padding: 0px !important;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .main_menu > li.dropdown_menubar mat-expansion-panel-header {
  height: 41px !important;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .main_menu > li.dropdown_menubar .sub_menu li {
  width: 100%;
  border-bottom: 1px solid #e8e8ec;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .main_menu > li.dropdown_menubar .sub_menu li:last-child {
  border: none;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .main_menu > li.dropdown_menubar .sub_menu li a {
  transition: all 0.3s ease-in-out;
  padding: 7px 15px;
  font-size: 13px;
}
.navbar .navbar_nav .mobile_navbar .mat-expansion-indicator {
  display: none;
}
.sticky {
  position: fixed;
  top: 0;
  animation: slideInDown 0.7s;
  opacity: 1;
  width: 100%;
  transition: all 0.7s ease-in-out;
  background: #ffffff;
  z-index: 9999;
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.141));
}
.scroll-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  background: #000;
  width: 30px;
  height: 30px;
  opacity: 0;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  z-index: 999;
}
.scroll-top.scroll-top-in {
  opacity: 1 !important;
  transition: all 0.2s ease;
}
.scroll-top img {
  width: 15px;
}
.scroll-top:hover {
  background: #ff7000;
}
.main-footer {
  background-color: #000;
  color: #ffffff;
  padding-top: 100px;
}
.main-footer h3 {
  color: #ffffff;
}
.main-footer p {
  color: #ffffff;
}
.main-footer .footer-links {
  padding-bottom: 75px;
}
.main-footer .footer-links img {
  width: 100%;
  margin-bottom: 20px;
}
.main-footer .footer-links ul.social-media {
  display: flex;
}
.main-footer .footer-links ul.social-media li {
  margin-right: 90px;
  margin-bottom: 20px;
}
.main-footer .footer-links ul.social-media li:last-child {
  margin-right: 0px;
}
.main-footer .footer-links ul.social-media li a img {
  width: 25px;
  margin: 0px;
}
.main-footer .footer-links .mail-phone {
  margin-bottom: 10px;
}
.main-footer .footer-links .mail-phone img {
  width: 18px;
  position: relative;
  bottom: 2px;
  margin: 0px;
}
.main-footer .footer-links ul.links li {
  margin-bottom: 10px;
}
.main-footer .footer-links ul.links li:first-child {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #FF7000;
  display: inline-block;
}
.main-footer .footer-links ul.links li a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
}
.main-footer .footer-links ul.links li p {
  color: #ffffff;
}
.main-footer .footer-links ul.links li p:first-child {
  font-weight: 700;
}
.main-footer .form-section {
  width: 228px;
}
.main-footer .form-section .custom-form-group {
  margin: 0px 5px;
}
.main-footer .form-section .custom-form-group .custom-form-control {
  position: relative;
}
.main-footer .form-section .custom-form-group .custom-form-control span {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.main-footer .form-section .custom-form-group .custom-form-control span img {
  margin: 0px;
}
.main-footer .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0px 25px;
}
.main-footer .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border: 0px;
}
.main-footer .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 10px 0px;
  border: 0px;
  border-bottom: 1px solid #FF7000;
}
.main-footer .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input {
  color: #ffffff;
  width: 85%;
}
.main-footer .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input:-webkit-autofill {
  -webkit-text-fill-color: #ffffff;
}
.main-footer .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff;
}
.main-footer .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input::placeholder {
  color: #ffffff;
}
.main-footer .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input :-ms-input-placeholder {
  color: #ffffff;
}
.sub-footer {
  padding: 15px 0px;
  background-color: #0e1f29;
}
.sub-footer p {
  color: #ffffff;
  text-align: center;
  padding: 10px;
}
.sub-footer p a {
  color: #ffffff;
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}
/* ------- COMMON CSS ------ */
body {
  background: #fff !important;
}
.mat-select-placeholder {
  bottom: 0;
  font-family: "Clash Display Medium" !important;
  font-size: 14px !important;
  /* font-family: "Clash Display Light"; */
  letter-spacing: 0.5px;
}
.form-section .custom-form-group .custom-form-control .mat-select-arrow {
  top: 2px;
}
.positionRelative {
  position: relative;
}
/*********** job pages ********/
.dashboard_bred_crumb a {
  color: #212529;
}
.job_search_sec {
  background: url('jobSearchBg.jpeg');
  background-size: cover;
  padding: 100px 0px;
  position: relative;
}
.job_search_sec::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #00000075;
}
.job_search_sec .wrapper {
  position: relative;
}
.main-search-box {
  background: #fff;
  padding: 20px 10px 0px 10px;
  border-radius: 10px;
}
.main-search-box-input {
  display: flex;
}
.main-search-box-input > div {
  flex: 1;
  align-self: end;
  padding: 0px 10px;
}
.main-search-box-input h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
  color: #000;
}
.main-search-box-input p {
  font-size: 15px;
  font-weight: 300;
}
.job-search-what {
  background: url('search.svg') no-repeat;
}
.main-search-box-input .mat-form-field {
  line-height: 1.7;
}
.job-what .form_search .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.4em 0 0.4em 0 !important;
}
.searchSubmitBox {
  display: flex;
  justify-content: center;
}
.searchSubmitBoxBg {
  background: #fff;
  padding: 0px 10px 10px 10px;
  border-radius: 0px 0px 10px 10px;
}
.popular-searches {
  padding: 30px 0;
}
.popular-searche-list {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}
.popular-searche-list div {
  background: #fff;
  padding: 10px 20px;
  margin: 15px;
  border-radius: 5px;
  font-size: 20px;
  cursor: pointer;
}
.popular-searche-list div:hover {
  background: #ddd;
}
.popular-jobs, .talents-sec {
  padding: 30px 0;
}
.fullTime {
  background: rgba(29, 125, 239, 0.0784313725);
  color: #1d7def;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.orgThemeBtn {
  background: rgba(29, 125, 239, 0.0784313725);
  color: #1d7def;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.linkBtn {
  background: #fff;
  color: #ef6a30 !important;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.blueThemeBtn {
  background: #fff0e5;
  color: #ef6a30;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.popular-jobs .product_box .box_content {
  padding: 15px;
}
.popular-jobs .product_box .box_content .job_name {
  font-size: 15px;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
  margin: 0 0 15px 0;
  font-weight: normal;
  color: #2a2a29;
  height: auto !important;
  font-family: "General Sans Medium";
}
.popular-jobs .product_box .box_content .company_name {
  font-size: 15px;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
  margin: 0 0 0px 10px;
  font-weight: 400;
  color: #EF6A30;
  height: auto;
}
.talents-sec .product_box .box_content {
  padding: 15px;
}
.talents-sec .product_box {
  min-height: 400px;
  max-height: 400px;
}
.talents-sec .product_box .box_content .job_name {
  font-size: 15px;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
  margin: 0 0 15px 0;
  font-weight: normal;
  color: #2a2a29;
  height: auto !important;
  font-family: "General Sans Medium";
}
.talents-sec .product_box .box_content .company_name {
  font-size: 17px;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
  margin: 0 0 0px 10px;
  font-weight: 400;
  color: #202020;
  height: auto;
  font-weight: bold;
}
.talents-sec .product_box .box_content .company_name span {
  display: block;
  font-size: 15px;
  color: #888888;
  font-weight: normal;
}
.tal-rev {
  color: #202020;
  font-size: 15px;
  margin-top: 25px;
}
.reviewStar {
  display: flex;
  align-items: baseline;
}
.talentSkills {
  flex-wrap: wrap;
  display: flex;
  justify-content: left;
  margin-bottom: 10px;
}
.talentSkills div {
  background: rgba(0, 0, 0, 0.0784313725);
  border-radius: 5px;
  color: #202020;
  margin: 5px 5px 0px 0px;
  padding: 5px 10px;
}
.tal_description {
  color: #202020;
  font-size: 14px;
  margin-bottom: 10px;
}
.hiremebtn {
  display: flex;
  justify-content: center;
}
.company_name_log {
  display: flex;
  align-items: center;
}
.jobcompanyLogo {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
}
.jobcompanyLogo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transform: scale(1) !important;
}
.viewAllJobsLink {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30px;
  color: #EF6A30;
  cursor: pointer;
}
.job-listing-list-view .product_box {
  padding: 30px;
}
.job-box-company-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.job-box-company-detail h3 {
  color: #000;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 10px;
  font-weight: bold;
}
.job-box-company-detail h4 {
  font-size: 25px;
  color: #000;
  line-height: 36px;
  margin-bottom: 10px;
  font-weight: normal;
}
.job-box-company-detail .jobcompanyLogo {
  width: 120px;
  height: 120px;
  flex: 0 0 120px;
}
.job-box-company-detail .jobcompanyLogo img {
  border: 1px solid #adacac;
}
.job-listing-list-view .product_box .box_content {
  padding: 0;
}
.job-listing-list-view .product_box .box_content .fullTime {
  margin-top: 10px;
  margin-bottom: 20px;
  display: inline-block;
}
.j-time {
  font-size: 20px;
  margin-top: 10px;
  color: #8e8e8e;
}
.j-time a {
  color: #1d7def !important;
  margin-left: 7px;
}
.jobDetail_sec_bg {
  height: auto;
  border-radius: 10px;
  background: #fff;
  padding: 20px;
  margin: 0px 0 20px 0px;
  border: 0px solid #ddd;
}
.jopd-left-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jobDetail_top h2 {
  color: #000000;
  font-size: 20px;
  line-height: normal;
  margin-bottom: 10px;
}
.jobDetail_top h3 {
  color: #7a8a9e;
  font-size: 20px;
  line-height: normal;
  margin-bottom: 10px;
}
.postTime {
  font-size: 14px;
  margin-top: 10px;
  color: #8e8e8e;
  display: block;
}
.jodAction_sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.job_action_apply {
  display: flex;
  align-items: center;
}
.job_action_apply a {
  margin-right: 10px;
}
.job_action_right {
  align-self: flex-end;
  display: flex;
}
.job_action_right .flex_job {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.job_action_right .flex_job:hover {
  background: #e9e9e9;
}
.job_action_right .flex_job.bookmark {
  /* padding: 15px; */
  border-radius: 50%;
  margin-right: 20px;
  border: 1px solid #707070;
  width: 45px;
  height: 45px;
  justify-content: center;
}
.job_action_right .flex_job.bookmark img {
  position: relative;
  width: 20px;
  height: 20px;
}
.job_action_right .flex_job.share {
  /* padding: 15px; */
  border-radius: 50%;
  border: 1px solid #707070;
  width: 45px;
  height: 45px;
  justify-content: center;
}
.job_action_right .flex_job.share img {
  width: 20px;
  height: 20px;
}
.jobLike_btn {
  margin-bottom: 20px;
  display: block;
}
.jobLike_btn a {
  color: #0083da !important;
}
.jobExpsec {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flexCon {
  display: flex;
  align-items: center;
}
.jobDetailTextStyle {
  margin-bottom: 20px;
}
.jobDetailTextStyle h3 {
  color: #000;
  font-size: 17px;
  margin-bottom: 0px;
  font-weight: bold;
}
.jobDetailTextStyle h4 {
  color: #878787;
  font-size: 13px;
  margin-bottom: 0px;
}
.jobDetailTextStyle p {
  color: #223645;
  font-size: 15px;
  margin-bottom: 10px;
}
.jobDetailTextStyle ul {
  margin-left: 17px;
}
.jobDetailTextStyle ul li {
  list-style: disc;
  margin-bottom: 4px;
}
.jobDetailTextStyle span.styleRoundText {
  color: #ef6a30;
  background: #ef6a30;
  color: #ef6a30;
  background: #ef6a3033;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 20px;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 10px;
}
.jobDetailTextStyle b {
  color: #000;
  font-weight: bold;
}
.themeColor {
  color: #ef6a30 !important;
}
.jobDetail_bottom h2 {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.relatedJobSearch li {
  width: 33%;
  float: left;
  margin-bottom: 10px;
  color: #7a8a9e;
}
.box_headingN2 {
  color: #000;
  font-size: 15px;
  padding: 0px 10px 10px 10px;
  border-bottom: 2px solid #edeeee;
  margin: 0px 0px 10px 0px;
  font-family: "Clash Display Medium" !important;
}
.aboutCompany {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.aboutCompanyRight p a {
  color: #ef6a30 !important;
}
.similarJobList {
  margin-bottom: 10px;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #edeeee;
  cursor: pointer;
}
.similarJobList .jobDetailTextStyle h4 {
  color: #223645;
  font-size: 15px;
  margin-bottom: 10px;
  margin-bottom: 0px;
  font-weight: bold;
}
.similarJobList .jobDetailTextStyle p {
  color: #878787;
  font-size: 13px;
  margin-bottom: 10px;
  font-weight: bold;
}
.similarJobIcoTex {
  margin-bottom: 10px;
}
.similarJobIcoTex img {
  width: 15px;
}
.dflexSpaceBetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.viewAllRight {
  position: absolute;
  right: 0;
  top: 3px;
  color: #ef6a30 !important;
}
.job-box-emp-detail {
  display: flex;
  align-items: center;
}
.job-box-emp-detail .empprofileimg {
  width: 120px;
  height: 120px;
  flex: 0 0 120px;
  margin-right: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.job-box-emp-detail h3 {
  color: #000;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 10px;
  font-weight: bold;
}
.job-box-emp-detail h4 {
  color: #888888;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 10px;
  font-weight: bold;
}
.applicaent-info .job-box-emp-detail h3 {
  font-size: 20px;
  line-height: initial;
}
.applicaent-info .job-box-emp-detail h4 {
  font-size: 17px;
  line-height: initial;
}
.empprofileimg {
  width: 120px;
  height: 120px;
  flex: 0 0 120px;
}
.empprofileimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transform: scale(1) !important;
}
.empDetailSec .skills, .empDetailSec .intrests, .empDetailSec .work_experience, .empDetailSec .education {
  margin-top: 40px;
}
.applicaent-info .work_experience .mat-accordion .mat-expansion-panel {
  background: #f9f9f9;
}
.applicaent-info .job-box-emp-detail .empprofileimg {
  width: 90px;
  height: 90px;
}
.mat-expansion-panel-spacing {
  margin: 0px 0 !important;
}
.empDetailSec .jobDetailTextStyle h3 {
  font-size: 24px;
  margin-bottom: 7px;
}
.empDetailSec .mat-expansion-panel {
  margin-bottom: 0 !important;
  border-bottom: 1px solid #f5f5f5;
}
.empDetailSec .mat-expansion-panel-header-title {
  font-weight: bold;
  font-size: 20px;
}
.certificatesSection {
  background: #f8f0ed;
  padding: 30px 0px 50px 0;
}
.certificatesSectionListDownloadBtn .mat-raised-button .mat-icon {
  color: #ef6a30;
  margin-left: 50px;
}
.certificatesSectionListDownloadBtn button {
  margin-right: 30px;
}
.empdetailbeforeafter {
  padding: 50px 0;
}
.empdetailbeforeafter h2 span {
  display: inline-block;
  position: relative;
  color: #3b3b3b;
  font-family: "Clash Display Medium" !important;
  font-weight: 500;
}
.empdetailbeforeafter.wrapper .heading_feature h2 span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin: 2px auto 0 auto;
  width: 100%;
  height: 2px;
  background: #ff324d;
}
.jobSelectTheList {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 30px;
}
.filterSec {
  margin-bottom: 20px;
}
.filterJoblist {
  display: flex;
  align-items: center;
}
.filterJoblist .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.extmral {
  margin-right: auto;
  margin-left: 20px;
}
.job-box-company-detail-dashboard h3 {
  color: #000;
  font-size: 26px;
  line-height: 26px;
  margin-bottom: 10px;
  font-weight: bold;
}
.job-box-company-detail-dashboard h4 {
  font-size: 20px;
  color: #707070;
  line-height: 26px;
  margin-bottom: 10px;
  font-weight: normal;
}
.job-box-company-detail-dashboard .jobcompanyLogo {
  width: 100px;
  height: 100px;
  flex: 0 0 100px;
}
.job-box-company-detail-dashboard .jobcompanyLogo img {
  border: 1px solid #adacac;
}
.applicant-img {
  width: 60px;
  height: 60px;
}
.applicant-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.applicant-name {
  font-size: 20px;
  color: #000;
}
.applicantListItem {
  border: 2px solid #6e6e6e1a;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
}
.applicantListItem:hover {
  border: 2px solid #ef6a308a;
  box-shadow: rgba(179, 85, 9, 0.32) 0px 8px 24px;
}
.bgc1 {
  background: #f4f6f8;
}
.jobSecAdd {
  padding: 12px;
}
.resumeBtn {
  color: #ef6a30;
  background: #ef693050;
  cursor: pointer;
  padding: 8px 30px;
  border-radius: 30px;
}
.jobSecAdd h6 {
  color: #000000;
  font-size: 14px;
  margin-bottom: 0;
}
.jobSecAdd p {
  color: #707070;
  font-size: 12px !important;
  line-height: 15px;
}
.resumeEdit {
  border: 1px solid #ef6a30;
  padding: 20px;
  background: #fff0e5;
}
.resumePdf span {
  font-size: 12px;
  color: #707070;
}
.orHr {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  margin: 25px 0px;
}
.orHr span {
  display: block;
  position: absolute;
  top: -11px;
  background: #fff;
  padding: 0px 20px;
  left: 0;
  right: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 80px;
}
.resumeEditOr {
  border: 1px dashed #ef6a30;
  padding: 20px;
  background: #fff0e5;
  cursor: pointer;
}
.custom-modal .master-modal .modal-footer {
  padding: 10px 15px;
  margin-top: 25px;
}
.backfromModal {
  color: #ef6a30 !important;
  font-size: 17px;
  font-weight: 800;
}
.changeInput {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.changeInput span {
  color: #ef6a30 !important;
}
.modalfieldconHeading {
  color: #000;
}
.modalNormalText {
  color: #878787;
  padding-bottom: 10px;
}
.modalNormalText span {
  color: #000;
}
.wBg {
  background: #fff;
}
.aplicant-info-left .applicantListItem {
  background: #fff;
  border: 2px solid #fff;
}
.aplicant-info-left .applicantListItem .applicant-img img {
  border-radius: 50%;
}
/***** jop pages end ********/
.mrauto {
  margin-right: auto !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.errorTabSelect {
  border: 1px solid #f44336 !important;
}
.ng-touched.errorTabSelect {
  border: 1px solid #efefef !important;
}
.errorTabSelect.mat-button-toggle-checked {
  border-color: #EF6A30 !important;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li .router-link-active {
  background: #EF6A30;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a span {
  padding-left: 22px;
}
.master_dashboard_sec .master_dashboard_router .dashboard_bred_crumb {
  margin: 0px 0px 10px 0px !important;
  border-radius: 5px !important;
}
.master_dashboard_sec .master_dashboard_router {
  padding: 0px 0px 40px 0px !important;
}
.master_reports_sec .iframe-sec .iframe-box {
  margin: 15px 0px 15px 0px !important;
}
.custom-sticky-table table thead .mat-header-row:first-child .mat-header-cell {
  background: #e1e1e1 !important;
}
.mat-form-field-appearance-outline .mat-form-field-prefix, .mat-form-field-appearance-outline .mat-form-field-suffix {
  top: -1px !important;
}
.navbar .navbar_nav .web_navbar .logo a img {
  vertical-align: baseline;
}
.navbar {
  width: 100%;
  display: block;
  padding: 0;
}
.custom-sticky-table {
  margin-top: 0px !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .table_section {
  margin: 0px !important;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a svg {
  margin-right: 10px;
  fill: #000;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a:hover svg {
  fill: #fff;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec {
  border: 0px !important;
}
.profile_web_menu {
  background: #fff;
  border-radius: 10px !important;
}
.bgW_borRed {
  background: #fff;
  border-radius: 20px !important;
  margin-bottom: 25px;
}
.bgW_borRed h3 {
  color: #000;
  margin-bottom: 5px;
  font-size: 27px;
}
.bgW_borRed .lightTextP {
  color: #748294;
}
.pad-bgw {
  background: #fff;
  border-radius: 20px !important;
  padding: 12px;
  margin-bottom: 25px;
}
.pad-bgw2 {
  background: #fff;
  border-radius: 20px !important;
  padding: 25px;
  margin-bottom: 25px;
}
.pad-bgw2 .box_headingN2 {
  color: #000;
  font-size: 18px;
  padding: 0px 10px 10px 0px;
  border-bottom: 1px solid #edeeee;
  margin: 0px 0px 10px 0px;
  font-family: "Clash Display Medium" !important;
  font-weight: bold;
}
.master_sidenav_box {
  box-shadow: none;
  border: 0;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li > a.router-link-active svg path {
  fill: #EF6A30;
}
.navbar .navbar_nav .web_navbar ul.main_menu > li > a:hover svg path, .navbar .navbar_nav .web_navbar ul.main_menu > li > a:focus svg path {
  fill: #EF6A30;
}
.feed_user_details {
  background: #fff;
  border-radius: 10px;
}
.master_feed_sec .feed_right .feed_box {
  margin: 0px auto 25px auto !important;
}
.master_feed_sec .feed_right .feed_box .feed_box_container {
  max-width: 700px;
  margin: 0px auto;
}
.my_profile_heading-n {
  padding: 10px 10px;
  margin: 0px 10px 10px 15px;
  font-size: 15px;
  font-weight: normal;
  color: #000;
  letter-spacing: 2px;
}
.box_headingN {
  font-size: 15px;
  padding: 0px 10px 0px 10px;
  border-bottom: 0px solid #edeeee;
  margin: 0px 0px 0px 0px;
  font-family: "General Sans", sans-serif !important;
  letter-spacing: 1px;
}
.ravtr {
  position: relative;
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  border-radius: 50%;
}
.ravtr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.suggested_friends .mat-list-item-content {
  padding: 15px 0 !important;
  border-bottom: 2px solid #edeeee;
}
.online_user .mat-list-item-content {
  padding: 10px 0 !important;
  border-bottom: 1px solid #fafafa;
}
.suggested_friends .mat-list-base .mat-list-item.mat-list-item-with-avatar {
  height: 65px;
}
.online_user .mat-list-base .mat-list-option.mat-list-item-with-avatar {
  height: 65px;
}
.suggested_friends .mat-list-item:last-child .mat-list-item-content, .online_user .mat-list-item:last-child .mat-list-item-content {
  border-bottom: 0px solid #edeeee !important;
}
.activeText {
  font-size: 11px !important;
  color: #a1a1a1;
}
.followBtn {
  border-color: #ef6a30 !important;
  border-radius: 30px !important;
  padding: 0px 15px !important;
  line-height: 25px !important;
  color: #ef6a30 !important;
}
.buttonOrg {
  border-color: #ef6a30 !important;
  border-radius: 30px !important;
  padding: 0px 15px !important;
  line-height: 25px !important;
  margin-right: 5px;
  background: #ef6a30 !important;
  color: #fff !important;
}
.buttonBlu {
  border-color: #003e78 !important;
  border-radius: 30px !important;
  padding: 0px 15px !important;
  line-height: 25px !important;
  margin-right: 5px;
  background: #003e78 !important;
  color: #fff !important;
}
.newChatAdd {
  border-color: #ef6a30 !important;
  border-radius: 30px !important;
  padding: 0px 15px !important;
  line-height: 25px !important;
  margin-right: 5px;
  background: #ef6a30 !important;
  color: #fff !important;
}
.newChatAdd svg {
  fill: #fff;
  height: 14px;
  width: 13px;
}
.my_profile_chat {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 2px solid #edeeee;
  padding-bottom: 10px;
}
.my_profile_chat_stat {
  margin-left: 10px;
  flex: auto;
}
.my_status {
  width: 70px;
}
.mat-form-field-appearance-fill.my_status .mat-form-field-flex {
  padding: 0 !important;
  background: none;
}
.my_status .mat-form-field-infix {
  padding: 0 !important;
  border: 0 !important;
}
.mat-form-field-appearance-fill.my_status .mat-select-arrow-wrapper {
  transform: inherit;
}
.my_status .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.my_status .mat-form-field-underline {
  display: none;
}
.user_chat_list {
  height: 500px;
  overflow-y: scroll;
  padding-right: 3px;
}
.service_box img {
  width: 100%;
}
.service_box h6 {
  color: #000;
  font-size: 23px;
  margin-top: 10px;
}
.service_box p {
  margin-bottom: 10px;
}
.service_box a {
  color: #EF6A30;
}
.upgrader_Card_plan_btn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}
.my_subscriptions_box button {
  font-size: 11px;
}
.current_offers_flex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
.plan_name_anf_crown.media {
  min-height: auto !important;
  margin-bottom: 20px;
}
.plan_name_anf_crown.media .media-left {
  background: #FF7000;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.plan_name_anf_crown.media .media-left img {
  max-width: 25px;
  max-height: 25px;
}
.plan_name_anf_crown .media-body {
  height: 100%;
  align-items: center;
}
.plan_name_anf_crown .media-body h4 {
  margin: 0 !important;
  letter-spacing: 0 !important;
  text-transform: capitalize;
  font-size: 19px !important;
  color: #000;
  font-weight: 600 !important;
}
.auto_renew_toggle {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
.feedNameTitle {
  font-size: 18px !important;
  text-transform: capitalize;
  color: #000 !important;
}
.feedNameTitle span {
  font-size: 14px !important;
  color: #8e8e8e !important;
}
.time_feed {
  font-size: 11px !important;
  color: #8e8e8e !important;
  font-weight: normal !important;
  margin-right: 10px;
}
/* width */
.customeScroll::-webkit-scrollbar {
  width: 8px;
}
/* Track */
.customeScroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px grey;
  border-radius: 10px;
}
/* Handle */
.customeScroll::-webkit-scrollbar-thumb {
  background: #ef6a30;
  border-radius: 10px;
}
/* Handle on hover */
.customeScroll::-webkit-scrollbar-thumb:hover {
  background: #ef6a30;
}
.altCount {
  position: absolute;
  background: #fb8519;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #fff;
  display: block;
  line-height: 26px;
  top: -8px;
  right: 0px;
  text-align: center;
  font-size: 12px;
}
.logout_icon.nopaddingMenu a.nopaddingMenu-a img {
  margin-right: -5px;
}
.msgCount {
  background: #fb8519;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  display: block;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  display: inline-block;
}
.user_online_status::after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #afbbc6;
  position: relative;
  border: 2px solid #fff;
  z-index: 1;
  right: -26px;
  top: -15px;
  display: inline-block;
}
.user_online_status.now_online::after {
  background: #76c00d;
}
.user_online_status.now_away::after {
  background: #ffbd08;
}
.user_online_status.now_offline::after {
  background: #afbbc6;
}
.lastOnlineTime {
  font-size: 11px !important;
  color: #a1a1a1;
}
.sec-padding-tb {
  padding: 75px 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Clash Display Medium";
  font-weight: 500;
}
h1 {
  color: #ff7000;
  font-size: 50px;
  line-height: 60px;
  margin-bottom: 20px;
  font-weight: normal;
}
h2 {
  color: #ff7000;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 20px;
  font-weight: normal;
}
h3 {
  color: #ff7000;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 20px;
  font-weight: normal;
}
h4 {
  color: #FF7000;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: normal;
}
h5 {
  color: #ff7000;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 10px;
  font-weight: normal;
}
h6 {
  color: #ff7000;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5px;
  font-weight: normal;
}
p {
  color: #000;
  line-height: 20px;
}
.feed_main_footer {
  display: flex;
}
.feed_footer_left {
  flex-grow: 1;
}
.feed_footer_right {
  align-self: flex-end;
  padding-right: 15px;
  padding-bottom: 15px;
  display: flex;
  padding-left: 15px;
}
.feed_footer_right .flex_feed {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.feed_footer_right .flex_feed.likes {
  margin-right: 10px;
}
.feed_footer_right .flex_feed.likes img {
  position: relative;
  background: #b4c0ce;
  padding: 8px;
  margin-right: 6px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.feed_footer_right .flex_feed.share img {
  position: relative;
  background: #b4c0ce;
  padding: 8px;
  margin-right: 6px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.mat-tab-label-content {
  font-family: inherit !important;
}
.wrapper {
  width: 95%;
  margin: 0 auto;
}
.master_router_outlet.ifInnerProfile .wrapper {
  width: 98%;
}
.outer_wrapper {
  width: 95%;
}
.bg-white {
  background-color: #ffffff;
}
.plan_detail_box {
  padding: 10px;
  background: #003e78;
  border-radius: 5px;
}
.my_subscriptions_box {
  min-height: auto !important;
  padding: 20px !important;
}
.plan_detail_box p {
  font-size: 13px;
  font-style: italic;
}
.my_subscriptions_heading {
  font-size: 20px;
  margin-bottom: 5px;
}
.ulListStyle {
  font-size: 11px;
}
.ulListStyle li {
  position: relative;
  padding-left: 14px;
}
.ulListStyle li::before {
  content: "";
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  top: 2px;
  border-radius: 50%;
  background: #fcc33f;
}
.login-form {
  position: relative;
  padding: 0px 0px 0px;
}
.login-form::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('orange-bg.svg') no-repeat;
  background-size: cover;
}
.login-form .content {
  position: relative;
}
.login-form .content .left-content .login-content {
  background-color: #ffffff;
  padding: 16px 20px;
  width: 80%;
  margin: 0 auto;
  border-radius: 20px;
}
.login-form .content .left-content .login-content.login-second-content {
  background-color: #fff;
  padding: 16px 20px;
  width: 85%;
  margin: auto;
  border-radius: 20px;
}
.login-form .content .left-content .login-content .title {
  text-align: center;
  margin-bottom: 50px;
}
.login-form .content .left-content .login-content .title img {
  width: 240px;
  margin: 0px;
  object-fit: cover;
}
.login-form .content .left-content .login-content .title h2 {
  color: #5B5772;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 6px;
}
.login-form .content .left-content .login-content .title h4 {
  font-size: 20px;
  font-weight: 400;
}
.login-form .content .left-content .login-content .form-section {
  width: 86%;
  /* padding: 0px 4px; */
  margin: 0 auto;
}
.login-form .content .left-content .login-content .form-section .custom-form-group {
  margin: 0px 0px 10px;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-label {
  margin: 0 0 20px 0;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #000000;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control {
  width: 100%;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control.btn-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-select-value {
  color: #FF7000 !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  color: #FF7000 !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float {
  border-top-color: #ffffff !important;
  border: 0px !important;
  border-bottom-color: #fe8c2b !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  border-top-color: #ffffff !important;
  border: 0px !important;
  border-bottom-color: #fe8c2b !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  font-size: 16px;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  outline: 0px !important;
  padding: 0px !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover .mat-form-field-outline, .login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:focus .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
  outline: 0px !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 0px !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0px;
  border: 0px !important;
  border-bottom: 0px solid #FF7000;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0px !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input,
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  color: #5B5772;
  padding: 15px 20px !important;
  width: calc(100% - 42px) !important;
  border-radius: 30px;
  border: 1px solid #DEDEDE;
  font-weight: normal !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input ::placeholder,
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea ::placeholder {
  color: #5B5772;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select {
  padding: 15px 20px !important;
  width: 100% !important;
  border-radius: 30px;
  border: 1px solid #DEDEDE;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select ::placeholder {
  color: #000000;
  border-radius: 30px;
  padding: 7px 10px !important;
  border: 1px solid #DEDEDE;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 15px;
  border: 0px;
  border-radius: 5px;
  box-shadow: 1px 1px 35px #ebebeb;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-radio-label {
  margin-right: 45px;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-inner-circle {
  background-color: #FF7000;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-select-placeholder {
  color: #5B5772 !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #5B5772 !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #5B5772 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #5B5772 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .mat-checkbox {
  margin: 5px 10px 5px 0px;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-label {
  font-size: 12px;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  border-color: #b1b1b1;
  border-width: 1px;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .mat-checkbox-checked .mat-checkbox-label {
  color: #FF7000;
}
.login-form .content .left-content .login-content .form-section .forgot_password_flex {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.login-form .content .left-content .login-content .form-section .forgot_password_flex .mat-checkbox-frame {
  border-color: #FF7000;
}
.login-form .content .left-content .login-content .form-section .forgot_password_flex .mat-checkbox-layout .mat-checkbox-label {
  color: #FF7000;
}
.login-form .content .left-content .login-content .form-section .donthave p {
  color: #FF7000;
  margin: 16px 0px 24px;
}
.login-form .content .left-content h2 {
  color: white;
  margin-bottom: 32px;
}
.login-form .content .left-content h5 {
  color: white;
  margin-bottom: 50px;
}
.login-form .content .right-img {
  justify-content: center;
  align-items: center;
}
.login-form .content .right-img .contact-form-img {
  position: absolute;
  left: 48%;
  bottom: -75px;
  width: 298px;
}
.login-form .content .right-img .rent-img .rent-form-img {
  max-height: 500px;
  max-width: 80%;
}
.login-form .modal_close_btn {
  background-color: #ffffff;
  height: 40px;
  border-radius: 50%;
  width: 40px;
  top: 10px;
  right: 10px;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  line-height: 35px;
  color: #898b8b;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.login-form .modal_close_btn .modal-close {
  height: 25px;
  width: 25px;
}
.login-form .modal_close_btn .modal-close i {
  position: relative;
  font-size: 20px;
  bottom: 2px;
  font-weight: 600;
}
.why-dental-interface {
  position: relative;
}
.why-dental-interface::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 600px;
  background: url('orange-bg.svg') no-repeat;
  background-size: cover;
}
.why-dental-interface .content {
  position: relative;
}
.why-dental-interface .content h1 {
  color: white;
}
.why-dental-interface .content p {
  color: white;
  text-align: center;
}
.why-dental-interface .content .icon-card {
  padding: 15px;
  border-bottom: 1px solid white;
  margin: 10px 0px;
}
.why-dental-interface .content .icon-card.no-border {
  border: 0px;
}
.why-dental-interface .content .icon-card .icon {
  background-color: #ffd4b2;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.why-dental-interface .content .icon-card .icon svg {
  width: 25px;
}
.why-dental-interface .content .icon-card .icon i {
  font-size: 50px;
  color: white;
}
.why-dental-interface .content .icon-card .icon:hover {
  background-color: white;
}
.why-dental-interface .content .icon-card .icon:hover svg path {
  fill: #FF7000;
}
.why-dental-interface .content .icon-card .icon:hover i {
  color: #FF7000;
}
.why-dental-interface .content .icon-card span {
  color: white;
  font-family: "Clash Display Medium";
  font-weight: 500;
  font-size: 24px;
}
.designed-for-you {
  position: relative;
}
.designed-for-you.sec-padding-tb {
  padding: 150px 0px;
}
.designed-for-you::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('grey-bg.svg') no-repeat;
  background-size: cover;
}
.designed-for-you .content {
  position: relative;
}
.designed-for-you .content h1 {
  color: white;
}
.designed-for-you .content p {
  margin-bottom: 20px;
  color: white;
}
.dp-designed-for-you {
  position: relative;
}
.dp-designed-for-you.sec-padding-tb {
  padding: 150px 0px;
}
.dp-designed-for-you::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('grey-bg.svg') no-repeat;
  background-size: cover;
}
.dp-designed-for-you .content {
  position: relative;
}
.dp-designed-for-you .content h1 {
  color: white;
}
.dp-designed-for-you .content p {
  margin-bottom: 20px;
  color: white;
}
.buy-sell-designed-for-you {
  position: relative;
}
.buy-sell-designed-for-you.sec-padding-tb {
  padding: 150px 0px;
}
.buy-sell-designed-for-you::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('grey-bg.svg') no-repeat;
  background-size: cover;
}
.buy-sell-designed-for-you .content {
  position: relative;
}
.buy-sell-designed-for-you .content h1 {
  color: white;
}
.buy-sell-designed-for-you .content p {
  margin-bottom: 20px;
  color: white;
}
.cat-designed-for-you {
  position: relative;
}
.cat-designed-for-you.sec-padding-tb {
  padding: 150px 0px;
}
.cat-designed-for-you::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('grey-bg.svg') no-repeat;
  background-size: cover;
}
.cat-designed-for-you .content {
  position: relative;
}
.cat-designed-for-you .content h1 {
  color: white;
}
.cat-designed-for-you .content p {
  margin-bottom: 20px;
  color: white;
}
.are-you-question {
  position: relative;
}
.are-you-question.sec-padding-tb {
  padding: 150px 0px;
}
.are-you-question::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('orange-bg.svg') no-repeat;
  background-size: cover;
}
.are-you-question .content {
  position: relative;
}
.are-you-question .content h1 {
  color: white;
}
.are-you-question .content p {
  margin-bottom: 20px;
  color: white;
}
.you-are-invited {
  position: relative;
}
.you-are-invited.sec-padding-tb {
  padding: 98px 0px;
}
.you-are-invited::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('orange-bg.svg') no-repeat;
  background-size: cover;
}
.you-are-invited .content {
  position: relative;
}
.you-are-invited .content h1 {
  color: white;
}
.you-are-invited .content p {
  margin-bottom: 32px;
  color: white;
}
.network-instant {
  position: relative;
}
.network-instant.sec-padding-tb {
  padding: 96px 0px;
}
.network-instant::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('grey-bg.svg') no-repeat;
  background-size: cover;
}
.network-instant .content {
  position: relative;
}
.network-instant .content h1 {
  color: white;
}
.network-instant .content p {
  margin-bottom: 20px;
  color: white;
}
.about-dental-interface {
  position: relative;
}
.about-dental-interface::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('grey-bg.svg') no-repeat;
  background-size: cover;
}
.about-dental-interface .content {
  position: relative;
}
.about-dental-interface .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.about-dental-interface .content .right-content {
  padding: 0px 0px 0px 48px;
}
.about-dental-interface .content .right-content h1 {
  color: white;
}
.about-dental-interface .content .right-content p {
  margin-bottom: 20px;
  color: white;
}
.mission-vision .left-img {
  position: relative;
}
.mission-vision .left-img .woman {
  position: absolute;
  left: 15%;
  bottom: 0px;
  width: 70%;
}
.mission-vision .mission {
  background-color: #FF7000;
  border-radius: 10px;
  padding: 35px;
  width: 75%;
  margin: 25px 5%;
}
.mission-vision .mission h1 {
  color: white;
  text-align: center;
}
.mission-vision .mission p {
  color: white;
}
.mission-vision .vision {
  background-color: #908f8d;
  border-radius: 10px;
  padding: 35px;
  width: 75%;
  margin: 25px 5%;
}
.mission-vision .vision h1 {
  color: white;
  text-align: center;
}
.mission-vision .vision p {
  color: white;
}
.dental-interface-team {
  position: relative;
}
.dental-interface-team.sec-padding-tb {
  padding: 150px 0px;
}
.dental-interface-team::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('orange-bg.svg') no-repeat;
  background-size: cover;
}
.dental-interface-team .content {
  position: relative;
}
.dental-interface-team .content h1 {
  color: white;
}
.dental-interface-team .content p {
  margin-bottom: 20px;
  color: white;
}
.testimonials {
  position: relative;
}
.testimonials::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('grey-strips-bg.svg') no-repeat;
  background-size: cover;
}
.testimonials h1 {
  font-family: "Clash Display Medium";
  font-weight: 500;
  font-size: 55px;
  margin: 0px 0px;
}
.testimonials h1 span {
  font-family: "Clash Display Medium";
  font-weight: 500;
}
.testimonials .swiper-container {
  width: 100%;
  margin: 0px auto;
  padding: 25px 0px 75px;
}
.testimonials .swiper-container .swiper-wrapper .swiper-slide {
  padding: 25px;
  border-radius: 10px;
  margin: 0px 17.5px;
  max-width: 350px;
  min-height: 300px;
  background-color: white;
  box-shadow: 2px 1px 30px rgba(0, 0, 0, 0.15);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.testimonials .swiper-container .swiper-wrapper .swiper-slide h6 {
  color: #FF7000;
  font-size: 18px;
  line-height: 24px;
}
.testimonials .swiper-container .swiper-wrapper .swiper-slide p {
  margin: 0 0px 15px;
  font-size: 18px;
  line-height: 24px;
}
.testimonials .swiper-button-next {
  right: -75px;
}
.testimonials .swiper-button-next:after {
  font-size: 20px;
  font-weight: 500;
  color: #FF7000;
  visibility: hidden;
}
.testimonials .swiper-button-next i {
  font-size: 48px;
  color: #FF7000;
}
.testimonials .swiper-button-prev {
  left: -75px;
}
.testimonials .swiper-button-prev:after {
  font-size: 20px;
  font-weight: 500;
  color: #FF7000;
  visibility: hidden;
}
.testimonials .swiper-button-prev i {
  font-size: 48px;
  color: #FF7000;
}
.testimonials .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  background-color: #ffd4b2;
  width: 10px;
  height: 10px;
}
.testimonials .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FF7000;
}
.faqs {
  position: relative;
}
.faqs::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('grey-bg.svg') no-repeat;
  background-size: cover;
}
.faqs h1 {
  color: white;
  position: relative;
}
.faqs .mat-accordion .mat-expansion-panel {
  box-shadow: none;
  background: transparent;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  border-bottom: 1px solid white;
  position: relative;
  transition: all 0.5s ease-in-out 0s;
  padding: 15px 0px;
  height: auto;
  border-radius: 0px;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
  background: transparent;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
  color: white;
  font-size: 20px;
  font-weight: 500;
  padding-right: 25px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 15px 0px 0px;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-body p {
  color: white;
  margin-bottom: 10px;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-indicator {
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding: 3px;
  border: 1px solid white;
  border-radius: 50%;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-indicator::after {
  background: url('faqs-arrow.svg') no-repeat;
  background-size: cover;
  height: 15px;
  width: 15px;
  padding: 0px;
  transform: rotate(90deg);
  position: absolute;
  top: 8px;
  left: 8px;
  border: 0px;
}
.faqs .mat-accordion .mat-expansion-panel.mat-expanded {
  margin: 0px;
}
.faqs .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-indicator {
  transform: rotate(90deg) !important;
}
.banner-swiper::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('grey-strips-bg.svg') no-repeat;
  background-size: cover;
  z-index: -1;
}
.banner-swiper .swiper-container {
  position: relative;
  width: 100%;
}
.banner-swiper .swiper-container .swiper-wrapper .swiper-slide {
  min-height: 400px;
}
.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .left-img .doctor {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
  height: 100%;
}
.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text {
  display: flex;
  min-height: 700px;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 0px 0px 48px;
}
.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text h1 {
  font-size: 58px;
  line-height: 74px;
}
.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text p {
  margin-bottom: 32px;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations {
  display: flex;
  position: absolute;
  right: 35%;
  bottom: 10%;
  z-index: 2;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations span {
  cursor: pointer;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations span.swiper-button-disabled i {
  color: #FF7000;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations span.swiper-button-disabled svg path {
  fill: #908f8d;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations .banner-pagination {
  padding: 0px 20px;
  position: relative;
  bottom: 3px;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations .banner-pagination span {
  cursor: default;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations .banner-pagination span.swiper-pagination-current {
  color: #FF7000;
}
.explore-swiper {
  padding: 15px 0px;
  box-shadow: 8px 6px 35px rgba(0, 0, 0, 0.15);
}
.explore-swiper .swiper-container {
  position: relative;
  width: 100%;
}
.explore-swiper .swiper-container .swiper-wrapper {
  max-width: 550px;
}
.explore-swiper .swiper-container .swiper-wrapper .swiper-slide span {
  top: 1px;
  font-family: "Clash Display Medium";
  font-weight: 500;
}
.explore-swiper .swiper-container .swiper-wrapper .swiper-slide img {
  width: 20px;
  height: 20px;
}
.dental-interface-advantages .left-content .swiper-container {
  position: relative;
  width: 100%;
}
.dental-interface-advantages .left-content .swiper-container .swiper-wrapper {
  max-width: 550px;
}
.dental-interface-advantages .left-content .swiper-container .swiper-wrapper .swiper-slide {
  min-height: 500px;
}
.dental-interface-advantages .left-content .swiper-container .swiper-wrapper .swiper-slide p {
  margin-bottom: 20px;
}
.dental-interface-advantages .left-content .swiper-container .navigations {
  display: flex;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 2;
}
.dental-interface-advantages .left-content .swiper-container .navigations span {
  cursor: pointer;
}
.dental-interface-advantages .left-content .swiper-container .navigations span.swiper-button-disabled svg path {
  fill: #908f8d;
}
.dental-interface-advantages .left-content .swiper-container .navigations .advantages-pagination {
  padding: 0px 20px;
  position: relative;
  bottom: 3px;
}
.dental-interface-advantages .left-content .swiper-container .navigations .advantages-pagination span {
  cursor: default;
}
.dental-interface-advantages .left-content .swiper-container .navigations .advantages-pagination span.swiper-pagination-current {
  color: #FF7000;
}
.dental-interface-advantages .right-img {
  position: relative;
}
.dental-interface-advantages .right-img .hands {
  position: absolute;
  top: 20%;
  right: 0px;
  width: 75%;
}
.scroll_top {
  position: fixed;
  bottom: 15px;
  right: 25px;
  background: #FF7000;
  width: 30px;
  height: 30px;
  opacity: 0;
  text-decoration: none;
  border-radius: 24px;
  display: block;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  z-index: 999;
}
.scroll_top.scroll-top-in {
  opacity: 1 !important;
  transition: all 0.2s ease;
}
.scroll_top i {
  color: #ffffff;
  margin: 0;
  line-height: 30px;
  display: block;
  text-align: center;
  font-size: 26px;
  font-weight: 400;
}
.scroll_top:hover {
  background: #FF7000;
}
.scroll_top:hover i {
  color: #ffffff;
}
.sec-padding {
  padding: 25px 0 25px 0px;
}
.sec-margin {
  margin: 50px 0 0 0px;
}
.custom_heading h2 {
  color: #3b3b3b;
  position: relative;
  font-size: 28px;
  font-weight: 500;
  line-height: 30px;
  font-family: "Clash Display Medium";
}
.custom_heading h2::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin: 2px auto;
  width: 100%;
  height: 2px;
  background: #efefef;
}
.custom_heading h2 span {
  display: inline-block;
  position: relative;
  font-family: "Clash Display Medium";
  font-weight: 300;
  padding-bottom: 10px;
}
.custom_heading h2 span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin: 2px auto 0 auto;
  width: 100%;
  height: 1px;
  background: #FF7000;
}
.custom_sub_heading {
  font-size: 16px !important;
  font-family: "General Sans", sans-serif !important;
  letter-spacing: 0.2px !important;
  font-weight: 600 !important;
  color: #21262c !important;
}
.achivements_section .custom_sub_heading {
  text-align: center;
  color: #EF6A30 !important;
  font-size: 18px !important;
}
.master_heading {
  z-index: 9;
}
.master_heading h2 {
  color: #1e2022;
  position: relative;
  font-size: 28px;
  font-weight: 800;
  line-height: 30px;
  letter-spacing: 0;
  text-transform: capitalize;
}
.master_heading p {
  color: #77838f;
  font-size: 16px;
  font-weight: 600;
  margin: 15px auto 15px auto;
  line-height: 24px;
  width: 50%;
  letter-spacing: 1px;
  font-family: "Clash Display Light";
}
.related_heading {
  margin: 25px 0;
  position: relative;
}
.related_heading h2 {
  color: #FF7000;
  font-size: 20px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0;
  background: #f8f9fb;
  padding-right: 25px;
}
.related_heading::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  height: 1px;
  background: #b2b2b2;
  z-index: -1;
}
.primary {
  color: #FF7000 !important;
}
.no-data {
  margin: 0 auto;
  text-align: center;
}
.no-data img {
  width: 250px;
}
.custom_paginator {
  display: flex;
  justify-content: flex-end;
  margin: 20px 0 0 0;
  width: 100%;
}
.custom_paginator .mat-paginator {
  width: 100%;
  display: block;
}
.custom_paginator .mat-paginator .mat-paginator-outer-container {
  display: flex;
  width: 100%;
}
.custom_paginator .mat-paginator .mat-paginator-outer-container .mat-paginator-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 8px;
  flex-wrap: wrap-reverse;
  width: 100%;
  min-height: 36px;
}
.custom_paginator .mat-paginator .mat-paginator-outer-container .mat-paginator-container .mat-paginator-page-size {
  font-size: 14px;
  color: #202020;
  font-weight: 600;
  position: relative;
  font-family: "Clash Display Light";
}
.custom_paginator .mat-paginator .mat-paginator-outer-container .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-label {
  margin: 0 4px;
}
.custom_paginator .mat-paginator .mat-paginator-outer-container .mat-paginator-container .mat-paginator-range-label {
  margin: 0 32px 0 24px;
  font-size: 14px;
  color: #202020;
  font-weight: 600;
  position: relative;
  display: inline-block;
  font-family: "Clash Display Light";
}
.custom_paginator ul {
  display: flex;
}
.custom_paginator ul li {
  border: 1px solid #b2b2b2;
  background-color: #fff;
  height: 35px;
  line-height: 35px;
  margin: 0 0 0 15px;
  min-width: 35px;
  border-radius: 8px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  transition: all 0.5s ease-in-out 0s;
  font-family: "Clash Display Light";
}
.custom_paginator ul li:hover {
  background-color: #FF7000;
  border-color: #FF7000;
  color: #fff;
}
.custom_paginator ul li.prev_page {
  padding-left: 25px;
  padding-right: 25px;
  height: 25px !important;
  line-height: 25px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  margin-top: 5px !important;
}
.custom_paginator ul li.next_page {
  padding-left: 25px;
  padding-right: 25px;
  height: 25px !important;
  line-height: 25px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  margin-top: 5px !important;
}
.top-bred-crumb {
  margin: 0 0px 0px 0px;
  padding: 0 15px 0 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-bred-crumb ul.breadcrumb {
  padding: 15px 0px 15px 0px;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  align-items: center;
  border-radius: 0;
  width: 100%;
  display: flex;
}
.top-bred-crumb ul.breadcrumb li.breadcrumb-item {
  cursor: pointer;
  position: relative;
  padding: 0 10px 0px 12px;
}
.top-bred-crumb ul.breadcrumb li.breadcrumb-item a {
  font-size: 16px;
  font-weight: 400;
  color: #596374;
  opacity: 1;
  letter-spacing: 0;
  font-family: "Clash Display Light";
  font-style: italic;
  font-weight: 500;
}
.top-bred-crumb ul.breadcrumb li.breadcrumb-item::before {
  content: "";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #6c757d;
  font-size: 12px;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  top: 4px;
  left: 0;
}
.top-bred-crumb ul.breadcrumb li.breadcrumb-item:first-child {
  padding-left: 0px !important;
}
.top-bred-crumb ul.breadcrumb li.breadcrumb-item:first-child::before {
  display: none;
}
.top-bred-crumb ul.breadcrumb li.breadcrumb-item:last-child a {
  color: #FF7000;
  font-weight: 600;
}
.delete_heading {
  color: #202020;
  font-size: 16px;
  font-weight: 500;
  margin: 20px auto 10px auto;
  line-height: 24px;
  letter-spacing: 0;
  width: 100%;
  text-align: center;
}
.footer_sec {
  background: #ffffff;
}
.footer_sec .wrapper .footer_row .column_footer_one .footer_main .footer_logo {
  margin: 50px 0px;
}
.footer_sec .wrapper .footer_row .column_footer_one .footer_main .footer_logo img {
  width: auto;
  height: 100%;
}
.footer_sec .wrapper .footer_row .column_footer_two .help_lines h2 {
  color: #292929;
  font-weight: 600;
  font-size: 18px;
  margin: 6px 0px;
}
.footer_sec .wrapper .footer_row .column_footer_two .help_lines p {
  color: #77838f;
  line-height: 30px;
  cursor: pointer;
}
.footer_sec .wrapper .footer_row .column_footer_three .services_lines h2 {
  color: #292929;
  font-weight: 600;
  font-size: 18px;
  margin: 6px 0px;
}
.footer_sec .wrapper .footer_row .column_footer_three .services_lines p {
  color: #77838f;
  line-height: 30px;
}
.footer_sec .wrapper .footer_row .column_footer_four .contact_lines h2 {
  color: #292929;
  font-weight: 600;
  font-size: 18px;
  margin: 6px 0px;
}
.footer_sec .wrapper .footer_row .column_footer_four .contact_lines p {
  color: #77838f;
  line-height: 30px;
}
.footer_sec .wrapper .footer_row .column_footer_four .social_icons {
  display: flex;
  padding: 12px 0px;
}
.footer_sec .wrapper .footer_row .column_footer_four .social_icons li {
  margin-right: 8px;
}
.footer_sec .wrapper .footer_row .column_footer_four .social_icons li img {
  width: 25px;
  height: 25px;
}
.bottom_footer_sec {
  background: #ffffff;
}
.bottom_footer_sec .wrapper .bottom_footer_row {
  border-top: 1px solid #eeeeee;
  padding: 20px 0px;
}
.bottom_footer_sec .wrapper .bottom_footer_row .column_bottom_footer .bottom_content {
  text-align: center;
}
.bottom_footer_sec .wrapper .bottom_footer_row .column_bottom_footer .bottom_content p {
  color: #77838f;
}
/* ------------------------------ EMPTY_STATES-SCSS ------------------------------ */
.empty_state {
  margin: 15px auto;
  text-align: center;
}
.empty_state .empty_flex_img {
  display: block;
  align-items: center;
  justify-content: center;
}
.empty_state .empty_flex_img img {
  width: 250px;
}
.empty_state .empty_flex_img h4 {
  font-weight: 600;
  font-size: 30px;
  margin-top: 20px;
  text-align: center;
  color: #FF7000;
  letter-spacing: 0;
  text-transform: capitalize;
}
/* ------------------------------ LOGIN-DAILOG-SCSS ------------------------------ */
.login-modal {
  transition: 0.5s;
}
.login-modal .modal_close_btn {
  background-color: #898b8b;
  height: 30px;
  border-radius: 24px;
  width: 30px;
  top: 10px;
  right: 10px;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  line-height: 35px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.login-modal .modal_close_btn .modal-close {
  height: 25px;
  width: 25px;
}
.login-modal .modal_close_btn .modal-close i {
  position: relative;
  font-size: 20px;
  bottom: 2px;
  font-weight: 600;
}
.login-modal .mat-dialog-container {
  border-radius: 0px !important;
}
.login-modal .login_full_dialog {
  overflow: hidden;
  height: 100%;
  width: 100%;
  border-radius: 0px;
  position: relative;
}
.login-modal .login_full_dialog .login_left {
  width: 100%;
  height: 100%;
}
.login-modal .login_full_dialog .login_left img {
  width: 100%;
  height: 100%;
}
.login-modal .login_full_dialog .login_right_column {
  min-height: 100vh;
}
.login-modal .login_full_dialog .login_right_column .login_right {
  height: 100%;
  width: 65%;
  margin: 0 auto;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box {
  margin: 0px 0 0 0;
  width: 100%;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .login_head {
  text-align: center;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .login_head h2 {
  font-weight: 600;
  font-size: 24px;
  margin: 0px 0 10px 0;
  padding: 0;
  text-transform: capitalize;
  color: #212526;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .login_head h3 {
  font-weight: 600;
  font-size: 20px;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
  color: #212526;
  margin-bottom: 15px;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .signup_types .mat-radio-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 10px 0 20px 0;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .signup_types .mat-radio-group h4 {
  font-size: 16px;
  margin: 0;
  letter-spacing: 0;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .signup_types .mat-radio-group .mat-radio-label-content {
  font-weight: 500;
  font-size: 13px;
  font-weight: 500;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group {
  margin: 0 0 15px 0;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control {
  width: 100%;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
  margin: 0px !important;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  background: #f3f3f3;
  border-radius: 4px !important;
  color: #f3f3f3 !important;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 4px;
  border-left-style: solid;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.4em 0 0.9em 0 !important;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element {
  font-size: 16px !important;
  padding-left: 10px;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .view-password img {
  width: 20px;
  cursor: pointer;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a3aab7 !important;
  /* Firefox */
  font-weight: 400 !important;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a3aab7 !important;
  font-weight: 400 !important;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #a3aab7 !important;
  font-weight: 400 !important;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control .mat-form-field-suffix {
  top: -4px !important;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group.login_user_select .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.5em 0 1em 0 !important;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group.login_user_select .custom-form-control .mat-form-field .mat-select-placeholder {
  color: #ababab;
  font-size: 14px;
  font-weight: 400 !important;
  position: relative;
  top: -2px;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .custom-form-group.login_user_select .custom-form-control .mat-form-field .mat-select-value-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px !important;
  padding-left: 10px;
  font-family: "Clash Display Light";
  color: #21262c !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .forgot_password {
  text-align: right;
  font-family: "Clash Display Light";
  margin-top: -15px;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .forgot_password span {
  font-size: 12px;
  font-weight: 600;
  padding-right: 5px;
  color: #848484;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .forgot_password a {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
  cursor: pointer;
  color: #848484;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .forgot_password a.primary {
  color: #FF7000 !important;
  font-weight: 600;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .login_btns {
  margin: 30% 0 0 0;
  text-align: center;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .login_btns .login_btn {
  height: 40px;
  line-height: 40px;
  padding-bottom: 6px;
  border-radius: 3px;
  background: #ef6a30;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .login_btns .login_btn .mat-button-wrapper {
  font-size: 18px;
  color: #fff;
  letter-spacing: 0.5px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: "General Sans Medium";
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .login_btns .google_btn {
  background: #fff;
  border: 1px solid #707070;
  margin: 0 auto;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .login_btns .google_btn .mat-button-wrapper {
  color: #4a4a4a;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-family: "Clash Display Medium" !important;
  font-weight: 600;
  letter-spacing: 0;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .login_btns .google_btn .mat-button-wrapper img {
  position: absolute;
  left: 25px;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .new_account {
  margin: 50px auto 0 auto;
  text-align: center;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .new_account span {
  padding-right: 5px;
  font-size: 15px;
  font-weight: 400;
  color: #8e8e8e;
  letter-spacing: 0.2px;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .new_account a {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0.2px;
  cursor: pointer;
  color: #FF7000;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .privacy_policy {
  margin: 10px auto 0 auto;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .privacy_policy span {
  font-family: "Clash Display Light";
  font-size: 14px;
  padding-right: 0;
}
.login-modal .login_full_dialog .login_right_column .login_right .login_form_box .form-section .privacy_policy a {
  font-size: 13px;
  font-family: "Clash Display Light";
}
.or {
  overflow: hidden;
  text-align: center;
  width: 90%;
  margin: 20px auto 20px auto;
}
.or::before {
  background-color: #999999;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  right: 20px;
  margin-left: -50%;
}
.or::after {
  background-color: #999999;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  left: 20px;
  margin-right: -50%;
}
.or span {
  font-size: 18px;
  color: #999999;
  font-weight: 500;
  font-family: "Clash Display Light";
}
.otp_sec {
  padding: 35px;
  border-radius: 12px;
  background: #fff;
  opacity: 0.81;
  background: transparent;
  --webkit-backdrop-filter: blur(17px);
  background-color: rgba(0, 0, 0, 0.05);
}
.otp_sec .otp_head h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 20px 0px;
  text-align: center;
}
.otp_sec .otp_head h3 {
  font-size: 13px;
  text-align: center;
}
.otp_sec .otp_head h3 a {
  color: #FF7000;
  font-weight: "Clash Display Medium" !important;
  cursor: pointer;
}
.otp_sec .otp_body {
  margin: 25px 0 35px 0;
}
.otp_sec .otp_body .mobile-otp-group .custom-label {
  color: #FF7000;
  font-weight: 300;
  font-family: "Clash Display Light";
}
.otp_sec .otp_body .mobile-otp-group .custom-form-control .wrapper {
  position: relative;
  width: auto;
  height: 42px;
  display: flex;
  justify-content: flex-start;
  margin: 10px 0 0 0;
}
.otp_sec .otp_body .mobile-otp-group .custom-form-control .wrapper .otp-input {
  width: 42px;
  height: 35px;
  border: 1px solid #5f6368;
  font-size: 24px;
  font-weight: 500;
  margin-right: 25px !important;
}
.otp_sec .otp_footer .otp_btn {
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  background: #ef6a30;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto;
}
.otp_sec .otp_footer .otp_btn .mat-button-wrapper {
  font-size: 18px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: capitalize;
  font-family: "Clash Display Medium" !important;
}
.otp_sec .otp_footer p {
  text-align: center;
  margin: 20px 0 0 0;
  font-size: 13px;
}
.otp_sec .otp_footer p a {
  color: #FF7000;
  cursor: pointer;
  padding-left: 5px;
}
/* ------------------------------ Subscriptions-Module  ------------------------------ */
.master_subscriptions_sec .subscriptions_plan_tabs .mat-tab-header {
  margin: 0 0px 10px 0;
}
.master_subscriptions_sec .subscriptions_plan_tabs .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels {
  display: flex;
  align-items: center;
  justify-content: center;
}
.master_subscriptions_sec .subscriptions_plan_tabs .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Clash Display Light";
}
.master_subscriptions_sec .subscriptions_plan_tabs .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  opacity: 1;
}
.master_subscriptions_sec .subscriptions_plan_tabs .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #FF7000 !important;
}
.master_subscriptions_sec .subscriptions_plan_tabs .mat-tab-body-wrapper .mat-tab-body .tabs_body .plan_box_main {
  width: auto;
  margin: 0 20px 20px 20px;
}
.plan_box_main {
  background: #f7f8f8;
  padding: 8px 10px 8px 10px;
  border-radius: 12px;
  width: 100%;
  margin: 0 0 20px 0;
}
.plan_box_main .plan_head {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #fff;
}
.plan_box_main .plan_head h4 {
  color: #FF7000;
  position: relative;
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
  letter-spacing: 0;
}
.plan_box_main .plan_body {
  min-height: 200px;
}
.plan_box_main .plan_body.auto_height {
  min-height: auto;
}
.plan_box_main .plan_body .plan_items_listing ul li {
  color: #4a4a4a;
  font-size: 16px;
  font-weight: normal;
  margin: 0px 0 15px 0px;
  line-height: 22px;
  letter-spacing: 0px;
  display: flex;
  align-items: center;
  font-family: "Clash Display Light";
  word-break: break-all;
}
.plan_box_main .plan_body .plan_items_listing ul li img {
  margin: 0 10px 0 0;
}
.plan_box_main .terms_condition {
  text-align: right;
}
.plan_box_main .terms_condition a {
  color: #FF7000;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 600;
  text-decoration: underline !important;
}
.plan_box_main .plan_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
  border-top: 1px solid #999999;
}
.plan_box_main .plan_footer .price {
  color: #FF7000;
}
.plan_box_main .plan_footer .price h4 {
  font-size: 32px;
  color: #16151A;
  font-weight: 500;
  letter-spacing: 0;
  font-family: "Roboto", sans-serif !important;
}
.plan_box_main .plan_footer .price sub {
  font-size: 15px;
  position: relative;
  bottom: 7px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Roboto", sans-serif !important;
}
.plan_box_main .plan_footer .global-btn {
  min-width: 150px;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical {
  flex-direction: column;
  width: 100%;
  border: 0;
  height: 100%;
  background: #f7f7f7;
  min-height: 75vh;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle {
  background: #f7f7f7;
  white-space: pre-wrap;
  position: relative;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-top: 1px solid #eee;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle .mat-button-toggle-label-content {
  line-height: initial;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle .mat-button-toggle-label-content .media_toggle {
  display: flex;
  align-items: flex-start;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle .mat-button-toggle-label-content .media_toggle .arrow_round {
  width: 32px;
  height: 32px;
  border: 2px solid #666666;
  line-height: 32px;
  border-radius: 24px;
  margin-right: 15px;
  background-color: #fff;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle .mat-button-toggle-label-content .media_toggle .arrow_round i {
  color: #999999;
  font-weight: 700;
  line-height: 28px;
  font-size: 20px;
  opacity: 0.8;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle .mat-button-toggle-label-content .media_toggle .media_toggle_content p {
  text-align: left;
  color: #999999;
  font-size: 21px;
  letter-spacing: 0;
  padding: 0 0 2px 0;
  font-family: "Clash Display Medium" !important;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle .mat-button-toggle-label-content .media_toggle .media_toggle_content span {
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  font-weight: 500;
  font-family: "Clash Display Light";
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle.mat-button-toggle-checked {
  background-color: #ffffff;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button .mat-button-toggle-label-content .media_toggle .arrow_round {
  background-color: #d3edfc;
  border: 2px solid #33ccff;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button .mat-button-toggle-label-content .media_toggle .arrow_round i {
  color: #0099cc;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button .mat-button-toggle-label-content .media_toggle .media_toggle_content span {
  color: #212526;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle.isactive {
  background-color: #ffffff;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle.isactive .mat-button-toggle-button .mat-button-toggle-label-content .media_toggle .arrow_round {
  background-color: #c0e7a8;
  border: 1px solid #1b6c1c;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle.isactive .mat-button-toggle-button .mat-button-toggle-label-content .media_toggle .arrow_round i {
  color: #1b6c1c;
  opacity: 1;
}
.subscriber_detailform_sec .subscriber_listing .mat-button-toggle-vertical .mat-button-toggle.isactive .mat-button-toggle-button .mat-button-toggle-label-content .media_toggle .media_toggle_content span {
  color: #212526;
}
.subscriber_detailform_sec .plan_details_box {
  padding: 25px 15px 25px 15px;
  background: #f7f7f7;
  border-radius: 0;
}
.subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_detail_heading {
  color: #212526;
  font-weight: 500;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  margin: 0 0 20px 0;
}
.subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_box_main {
  padding: 0;
  width: 100%;
  margin: 30px auto 0 auto;
}
.subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_box_main .plan_head {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #fff;
}
.subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_box_main .plan_head h4 {
  font-size: 32px;
  color: #000;
  margin: 0;
  padding: 0;
  line-height: 50px;
  font-weight: normal;
  font-family: "General Sans Medium";
}
.subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_box_main .plan_body .plan_items_listing ul li {
  text-transform: capitalize;
  color: #4a4a4a;
  font-size: 16px;
  font-weight: normal;
  margin: 0px 0 15px 0px;
  line-height: 22px;
  letter-spacing: 0px;
  display: flex;
  align-items: flex-start;
  font-family: "Clash Display Light";
  word-break: break-all;
  width: 100%;
}
.subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_box_main .plan_body .plan_items_listing ul li img {
  margin: 0 10px 0 0;
}
.subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_box_main .plan_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
  border-top: 1px solid #999999;
}
.subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_box_main .plan_footer .price {
  font-size: 32px;
  color: #FF7000;
}
.subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_box_main .plan_footer .price h4 {
  font-size: 32px;
  font-weight: 500;
  color: #16151A;
  letter-spacing: 0;
  font-family: "Roboto", sans-serif !important;
}
.subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_box_main .plan_footer .price sub {
  font-size: 15px;
  position: relative;
  bottom: 7px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Roboto", sans-serif !important;
}
.subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_box_main .plan_footer a {
  color: #212526;
  cursor: pointer;
  text-decoration: underline !important;
  font-family: "Roboto", sans-serif !important;
}
.subscriber_detailform_sec .subscriber_detailform_form {
  padding: 25px 0 25px 40px;
  background: #fff;
  border-radius: 0;
  min-height: 100vh;
}
.subscriber_detailform_sec .subscriber_detailform_form .heading {
  font-size: 26px;
  text-transform: capitalize;
  font-weight: 600;
  letter-spacing: 0;
  margin: 20px 0 20px 0;
}
.subscriber_detailform_sec .subscriber_detailform_form .signup_types .mat-radio-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 10px 0 20px 0;
}
.subscriber_detailform_sec .subscriber_detailform_form .signup_types .mat-radio-group h4 {
  font-size: 16px;
  margin: 0;
  letter-spacing: 0;
}
.subscriber_detailform_sec .subscriber_detailform_form .signup_types .mat-radio-group .mat-radio-label-content {
  font-weight: 500;
  font-size: 13px;
  font-weight: 500;
}
.subscriber_detailform_sec .personal-details-form .custom-form-group .custom-form-control .mat-form-field.mat-form-field-type-mat-select .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.3em 0 0.6em 0 !important;
}
.subscriber_detailform_sec .personal-details-form .mat-form-field-type-mat-select .mat-form-field-infix {
  padding: 0.5em 0 1em 0 !important;
}
.subscriber_detailform_sec .personal-details-form .mat-select-arrow-wrapper {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #FF7000;
  background-color: #FF7000;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  text-align: center;
  margin: 0 auto !important;
  top: 2px;
  position: relative;
}
.subscriber_detailform_sec .personal-details-form .mat-select-arrow-wrapper::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 0;
  bottom: 0;
  background-image: url('select_arrow.svg');
  background-position: center;
  background-repeat: no-repeat;
}
.subscriber_detailform_sec .personal-details-form .mat-select-arrow-wrapper .mat-select-arrow {
  top: 7px;
  left: 4px;
  color: #ffffff;
  opacity: 0;
  display: none;
}
/* ------------------------------ PROFILE-MODULE-SCSS ------------------------------ */
.mobile_order_track {
  overflow: hidden;
}
.mobile_order_track .order-track {
  margin-top: 25px;
  padding: 0 1rem;
  border-top: 1px dashed #a1a1a1;
  padding-top: 2.5rem;
  display: flex;
  flex-direction: column;
}
.mobile_order_track .order-track-step {
  display: flex;
  height: 5rem;
}
.mobile_order_track .order-track-step:last-child .order-track-status .order-track-status-line:last-of-type {
  display: none;
}
.mobile_order_track .order-track-status {
  margin-right: 1.5rem;
  position: relative;
}
.mobile_order_track .order-track-status-dot {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(61, 222, 154, 0.94);
  color: rgba(61, 222, 154, 0.94);
}
.mobile_order_track .order-track-status-dot:after {
  content: "";
  background-image: url("/assets/images/icons/tick.svg");
  position: absolute;
  top: 4px;
  left: 4px;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
  background-size: 80%;
}
.mobile_order_track .order-track-status-line {
  display: block;
  margin: 0 auto;
  width: 2px;
  height: 5rem;
  background: rgba(61, 222, 154, 0.94);
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 0;
}
.mobile_order_track .order-track-text-stat {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 3px;
  color: rgba(61, 222, 154, 0.94);
}
.mobile_order_track .order-track-text-sub {
  font-size: 12px;
  font-weight: 300;
  color: rgba(61, 222, 154, 0.94);
}
.mobile_order_track .order-track {
  transition: all 0.3s height 0.3s;
  transform-origin: top center;
}
.mobile_order_track .view_all_status {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  margin: 10px 10px 10px 50px;
  position: relative;
  top: 5px;
}
.mobile_order_track .view_all_status a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  border-bottom: 1px solid #ccc;
}
.upload_label {
  font-size: 15px;
  color: #FF7000;
  margin: 0;
}
.avatar-upload {
  position: relative;
  max-width: 205px;
  margin: 10px 0 50px 0;
}
.avatar-upload .avatar-edit {
  position: absolute;
  left: 75px;
  z-index: 1;
  bottom: 0px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FF7000;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #FF7000;
  border-color: #FF7000;
}
.avatar-upload .avatar-edit input + label:after {
  content: "";
  font-family: "FontAwesome";
  color: #ffffff;
  position: absolute;
  top: 3.5px;
  left: 0;
  font-size: 14px;
  right: 0;
  text-align: center;
  margin: auto;
}
.avatar-upload .avatar-preview {
  width: 300px;
  height: 300px;
  position: relative;
  border-radius: 10px;
  border: 2px solid #eee;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  position: relative;
}
.avatar-upload .avatar-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.avatar-upload .avatar-preview img::after {
  display: none !important;
}
.avatar-upload .avatar-preview .imagePreview img {
  border-radius: 50%;
}
.profile_listing_section {
  margin: 0px 0 0 0;
  background-color: none;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing {
  padding: 0px 0px 0px 0px;
  border-radius: 20px;
  background: #fff;
  margin: 0px 0 0 0;
  position: relative;
  overflow-x: hidden !important;
  overflow: auto;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .my_profile_heading {
  margin: 15px 0 25px 0;
  padding: 0;
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  display: none;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile-pic {
  margin-bottom: 0;
  padding: 25px 10px 25px 15px;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile-pic .media {
  align-items: center;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile-pic .media .media-left .profile-image-box {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #eee;
  background-color: #fff;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile-pic .media .media-left .profile-image-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile-pic .media .media-body {
  z-index: 1;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile-pic .media .media-body h4 {
  font-size: 18px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 8px;
  color: #182133;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile-pic .media .media-body p {
  margin-bottom: 5px;
  color: #21262c;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  font-family: "Clash Display Light";
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: normal;
  font-family: "General Sans", sans-serif !important;
  color: #A8A8A8;
  letter-spacing: 0.5px;
  outline: 0;
  padding: 0px 0 0px 15px;
  height: 40px;
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  border-left: 6px solid #fff;
  transition: all 0.5s ease-in-out;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a .icon {
  width: 18px;
  margin-right: 15px;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a.router-active {
  background: #FBFBFB;
  border-left: 6px solid #FF7000;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a.router-active .mat-icon {
  color: #FF7000;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a.router-active span {
  color: #000;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a.router-active img {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a.router-active::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: -30px;
  transform: rotate(90deg) scale(1.04);
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a.router-active::after {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: 45px;
  transform: scale(1.04);
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a:hover {
  color: #000;
  background: #FBFBFB;
  border-left: 6px solid #FF7000;
  font-weight: 600;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a:hover .mat-icon {
  fill: #FF7000;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li.router-active {
  background: #FF7000;
  color: #FF7000;
  font-weight: 600;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li.router-active a span {
  color: #ffffff;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li.router-active a img {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li.router-active a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: -30px;
  transform: rotate(90deg) scale(1.04);
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li.router-active a::after {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: 45px;
  transform: scale(1.04);
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec {
  margin: 1px 0px 0 30px;
  border-radius: 20px;
  border: 0;
  overflow: auto;
  border-left: 1px solid #eee;
  position: relative;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .custom-tabs .mat-tab-group .mat-tab-header {
  margin: 0px 0px 0 0px;
  background: #fff;
  box-shadow: 0px 5px 5px #0000000d;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  color: #a1a1a1;
  font-size: 16px;
  font-family: "General Sans Medium";
  font-weight: 500;
  letter-spacing: 0.2px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .custom-tabs .mat-tab-group .mat-tab-body-wrapper {
  margin: 0 -15px 0 -15px;
  padding: 0 10px 0 10px;
  border-top: 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .custom-tabs .mat-tab-group .mat-tab-body-wrapper .supplies_favourites_body .product_box .rating_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .custom-tabs .mat-tab-group .mat-tab-body-wrapper .supplies_favourites_body .product_box .wish-check {
  bottom: 5px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .custom-tabs .mat-ink-bar {
  height: 4px !important;
  background: #FF7000;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .product_box {
  border: 1px solid #eee;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .profile_heading {
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 0 15px 0 15px;
  display: flex;
  justify-content: space-between;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .profile_heading h4 {
  font-size: 18px;
  font-weight: 600;
  color: #596374;
  text-transform: uppercase;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .account_branch .or {
  width: 65%;
  margin: 0 auto;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .form-section .custom-form-group .mat-form-field-suffix {
  line-height: 0;
  top: -3px ​ !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 10px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: transparent;
  border-radius: 4px !important;
  color: #999999;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 6px !important;
  border-left-style: solid;
  background: #fff;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.6em 0 1.2em 0 !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #838490 !important;
  /* Firefox */
  font-weight: 600 !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #838490 !important;
  font-weight: 600 !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #838490 !important;
  font-weight: 600 !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .form-section .profile_save_btn {
  margin-top: 25px;
  border-radius: 4px !important;
  height: 34px !important;
  line-height: 33px !important;
  background-image: none !important;
  padding: 0 25px 3px 25px !important;
  background-color: #ef6a30;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .tabs-body {
  padding: 50px 0px 20px 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .tabs-body .profile_min_heightbox {
  min-height: calc(100vh - 290px);
  max-height: calc(100vh - 290px);
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .personal_details_tabbody .avatar-upload {
  margin: 10px 0 30px 0 !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .sell-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px auto;
  width: 65%;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .sell-header .custom-slide-toggle {
  display: flex;
  align-items: center;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .avatar_label {
  margin: 0 0 0px 0;
  display: block;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  color: #000;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .avatar-upload .avatar-preview {
  width: 150px !important;
  height: 150px !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .personal_info_sec .avatar-upload .avatar-edit {
  left: 110px;
  bottom: 5px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .mat-paginator {
  background: white;
  width: auto !important;
  margin: 10px 10px 10px 0px !important;
  border-radius: 4px !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head {
  padding-right: 10px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .filter_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 38px;
  width: 100%;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .filter_flex .custom-form-group {
  margin: 10px 10px 15px 0;
  width: 100%;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .filter_flex .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .filter_flex .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .filter_flex .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: transparent;
  border-radius: 19px !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .filter_flex .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .filter_flex .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 19px !important;
  border-left-style: solid;
  background: #fff;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .filter_flex .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.6em 0 0.9em 0 !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .filter_flex .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-select-arrow {
  margin: -4px 5px 0 0px;
  color: #21262c;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .filter_flex .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-select-placeholder {
  color: #21262c;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .date_group {
  border-radius: 19px;
  background: #fff;
  border: 1px solid #d2d4db;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 40px;
  padding: 0 10px;
  position: relative;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .date_group .mat-form-field {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .date_group .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
  margin: 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .date_group .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .date_group .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #fff !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .date_group a {
  color: #21262c;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .date_group .mat-date-range-input-container ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #21262c !important;
  font-size: 12px !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
  opacity: 0.8;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .date_group .mat-date-range-input-container :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #21262c !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-transform: capitalize;
  opacity: 0.8;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .date_group .mat-date-range-input-container ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #21262c !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-transform: capitalize;
  opacity: 0.8;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .date_group .mat-date-range-input {
  margin-top: -2px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .my_order_head .date_group .mat-form-field-suffix {
  top: 1px !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box {
  margin: 20px 10px 0 0;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #fff;
  padding: 15px 20px 15px 20px;
  position: relative;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 50px 0 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_flex h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 8px 0;
  opacity: 1;
  text-transform: capitalize;
  font-family: "General Sans Medium";
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_flex h4 a {
  color: #FF7000;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_flex h4.primary {
  color: #FF7000;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_flex h4.secondary {
  color: #2aa73b;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_flex p {
  font-size: 15px;
  font-weight: 600;
  margin: 7px 0 7px 0;
  line-height: 24px;
  width: 100%;
  font-family: "Clash Display Medium" !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_flex p.order_date {
  color: #202020;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_flex p.order_total {
  color: #a1a1a1;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_flex p .table-chip {
  padding: 4px 10px;
  border-radius: 12px;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .view_order_details {
  position: absolute;
  top: 18px;
  right: 15px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .view_order_details a {
  cursor: pointer;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .view_order_details a img {
  width: 14px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .address_row_box {
  margin: 15px 15px 0 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .address_row_box .address_box h4 {
  font-size: 16px;
  font-weight: 600;
  font-family: "Clash Display Light";
  margin: 0 0 5px 0;
  color: #FF7000;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .address_row_box .address_box p {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 0px 0px;
  line-height: 22px;
  width: 100%;
  font-family: "General Sans Medium";
  color: #a1a1a1;
  letter-spacing: 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .address_row_box .support_btns {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding-right: 35px;
  width: 100%;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track {
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px solid #eee;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  margin: 0 auto;
  align-items: center;
  text-align: center;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul li {
  position: relative;
  width: 20%;
  display: inline-block;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul li h4 {
  font-size: 14px;
  font-weight: 600;
  font-family: "Clash Display Light";
  letter-spacing: 1px;
  margin: 0 0 5px 0;
  color: #a1a1a1;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul li .time {
  color: #a1a1a1;
  font-size: 13px;
  font-weight: 500;
  font-family: "Clash Display Light";
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul li .circles {
  height: 18px;
  width: 18px;
  border: 2px solid #a1a1a1;
  border-radius: 50%;
  display: inline-block;
  background: #a1a1a1;
  position: relative;
  z-index: 9;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul li .circles:after {
  content: "";
  background-image: url("/assets/images/icons/tick.svg");
  position: absolute;
  top: 4px;
  left: 2px;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
  background-size: 80%;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul li.completed {
  /*&:first-child {
    &::after {
      content: "";
      position: absolute;
      width: 100%;
      top: 10px;
      border-bottom: 3px solid;
      border-color: #2AA73B;
    }
    &::before {
      content: "";
      position: absolute;
      width: 100%;
      top: 10px;
      border-bottom: 3px solid;
      border-color: #2AA73B;
    }
  }*/
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul li.completed .circles {
  background: #2aa73b;
  border-color: #2aa73b;
  color: #2aa73b;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul li.completed h4 {
  color: #FF7000;
  font-weight: 600 !important;
  font-size: 11px;
  margin: 0;
  text-transform: capitalize;
  letter-spacing: 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul li.completed .time {
  color: #a1a1a1;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 11px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul li.completed:nth-child(n+1)::before {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: solid black 3px;
  top: 10px;
  border-color: #2aa73b;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul li.completed:last-child::before {
  display: none;
  content: "";
  position: absolute;
  width: 100%;
  top: 10px;
  border-bottom: 3px solid;
  border-color: #2aa73b;
  left: 0;
  right: 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_sec .order_box .order_track ul li.completed .status-title {
  color: #FF7000;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .delivered_status {
  text-align: center;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .delivered_status img {
  width: 60px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .delivered_status h5 {
  font-size: 15px;
  color: #2aa73b;
  margin: 5px 0 3px 0 !important;
  font-weight: 800;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .delivered_status.cancelled h5 {
  color: #ef6a30 !important;
  margin: 5px 0 3px 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .heading {
  font-size: 26px !important;
  letter-spacing: 0.2px !important;
  font-weight: 500 !important;
  color: #596374 !important;
  margin-bottom: 20px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_left {
  overflow: hidden;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_left .order_box {
  margin: 0px 0 20px 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_left .order-product-listing {
  margin: 0px 0px 0px 0px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_left .order-product-listing ul li .price {
  display: block;
  align-items: flex-end;
  min-width: 150px;
  text-align: right;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_left .order-product-listing ul li .price .old_price {
  color: #a1a1a1;
  font-weight: 500;
  font-family: "General Sans Medium";
  margin-top: 5px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_left .cancel_order_btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_left .cancel_order_btn .cancel_btn {
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px 10px !important;
  height: 22px !important;
  line-height: 22px !important;
  background-color: #fa1d72 !important;
  background-image: none !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_left .cancel_order_btn .cancel_btn .mat-button-wrapper {
  font-size: 12px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_left .order-product-listing ul .cart_box_li .media {
  width: 100%;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_right .total-cost-box {
  background: #ffff;
  padding: 15px 15px 15px 15px;
  margin-top: 0;
  border-radius: 6px;
  margin-left: 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_right .total-cost-box .total-cost .total-price {
  width: auto;
  color: #000;
  font-size: 15px;
  letter-spacing: 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_right .support_btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_right .support_btns .cancel_btn {
  margin-left: 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_right .support_btns .support_btn {
  margin-left: 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_order_details .order_details_right .delivery_notes {
  margin-top: 20px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .master_my_address .add_address_head {
  border: 1px solid #d7d7d7;
  padding: 6px 10px;
  border-radius: 4px;
  color: #ef6a30;
  font-size: 16px;
  font-weight: 600;
  background-color: #fff;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .master_my_address .add_address_head a {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .master_my_address .add_address_head a img {
  margin-right: 10px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .master_my_address .address_box {
  border: 1px solid #d7d7d7;
  margin: 10px 0;
  padding: 10px 20px 20px 20px;
  border-radius: 4px;
  background-color: #fff;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .master_my_address .address_box .address_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .master_my_address .address_box .address_head .type {
  border: 1px solid #fef0ea;
  padding: 0 15px 4px 14px;
  border-radius: 4px;
  background: #fef0ea;
  color: #ef6a30;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-family: "General Sans Medium";
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .master_my_address .address_box .address_head .mat-icon-button .mat-button-wrapper .mat-icon {
  color: #a5a5a5;
  font-size: 28px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .master_my_address .address_box .address_head .table-action-btn .mat-menu-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .master_my_address .address_box .address_body .address_line {
  color: #6e798a;
  font-weight: 500;
  font-family: "General Sans Medium";
  font-size: 16px;
  letter-spacing: 0px;
  margin: 0 0 3px 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_subscriptions_row .my_subscriptions_column {
  display: block;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .table_section {
  margin: 15px 15px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .table_section th.mat-header-cell:first-of-type {
  border-top-left-radius: 8px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .table_section th.mat-header-cell:last-of-type {
  border-top-right-radius: 8px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .mat-paginator {
  display: block;
  margin-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .chat-sec {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #ccc;
  margin: 25px 0 0 0;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .chat-sec .chat-row .chat-right .support-right-head li {
  border-bottom: 0px !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .chat-sec .chat-row .chat-right .chat-body .user-message .media .media-left {
  width: 35px;
  margin-right: 5px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card {
  margin-top: 10px !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list {
  min-width: 325px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list li {
  line-height: 34px;
  border-bottom: 1px solid #eee;
  letter-spacing: 0;
  padding: 0px 5px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list li .field-type {
  font-weight: 600;
  text-transform: capitalize;
  text-align: left;
  font-size: 14px;
  margin-bottom: 2px;
  margin-right: 10px;
  max-width: 140px;
  min-width: 80px;
  padding-left: 5px;
  color: #000;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .enquiries_sec .chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list li .field-type .dots {
  width: 25px;
  float: right;
  font-weight: 600;
  text-align: right;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .chat-sec .quote-expansion {
  border-bottom: 2px solid #eee;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .chat-sec .view-more {
  background: #1a202e !important;
  color: #ffffff !important;
  text-transform: capitalize !important;
  height: 30px;
  line-height: 30px;
  padding: 0 8px 0 8px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .chat-sec .view-more .mat-button-wrapper {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.5px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_bid_sec {
  margin: -15px;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec .my_bid_sec .custom-sticky-table table tbody .mat-row .mat-cell {
  cursor: pointer;
}
.address_matmenu {
  min-width: 100px !important;
  max-width: 100px !important;
}
.support_btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0;
  width: 100%;
}
.support_btns .cancel_btn {
  margin-left: 10px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  height: 26px !important;
  line-height: 26px !important;
  background-color: #fa1d72 !important;
  background-image: none !important;
}
.support_btns .cancel_btn .mat-button-wrapper {
  font-size: 14px;
  letter-spacing: 1px;
}
.support_btns .cancel_btn:hover {
  background-image: linear-gradient(to right, #fa1d72, #fca300) !important;
}
.support_btns .support_btn {
  margin-left: 10px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  height: 26px !important;
  line-height: 26px !important;
}
.support_btns .support_btn .mat-button-wrapper {
  font-size: 14px;
  letter-spacing: 1px;
}
.support_btns .support_btn:hover {
  background-image: linear-gradient(to right, #fa1d72, #fca300) !important;
}
.horizontal-toggle-buttons {
  border: 0;
  overflow: visible;
  width: 100%;
  flex-wrap: wrap;
}
.horizontal-toggle-buttons .mat-button-toggle {
  white-space: nowrap;
  position: relative;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 0;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  position: relative;
  width: 49%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
  padding: 0px 10px 0 10px !important;
  line-height: 25px !important;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #888;
  display: flex;
  align-items: center;
}
.horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content span {
  margin-left: 5px;
}
.horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content .count {
  font-size: 14px;
  background-color: #0e1f29;
  color: #feb403;
  border-radius: 50%;
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content i {
  margin-left: 5px;
}
.horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked {
  background-color: #FF7000 !important;
  border-bottom: 2px solid #FF7000;
}
.horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #ffffff !important;
  font-weight: 600;
}
.request-ul {
  list-style: none;
  padding: 5px 0px 5px 5px;
  min-height: 350px;
  max-height: 350px;
  height: 435px;
  overflow: auto;
  background: #fff;
}
.request-ul li {
  list-style: none;
  padding: 10px 0px 0 10px;
  margin: 5px 10px 20px 10px;
  cursor: pointer;
  border-radius: 8px;
  background: #f1f1f1;
  color: #fff;
  position: relative;
}
.request-ul li .request-ticket {
  display: flex;
  justify-content: space-between;
  padding: 0 5px 0 0;
}
.request-ul li .request-ticket .date-time-tag {
  width: 100%;
  text-align: right;
}
.request-ul li .request-ticket .date-time-tag span {
  font-size: 12px;
  font-weight: 500;
  margin-right: 5px;
}
.request-ul li .reason_title {
  color: #000;
  font-size: 13px;
}
.request-ul li .request-id {
  font-weight: 600;
  letter-spacing: 1px;
  background: transparent;
  color: #000;
  padding: 0 0px 0 0px;
  border-top-left-radius: 0;
  line-height: 25px;
  font-size: 13px;
}
.request-ul li .request-content {
  font-size: 12px;
  color: #a1a1a1;
  line-height: 20px;
  font-family: "Clash Display Light";
  font-weight: 500;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin-bottom: 3px;
  padding-right: 0px;
  margin: 5px 0 0 0;
}
.request-ul li .closed-date .date-time-tag {
  text-align: right;
  color: #000;
  margin: 0 5px 0 0;
}
.request-ul li .closed-date .date-time-tag span {
  font-size: 11px;
  font-weight: 600;
  margin-right: 5px;
}
.request-ul li .closed-date .date-time-tag .closed {
  color: #000;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.request-ul li .proceed-icon {
  position: absolute;
  top: -1px;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  right: -1px;
  bottom: -1px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  font-size: 36px;
  width: 25px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: white;
  justify-content: center;
  color: #2c2c2d;
}
.chat-right {
  background-color: #fff;
}
.chat-right .support-right-head {
  position: relative;
  width: 100%;
}
.chat-right .support-right-head li {
  list-style: none;
  padding: 5px 0 5px 10px;
  border-radius: 0px;
  margin: 5px 0;
  cursor: pointer;
}
.chat-right .support-right-head li .request-id {
  font-weight: 500;
  font-size: 13px;
  background: #feb403;
  padding: 2px 5px;
  border-radius: 4px;
  letter-spacing: 1px;
}
.chat-right .support-right-head li .request-content {
  font-size: 14px;
  padding-right: 25px;
  color: #000;
  line-height: 20px;
  font-weight: 500;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin: 10px 0 10px 0;
}
.chat-right .support-right-head li .request-ticket {
  display: flex;
  justify-content: space-between;
  padding: 0 5px 0 0;
  align-items: center;
}
.chat-right .support-right-head li .request-ticket .date-time-tag span {
  font-size: 12px;
  font-weight: 500;
  margin-right: 5px;
}
.chat-right .support-right-head .media .media-left .media-object {
  width: 40px;
  height: 40px;
  border-radius: 25px;
}
.chat-right .support-right-head .media .media-body h4 {
  font-size: 13px;
  margin: 0;
}
.chat-right .support-right-head .media .media-body p {
  margin: 0;
  padding: 0;
}
.chat-right .support-right-head .media .media-body p span {
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
}
.chat-right .support-right-head .date-time-tag {
  margin: 0 0 4px 0;
  font-weight: 500;
  font-size: 13px;
  background: #feb403;
  padding: 2px 5px;
  border-radius: 4px;
  letter-spacing: 1px;
}
.chat-right .support-right-head .close-chat-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.chat-right .support-right-head .close-chat-btn .mat-button, .chat-right .support-right-head .close-chat-btn .defaultLayout .btn-primary, .defaultLayout .chat-right .support-right-head .close-chat-btn .btn-primary, .chat-right .support-right-head .close-chat-btn .defaultLayout .btn-black, .defaultLayout .chat-right .support-right-head .close-chat-btn .btn-black, .chat-right .support-right-head .close-chat-btn .defaultLayout .btn-secondary, .defaultLayout .chat-right .support-right-head .close-chat-btn .btn-secondary, .chat-right .support-right-head .close-chat-btn .defaultLayout .btn-outline, .defaultLayout .chat-right .support-right-head .close-chat-btn .btn-outline {
  background: #FF7000 !important;
  color: #fff !important;
  text-transform: capitalize !important;
  height: 30px;
  line-height: 30px;
  padding: 0 8px 0 8px;
  border-radius: 24px;
}
.chat-right .support-right-head .close-chat-btn .mat-button .mat-button-wrapper, .chat-right .support-right-head .close-chat-btn .defaultLayout .btn-primary .mat-button-wrapper, .defaultLayout .chat-right .support-right-head .close-chat-btn .btn-primary .mat-button-wrapper, .chat-right .support-right-head .close-chat-btn .defaultLayout .btn-black .mat-button-wrapper, .defaultLayout .chat-right .support-right-head .close-chat-btn .btn-black .mat-button-wrapper, .chat-right .support-right-head .close-chat-btn .defaultLayout .btn-secondary .mat-button-wrapper, .defaultLayout .chat-right .support-right-head .close-chat-btn .btn-secondary .mat-button-wrapper, .chat-right .support-right-head .close-chat-btn .defaultLayout .btn-outline .mat-button-wrapper, .defaultLayout .chat-right .support-right-head .close-chat-btn .btn-outline .mat-button-wrapper {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.5px;
}
.chat-right .chat-body {
  min-height: calc(100vh - 260px);
  max-height: calc(100vh - 260px);
  overflow: auto;
  background-position: 50%;
  background-attachment: fixed;
  padding: 0;
  background: #eef1f6;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  width: 100%;
}
.chat-right .chat-body .chatbot-card {
  min-width: 100px;
  overflow: hidden;
  padding: 8px 10px;
  border-radius: 15px;
  transition: opacity 0.5s, background-color 0.75s, color 0.75s;
  box-shadow: 0 1px 8px 0 rgba(90, 60, 122, 0.22);
  position: relative;
  background-color: white;
  color: #333333;
  font-weight: 600;
}
.chat-right .chat-body .chatbot-card .chat-time {
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  bottom: 1px;
  right: 10px;
}
.chat-right .chat-body .card-container {
  display: block;
  min-height: calc(100vh - 250px);
  max-height: calc(100vh - 250px);
  overflow: auto;
  /* Scrollbar Styling */
}
.chat-right .chat-body .card-container .chatbot-card-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
  margin-top: 15px;
}
.chat-right .chat-body .card-container .chatbot-card-list p {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.chat-right .chat-body .card-container .chatbot-avatar {
  min-width: 40px;
  width: 40px;
  margin-right: 10px;
  opacity: 0;
}
.chat-right .chat-body .card-container .chatbot-card {
  min-width: 100px;
  max-width: 70%;
  overflow: hidden;
  padding: 10px 10px 20px 10px;
  border-radius: 15px;
  border-top-left-radius: 0;
  transition: opacity 0.5s, background-color 0.75s, color 0.75s;
  box-shadow: 0 1px 8px 0 rgba(90, 60, 122, 0.22);
  position: relative;
  background-color: white;
  color: #333333;
  font-weight: 600;
}
.chat-right .chat-body .attachment-view {
  min-width: 300px;
  height: 30px;
  line-height: 30px;
  padding: 0px 10px 0 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.chat-right .chat-body .attachment-view a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.chat-right .chat-body .attachment-view a .file-name {
  padding-left: 10px;
  color: #000;
  font-weight: 600;
}
.chat-right .chat-body .attachment-view img {
  width: 18px;
}
.chat-right .chat-body .user_request .custom_form_group {
  margin: 15px 0 0 0;
}
.chat-right .chat-body .user_request .custom_form_group label {
  margin-bottom: 10px;
  display: block;
}
.chat-right .chat-body .user_request .custom_form_group p {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 20px;
}
.chat-right .chat-body .user_request .attachments_group ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.chat-right .chat-body .user_request .attachments_group ul li {
  position: relative;
  width: 75px;
  height: 75px;
  border: 1px solid #eee;
  margin: 0px 10px 0 0;
  padding: 2px;
}
.chat-right .chat-body .user_request .attachments_group ul li img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.chat-right .chat-body .user_request p {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #a1a1a1;
  font-family: "Clash Display Light";
}
.chat-right .chat-body .admin-message {
  display: flex;
  align-items: flex-end;
  float: right;
  justify-content: flex-end;
  width: 100%;
  margin-right: 15px;
}
.chat-right .chat-body .admin-message .chatbot-card {
  border-top-left-radius: 15px;
  border-top-right-radius: 0;
}
.chat-right .chat-body .user-message {
  display: flex;
  align-items: flex-end;
  float: right;
  justify-content: flex-start;
  width: 100%;
  margin-left: 15px;
}
.chat-footer {
  display: flex;
  align-items: center;
}
.chat-footer .chat-attachment {
  border: 2px solid #FF7000;
  width: 60px;
  height: 50px;
  text-align: center;
  background: #FF7000;
  color: #fff;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: 0;
  margin-right: -2px;
  position: relative;
}
.chat-footer .chat-attachment i {
  font-size: 22px;
  font-weight: 600;
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-radius: 25px;
  color: white;
  text-align: center;
  position: relative;
  top: 8px;
}
.chat-footer .chat-attachment .file_input {
  opacity: 0;
  cursor: pointer;
  z-index: 99;
  width: 60px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.chat-footer .chat-input {
  display: flex;
  align-items: center;
  width: 100%;
}
.chat-footer .chat-input input {
  min-width: 400px;
  height: 50px;
  float: left;
  border-radius: 4px;
  padding-left: 5px;
  border: 1px solid #FF7000;
  width: 100%;
  position: relative;
  padding-right: 35px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.chat-footer .chat-input .send-icon {
  border: 1px solid #FF7000;
  width: 50px;
  height: 52px;
  line-height: 52px;
  border-left: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-left: -2px;
  text-align: center;
  cursor: pointer;
}
.chat-footer .chat-input .send-icon i {
  line-height: 49px;
  color: #FF7000;
  font-weight: 600;
}
.my_favourites_sec .wish-check i {
  color: #fd135b !important;
}
/* ------------------------------ INNER-MODULE-SCSS ------------------------------ */
.banner_sec {
  position: relative;
}
.banner_sec .swiper-container {
  margin-left: 0;
  margin-right: 0;
}
.banner_sec .swiper-container .swiper-wrapper .swiper-slide .banner_img {
  position: relative;
}
.banner_sec .swiper-container .swiper-wrapper .swiper-slide .banner_img img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.banner_sec .swiper-container .swiper-wrapper .swiper-slide .banner_img .banner-content {
  z-index: 99;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-top: 15%;
}
.banner_sec .swiper-container .swiper-wrapper .swiper-slide .banner_img .banner-content h1 {
  font-size: 42px;
  width: 60%;
  line-height: 54px;
  color: #ffffff;
}
.banner_sec .swiper-container .swiper-wrapper .swiper-slide .banner_img .banner-content p {
  color: #ffffff;
  width: 70%;
  line-height: 30px;
}
.banner_sec .swiper-container .swiper-wrapper .swiper-slide .banner_container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 9;
}
.banner_sec .swiper-container .swiper-wrapper .swiper-slide .banner_container .banner_full {
  width: 100%;
}
.banner_sec .swiper-container .swiper-wrapper .swiper-slide .banner_container .banner_full .banner_content {
  width: 50%;
  margin: 0 auto;
  overflow: hidden;
}
.banner_sec .swiper-container .swiper-wrapper .swiper-slide .banner_container .banner_full .banner_content h1 {
  margin: 0 auto;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  color: #ffffff;
  text-align: center;
}
.banner_sec .swiper-container .swiper-wrapper .swiper-slide .banner_container .banner_full .banner_content p {
  font-weight: 600;
  font-size: 16px;
  margin: 20px 0 0 0px;
  text-align: center;
  color: #ffffff;
}
.banner_sec .swiper-container .medowie_overlay_banner {
  background: rgba(0, 0, 0, 0.34);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  z-index: 1;
  height: 500px;
  width: 100%;
}
.form_search {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.form_search .form-section {
  margin: 10px 0 0 0;
}
.form_search .form-section .custom-form-group {
  margin: 0 0 0px 0;
}
.form_search .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.form_search .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.form_search .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: #f9fafc;
  border-radius: 5px !important;
}
.form_search .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.form_search .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 5px !important;
  border-left-style: solid;
  background: #f9fafc;
}
.form_search .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.6em 0 0.9em 0 !important;
}
.form_search .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input {
  padding-left: 8px;
}
.form_search .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-select-arrow {
  margin: 6px 5px 0 0px;
  color: #21262c;
}
.form_search .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-select-placeholder {
  color: #21262c;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.form_search .search_btn {
  width: 38px;
  height: 38px;
  line-height: 30px;
  min-width: 38px !important;
  border-radius: 24px !important;
  position: absolute;
  top: -2px;
  right: -6px;
  background: none;
  padding: 0 8px 3px 8px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-image: none !important;
}
.form_search .search_btn i {
  padding-left: 10px;
}
.form_search .search_btn .mat-button-wrapper {
  color: #000;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-family: "Clash Display Light";
}
.form_search .search_btn .mat-button-wrapper img {
  width: 15px;
}
.features_sec {
  padding: 30px 0;
  background: #ffffff;
  position: relative;
}
.features_sec .wrapper {
  padding: 10px 0px 30px 20px;
}
.features_sec .wrapper .heading_feature {
  margin: 0px 0 40px 0px;
}
.features_sec .wrapper .heading_feature h2 {
  color: #3b3b3b;
  font-size: 30px;
  font-weight: 500;
  position: relative;
  font-family: "Clash Display Medium" !important;
  font-weight: 500;
}
.features_sec .wrapper .heading_feature h2 span {
  display: inline-block;
  position: relative;
  color: #3b3b3b;
  font-family: "Clash Display Medium" !important;
  font-weight: 500;
}
.features_sec .wrapper .heading_feature h2 span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin: 2px auto 0 auto;
  width: 100%;
  height: 2px;
  background: #ff324d;
}
.features_sec .wrapper .swiper-container {
  width: 100%;
}
.features_sec .wrapper .swiper-container .swiper-wrapper {
  align-items: center;
  justify-content: flex-start;
}
.features_sec .wrapper .swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
}
.features_sec .wrapper .swiper-container .swiper-wrapper .swiper-slide li {
  text-align: center;
}
.features_sec .wrapper .swiper-container .swiper-wrapper .swiper-slide li img {
  object-fit: contain;
  cursor: pointer;
}
.features_sec .swiper-button-prev:after {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #000 !important;
  right: 1px;
  position: relative;
  opacity: 1;
}
.features_sec .swiper-button-next:after {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #000 !important;
  left: 1px;
  position: relative;
  opacity: 1;
}
.features_sec .swiper-button-next {
  right: 25px !important;
}
.features_sec .swiper-button-prev {
  left: 25px !important;
}
.features_sec .swiper-button-next,
.features_sec .swiper-button-prev {
  background-color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 3px;
  border: 1px solid #000;
  opacity: 1;
  z-index: 9;
  cursor: pointer;
  top: 70%;
}
.products_sec {
  background: #f8f9fb;
}
.products_sec .wrapper .products_row .products_listing_column {
  padding-left: 0px;
  max-width: 100% !important;
  padding-top: 0px !important;
}
.products_sec .wrapper .products_row .products_listing_column .main_product_listing {
  position: relative;
  margin: 25px 0 0 0;
}
.products_sec .wrapper .products_row .products_listing_column .main_product_listing .product_listing_row {
  margin: 0px 0px;
}
.products_filter_column {
  padding-right: 15px;
}
.products_filter_column .filter_box {
  margin: 0px 5px 25px 0px;
}
.products_filter_column .filter_box .tree .mat-tree {
  background: transparent;
}
.products_filter_column .filter_box .tree .mat-tree-node {
  color: #7b7d7f;
  font-weight: 600;
  font-family: "Clash Display Light";
  min-height: 36px;
  line-height: 36px;
  height: 36px;
  cursor: pointer;
}
.products_filter_column .filter_box .tree .mat-tree-node .mat-icon-button {
  width: auto;
}
.products_filter_column .filter_box .filter_head {
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.products_filter_column .filter_box .filter_head h2 {
  color: #202020;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  font-family: "Clash Display Light";
  padding-bottom: 3px;
}
.products_filter_column .filter_box .filter_head h2::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 50%;
  height: 1px;
  background: #313131;
}
.products_filter_column .filter_box .filter_head .clear_btn {
  margin-top: -6px;
}
.products_filter_column .filter_box .slider {
  margin-right: 25px;
}
.products_filter_column .filter_box .slider .ngx-slider .ngx-slider-pointer {
  background-color: #FF7000;
  outline: 0;
}
.products_filter_column .filter_box .slider .ngx-slider .ngx-slider-selection {
  background-color: #FF7000;
}
.products_filter_column .filter_box .slider .ngx-slider .ngx-slider-pointer:hover:after {
  background-color: #fff !important;
}
.products_filter_column .filter_box .slider .ngx-slider .ngx-slider-bubble.ngx-slider-combined {
  font-size: 12px;
}
.products_filter_column .filter_box .price_tag p {
  font-size: 14px;
  font-weight: 600;
  color: #7b7d7f;
  font-family: "Clash Display Light";
}
.products_filter_column .filter_box .mat-list-base .mat-list-option {
  height: 36px;
}
.products_filter_column .filter_box .mat-list-base .mat-list-option:hover {
  background-color: transparent !important;
}
.products_filter_column .filter_box .mat-list-base .mat-list-option .mat-list-item-content {
  padding: 0 0 0 2px;
}
.products_filter_column .filter_box .mat-list-base .mat-list-option .mat-list-item-content .mat-pseudo-checkbox {
  width: 18px;
  height: 18px;
  border: 1px solid;
}
.products_filter_column .filter_box .mat-list-base .mat-list-option .mat-list-item-content .mat-pseudo-checkbox::after {
  top: 3.4px;
  left: 3px;
}
.products_filter_column .filter_box .mat-list-base .mat-list-option .mat-list-item-content .mat-pseudo-checkbox.mat-pseudo-checkbox-checked {
  background: #f8f9fb;
  border-color: #000;
}
.products_filter_column .filter_box .mat-list-base .mat-list-option .mat-list-item-content .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:after {
  color: #000;
}
.products_filter_column .filter_box .mat-list-base .mat-list-option .mat-list-text {
  padding-left: 10px !important;
  font-size: 15px;
  line-height: 40px;
  color: #7b7d7f;
  font-weight: 600;
  font-family: "Clash Display Light";
  cursor: pointer;
  text-transform: capitalize;
}
.products_filter_column .filter_box .mat-list-base .mat-list-option.active-list-option .mat-list-text {
  color: #000;
}
.products_filter_column .filter_box.filter_checkbox ul {
  margin: 15px 0 0 0;
  display: block;
}
.products_filter_column .filter_box.filter_checkbox ul li {
  margin: 0px 0 6px 0px;
  height: 36px;
}
.products_filter_column .filter_box.filter_checkbox ul li .mat-checkbox .mat-checkbox-layout {
  display: flex;
  align-items: center;
}
.products_filter_column .filter_box.filter_checkbox ul li .mat-checkbox .mat-checkbox-layout .mat-checkbox-label {
  color: #7b7d7f;
  font-weight: 600;
  font-size: 14px;
  font-family: "Clash Display Light";
  text-transform: capitalize;
  line-height: 22px;
  position: relative;
  top: 1px;
}
.products_filter_column .filter_box.filter_checkbox ul li .mat-checkbox.mat-checkbox-checked .mat-checkbox-layout .mat-checkbox-label {
  color: #000;
}
.products_filter_column .filter_box.filter_checkbox ul li .mat-checkbox.mat-checkbox-background {
  background-color: #ef6a30 !important;
}
.products_filter_column .filter_box.filter_checkbox ul li .mat-checkbox .mat-checkbox-inner-container {
  width: 18px !important;
  height: 18px !important;
}
.products_filter_column .filter_box.filter_checkbox ul li .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame {
  border-width: 1px !important;
}
.products_filter_column .filter_box.filter_checkbox ul li .mat-checkbox.mat-checkbox-checked .mat-checkbox-background {
  background-color: #f8f9fb !important;
  border: 1px solid #0000008a !important;
}
.products_filter_column .filter_box.filter_checkbox ul li .mat-checkbox .mat-checkbox-checkmark-path {
  stroke: #000 !important;
}
.products_filter_column .filter_box.filter_checkbox ul li .mat-checkbox .mat-checkbox-mixedmark {
  background-color: #000 !important;
}
.products_filter_column .filter_box .custom-form-group {
  margin: 0 0 0px 0;
}
.products_filter_column .filter_box .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.products_filter_column .filter_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.products_filter_column .filter_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: #f9fafc;
  border-radius: 5px !important;
}
.products_filter_column .filter_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.products_filter_column .filter_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 5px !important;
  border-left-style: solid;
  background: #f9fafc;
}
.products_filter_column .filter_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.3em 0 0.9em 0;
}
.products_filter_column .filter_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-select-arrow {
  margin: 6px 5px 0 0px;
  color: #21262c;
}
.products_filter_column .filter_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-select-placeholder {
  color: #21262c;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.products_filter_column .tags .tag_head li .mat-radio-label {
  line-height: 40px;
}
.products_filter_column .avail .avail_check {
  margin: 15px 0px;
}
.products_filter_column .avail .avail_check .mat-checkbox-layout .mat-checkbox-label {
  line-height: 28px;
}
.products_filter_column .avail .avail_check li {
  margin: 12px 0px;
}
.directory_filter_column .custom_tree_node .mat-tree .mat-tree-node {
  color: #7b7d7f;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  font-family: "Clash Display Light";
  position: relative;
  transition: all 0.5s ease-in-out;
}
.directory_filter_column .custom_tree_node .mat-tree .mat-tree-node .mat-tree-node-li {
  color: #7b7d7f;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  font-family: "Clash Display Light";
  position: relative;
}
.directory_filter_column .custom_tree_node .mat-tree .mat-tree-node .mat-tree-node-li::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  background-image: url("/assets/images/icons/tree-circle.svg");
  background-repeat: no-repeat !important;
  width: 39px;
  height: 38px;
  background-position: center;
  background-size: 25%;
}
.directory_filter_column .custom_tree_node .mat-tree .mat-tree-node .mat-tree-node-li .mat-icon {
  margin-left: 0;
  opacity: 0;
}
.clear_btn:hover .mat-button-wrapper {
  color: #FA5D50;
}
.clear_btn:hover .mat-button-focus-overlay {
  opacity: 0 !important;
}
.form_search .mat-form-field-flex .mat-form-field-infix {
  padding: 0.6em 0 0.9em !important;
}
.product_box {
  border-radius: 4px;
  margin: 0px 15px 25px 0px;
  height: 100%;
  position: relative;
  transition: all 0.5s ease-in-out 0s;
  cursor: pointer;
  outline: 0;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
  min-height: 375px;
  max-height: 375px;
}
.product_box .product_img {
  position: relative;
  transition: all 0.5s ease-in-out 0s;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 225px;
  max-height: 225px;
  height: 225px;
  border-bottom: 1px solid #eeeeee63;
}
.product_box .product_img img {
  transition: all 0.5s ease-in-out 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product_box:hover {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.05));
  box-shadow: 0 0 10px #d4d4d4;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: all 500ms ease;
}
.product_box:hover img {
  transform: scale(1.05);
}
.product_box .round_image {
  position: absolute;
  top: 2%;
  right: 5%;
}
.product_box .round_image .border_button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  line-height: 30px;
  color: #ffffff;
  background: black;
  padding: 0px;
  margin: 0px;
  min-width: 0px;
}
.product_box .round_image .border_button .mat-button-wrapper {
  font-size: 12px;
  font-weight: 700;
}
.product_box .product_deal_top {
  position: absolute;
  top: 2%;
  right: 2%;
  width: 40px;
  height: 40px;
  border-radius: 24px;
}
.product_box .product_deal_top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}
.product_box .exclusive {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: 75%;
}
.product_box .exclusive span {
  height: 20px;
  background: #1d7def;
  padding: 1px 4px;
  color: #fff;
  font-weight: 500;
  font-family: "Clash Display Light";
  font-size: 12px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.product_box .box_content {
  padding: 8px 8px 8px 8px;
}
.product_box .box_content h3 {
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px 0px;
  letter-spacing: 0;
  height: 40px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  text-align: center;
  font-family: "Clash Display Medium" !important;
}
.product_box .box_content .company_name {
  font-size: 15px;
  text-align: center;
  text-transform: capitalize;
  letter-spacing: 0;
  margin: 0 0 5px 0;
  font-weight: 800;
  color: #FF7000;
  height: 20px;
  font-family: "General Sans Medium";
}
.product_box .box_content h5 {
  font-weight: 700;
  margin: 4px 0;
  text-align: center;
}
.product_box .box_content h5 .old_price {
  font-size: 14px;
  padding: 0 0 0 6px;
  text-decoration: line-through;
  color: #b1adad;
  opacity: 0.6;
  font-weight: 500;
  font-family: "Clash Display Light";
  letter-spacing: 0;
}
.product_box .box_content h5 .new_price {
  color: #ff7c09;
  font-size: 16px;
  font-weight: 600;
  font-family: "Clash Display Light";
  letter-spacing: 0;
}
.product_box .box_content .price_group {
  margin: 5px 0 5px 0;
}
.product_box .box_content .price_group label {
  color: #746e69;
  padding-right: 10px;
}
.product_box .box_content .price_group .primary_price {
  color: #FF7000;
}
.product_box .box_content h6 {
  color: #746e69;
  font-size: 15px;
  font-weight: 700;
  margin: 12px 0px;
}
.product_box .box_content h6 span {
  color: #ff7c09;
  font-size: 15px;
  font-weight: 700;
}
.product_box .box_content .rate_content {
  margin: 12px 0px;
  color: #ff7c09;
  font-size: 16px;
  font-weight: 800;
}
.product_box .box_content .rate_content span {
  color: #e0dede;
  padding-left: 10px;
  font-size: 13px;
}
.product_box:hover {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.02);
}
.product_box .rating_box {
  justify-content: center;
}
.product_deal_alternate {
  position: absolute;
  top: 0;
  right: -5px;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
}
.product_deal_alternate img {
  width: 75%;
  transform: rotate(16deg);
  position: relative;
  transition: all 0.5s ease-in-out 0s;
}
.rating_box {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
}
.rating_box .star {
  display: flex;
  align-items: center;
}
.rating_box .star li {
  padding-right: 6px;
  font-size: 15px;
  width: 18px;
}
.rating_box .star li i {
  color: #ff9933;
}
.rating_box .star li span i {
  color: #fdf0c9;
  width: 30px;
  height: 30px;
}
.rating_box .star li.rating_count {
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  margin: 3px 0 0 5px;
  background: #FF7000;
  height: 18px;
  line-height: 12px;
  width: 24px;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 4px 0;
  border-radius: 3px;
}
.rating_box .heart_data img {
  width: 100%;
  height: 100%;
  margin-bottom: 13px;
}
.news_sec {
  background: #f5f6ff;
  margin: 0px 0 0 0;
  padding: 25px 0 25px 0;
}
.news_sec .wrapper .news_row .news_column_one .news_letter .media .media-left img {
  width: 50px;
}
.news_sec .wrapper .news_row .news_column_one .news_letter .media .media-body h4 {
  color: #1e2f4f;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 0;
}
.news_sec .wrapper .news_row .news_column_one .news_letter .media .media-body p {
  color: #1e2f4f;
  font-size: 14px;
  font-weight: 500;
}
.news_sec .wrapper .news_row .news_column_two .form_admin {
  position: relative;
}
.news_sec .wrapper .news_row .news_column_two .form_admin .form-section {
  margin: 20px 0px !important;
}
.news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .mat-form-field {
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 5px;
}
.news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .mat-form-field-wrapper {
  padding: 0;
}
.news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .mat-form-field-appearance-outline .mat-form-field-outline {
  color: transparent !important;
}
.news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .mat-form-field {
  padding-left: 18px;
}
.news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .subscribe_btn {
  position: absolute;
  top: 0;
  right: -20px;
}
.news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .subscribe_btn .mat-button, .news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .subscribe_btn .defaultLayout .btn-primary, .defaultLayout .news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .subscribe_btn .btn-primary, .news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .subscribe_btn .defaultLayout .btn-black, .defaultLayout .news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .subscribe_btn .btn-black, .news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .subscribe_btn .defaultLayout .btn-secondary, .defaultLayout .news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .subscribe_btn .btn-secondary, .news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .subscribe_btn .defaultLayout .btn-outline, .defaultLayout .news_sec .wrapper .news_row .news_column_two .form_admin .form-section .custom-form-group .custom-form-control .subscribe_btn .btn-outline {
  background: #1e2f4f;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  height: 40px;
}
/* ------------------------------ SECOND-HAND-SUPPLIES ------------------------------ */
.second_supplies_listing .product_box {
  min-height: 350px;
  max-height: 350px;
}
/* ------------------------------ vendor_review_sec ------------------------------ */
.vendor_review_sec {
  margin-bottom: 50px;
}
.vendor_review_sec .mat-tab-header {
  margin: 0 0px 0px 0;
  border-bottom: 1px solid #eee;
}
.vendor_review_sec .mat-tab-body {
  padding: 0px 0px !important;
}
.vendor_review_sec .specifications_tab p {
  color: #21262c;
  font-family: "Clash Display Light";
  font-weight: 600;
  line-height: 24px;
  width: 100%;
  letter-spacing: 0.2px;
}
.vendor_review_sec .specifications_tab span {
  color: #21262c;
  font-family: "Clash Display Light";
  font-weight: 600;
  line-height: 24px;
  width: 100%;
  letter-spacing: 0.2px;
}
.vendor_review_sec .specifications_tab ul li {
  color: #21262c;
  font-family: "Clash Display Light";
  font-weight: 600;
  line-height: 24px;
  width: 100%;
  letter-spacing: 0.2px;
  margin: 5px 0;
}
.vendor_review_sec .tabs_body {
  padding: 0px 15px 15px 15px !important;
}
.vendor_review_sec .pickup_address_tab .custom_form_group .custom_label {
  min-width: 125px;
}
.vendor_review_sec .pickup_address_tab .custom_form_group .custom_label .dots {
  padding: 0 15px;
}
.custom_tabs {
  background: #fff;
  padding: 5px 25px 25px 25px;
  border-radius: 6px;
}
.custom_tabs .mat-tab-header {
  margin: 0 0px 10px 0;
}
.custom_tabs .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Clash Display Light";
}
.custom_tabs .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #21262c !important;
}
.custom_tabs .mat-tab-body-wrapper .mat-tab-body-content {
  height: 100%;
  overflow: initial;
  width: 100%;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body {
  padding: 15px 15px 15px 15px;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .tabs_heading {
  color: #202020;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px 0px;
  line-height: 24px;
  font-family: "Clash Display Light";
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .vendor_details .vendor_logo {
  width: 100px;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .vendor_logo img {
  width: auto;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .vendor_content p {
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 10px 0px;
  line-height: 24px;
  width: 75%;
  font-family: "Clash Display Light";
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .review_details .media {
  margin: 10px 0;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .review_details .media .media-left {
  width: 50px;
  height: 50px;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .review_details .media .media-left img {
  border-radius: 50%;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .review_details .media .media-body h4 {
  color: #202020;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px 0px;
  line-height: 24px;
  font-family: "Clash Display Light";
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .review_details .media .media-body .rating_box {
  justify-content: flex-start;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .review_details .media .media-body P {
  color: #21262c;
  font-size: 14px;
  font-weight: 600;
  margin: 0 20px 10px 0px;
  line-height: 24px;
  letter-spacing: 0.2px;
  width: 75%;
  font-family: "Clash Display Light";
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .review_details .media .media-body .review_content_imgs {
  display: flex;
  align-items: flex-start;
  margin-top: 15px;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .review_details .media .media-body .review_content_imgs ul {
  display: flex;
  overflow: hidden;
  align-items: center;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .review_details .media .media-body .review_content_imgs ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 60px;
  border: 1px solid #ccc;
  margin: 10px;
  position: relative;
  border-radius: 4px;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .review_details .media .media-body .review_content_imgs ul li .overlay {
  content: "";
  background: #000;
  opacity: 0.3;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .review_details .media .media-body .review_content_imgs ul li .view_more {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .review_details .media .media-body .review_content_imgs ul li img {
  object-fit: cover;
  height: 100%;
  border-radius: 4px;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .products_specification_details li {
  margin: 10px 0;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .products_specification_details li label {
  color: #a0a7b7;
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 10px 0px;
  line-height: 24px;
  letter-spacing: 0;
  font-family: "Clash Display Light";
  min-width: 200px;
  display: inline-block;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .products_specification_details li label .dots {
  float: right;
  padding-right: 25px;
  color: #a0a7b7;
}
.custom_tabs .mat-tab-body-wrapper .tabs_body .products_specification_details li span {
  color: #202020;
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 10px 0px;
  line-height: 24px;
  letter-spacing: 0;
  font-family: "Clash Display Light";
}
.custom_tabs .custom_nav_tabs {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom_tabs .custom_nav_tabs li {
  height: 48px;
  padding: 0 24px;
  cursor: pointer;
  box-sizing: border-box;
  opacity: 0.6;
  min-width: 160px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  position: relative;
}
.custom_tabs .custom_nav_tabs li a {
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Clash Display Light";
  color: #21262c;
}
.custom_tabs .custom_nav_tabs li a:after {
  content: "";
  background-color: #FF7000;
  height: 3px;
  border-radius: 4px;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(0);
}
.custom_tabs .custom_nav_tabs li:hover a {
  color: #FF7000;
}
.custom_tabs .custom_nav_tabs li:hover a:hover:after {
  transform: scaleX(1);
  transition: all 0.5s ease-in-out 0s;
}
/* ------------------------------ PRODUCT-DETAILS-PAGE-SCSS ------------------------------ */
.products_details_sec {
  margin: 0px 0 50px 0px;
  padding: 5px 10px 10px 10px;
  border-radius: 3px;
}
.products_details_sec .details-left .product-details {
  padding: 0px 0px 0 0px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.products_details_sec .details-right {
  padding: 0px 0px 0 15px;
  width: 100%;
  position: relative;
}
.products_details_sec .details-right .header-section .product-heading {
  width: 100%;
}
.products_details_sec .details-right .header-section .product_title_priceflex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.products_details_sec .details-right .header-section .heading {
  font-size: 19px;
  font-weight: 800;
  color: #596374;
  margin-bottom: 0;
  line-height: 28px;
  text-transform: capitalize;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  width: 55%;
  font-family: "Clash Display Light";
  letter-spacing: 0.2px;
  padding-right: 10px;
}
.products_details_sec .details-right .header-section .sub-heading {
  font-size: 14px;
  color: #a1a1a1;
  margin: 10px 0 10px 0;
  font-family: "Clash Display Light";
  font-weight: 500;
  text-transform: capitalize;
}
.products_details_sec .details-right .header-section .variant-selection {
  width: 100%;
  margin: 10px 0 0 0;
}
.products_details_sec .details-right .header-section .variant-selection .variant-group {
  width: 100%;
}
.products_details_sec .details-right .header-section .variant-selection .variant-group .selection-list {
  border: 0px !important;
  border-radius: 0px !important;
  margin: 0px 0 0px 0px;
  flex-wrap: wrap;
}
.products_details_sec .details-right .header-section .variant-selection .variant-group .selection-list .mat-button-toggle {
  background: #ffffff !important;
  border-radius: 25px !important;
  color: #000 !important;
  margin: 0px 15px 10px 0px;
  border-radius: 25px;
  border: 1px solid #ef6a30;
}
.products_details_sec .details-right .header-section .variant-selection .variant-group .selection-list .mat-button-toggle .mat-button-toggle-label-content {
  line-height: 22px;
  padding: 0 20px 5px 20px;
  letter-spacing: 0px;
  border-radius: 25px;
  display: flex;
  align-items: center;
}
.products_details_sec .details-right .header-section .variant-selection .variant-group .selection-list .mat-button-toggle .mat-button-toggle-label-content span {
  font-size: 14px;
  font-weight: 600;
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.products_details_sec .details-right .header-section .variant-selection .variant-group .selection-list .mat-button-toggle-checked .mat-button-toggle-focus-overlay {
  visibility: hidden !important;
}
.products_details_sec .details-right .header-section .variant-selection .variant-group .selection-list .mat-button-toggle-checked {
  background: linear-gradient(#fca300 0%, #fa1d72 100%) !important;
}
.products_details_sec .details-right .header-section .variant-selection .variant-group .selection-list .mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #ffffff;
}
.products_details_sec .details-right .header-section .variant-selection .color_group {
  clear: both;
  margin: 15px 0;
}
.products_details_sec .details-right .header-section .variant-selection .color_group .color_one .mat-button-toggle-button {
  background-color: #ef6a30;
  border-color: #ef6a30;
}
.products_details_sec .details-right .header-section .variant-selection .color_group .color_two .mat-button-toggle-button {
  background-color: #c8d0db;
  border-color: #c8d0db;
}
.products_details_sec .details-right .header-section .variant-selection .color_group .color_three .mat-button-toggle-button {
  background-color: #67c0bd;
  border-color: #67c0bd;
}
.products_details_sec .details-right .header-section .variant-selection .color_group .color_four .mat-button-toggle-button {
  background-color: #98c8eb;
  border-color: #98c8eb;
}
.products_details_sec .details-right .header-section .variant-selection .color_group .mat-button-toggle-group {
  border: 0;
}
.products_details_sec .details-right .header-section .variant-selection .color_group .mat-button-toggle-group .mat-button-toggle {
  background: #ffffff;
  border-radius: 25px !important;
  margin: 0px 15px 5px 0px;
  border: 0;
}
.products_details_sec .details-right .header-section .variant-selection .color_group .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button {
  border: 1px solid transparent;
  width: 25px;
  height: 25px;
  border-radius: 24px;
  padding: 2px;
}
.products_details_sec .details-right .header-section .variant-selection .color_group .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button {
  border: 1px solid #FF7000;
}
.products_details_sec .details-right .header-section .variant-selection .color_group .mat-button-toggle-checked .mat-button-toggle-focus-overlay {
  visibility: hidden !important;
}
.products_details_sec .details-right .custom_form_group {
  margin: 8px 0 8px 0;
}
.products_details_sec .details-right .custom_form_group .custom_label {
  min-width: 150px;
  color: #000000a3;
}
.products_details_sec .details-right .custom_form_group .value {
  color: #21262c;
  font-weight: 600;
  padding-left: 15px;
}
.products_details_sec .details-right .price {
  width: 50%;
}
.products_details_sec .details-right .price .price-detail-box {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #FF7000;
  width: auto;
  border-radius: 4px;
  margin: 0 0px 0 0;
}
.products_details_sec .details-right .price .price-detail-box span {
  display: block;
  font-weight: 400;
}
.products_details_sec .details-right .price .price-detail-box .del {
  font-size: 14px;
  font-weight: 600;
  text-decoration: line-through;
  color: #6e798a;
  display: flex;
  align-items: center;
  font-family: "Clash Display Light";
  padding-left: 5px;
  padding-right: 5px;
  letter-spacing: 0;
}
.products_details_sec .details-right .price .price-detail-box .old-price {
  font-weight: 500 !important;
  color: #FF7000;
  margin-left: 0px;
}
.products_details_sec .details-right .price .price-detail-box .discount-flex {
  display: block;
  align-items: center;
}
.products_details_sec .details-right .price .price-detail-box .discount-flex .discount-price {
  font-size: 11px;
  font-weight: 600;
  margin-left: 0px;
  color: #FF7000;
}
.products_details_sec .details-right .price .price-detail-box .discount-flex .discount-price label {
  font-family: "General Sans", sans-serif !important;
  display: flex;
  color: #FF7000;
}
.products_details_sec .details-right .price .price-detail-box .discount-flex .discount-price label span {
  color: #FF7000;
  font-weight: 600;
  font-family: "General Sans", sans-serif !important;
  margin-left: 5px;
}
.products_details_sec .details-right .price .price-detail-box .discount-flex .per_box {
  font-size: 14px;
  padding: 0 0 0 6px;
  letter-spacing: 0.2px;
  color: #6e798a;
  font-family: "Clash Display Medium" !important;
}
.products_details_sec .details-right .price .price-detail-box .discount-flex .tax {
  color: #000;
  font-weight: 800 !important;
  font-family: "General Sans", sans-serif !important;
}
.products_details_sec .details-right .price .price-detail-box .new-price {
  font-size: 22px;
  color: #FF7000;
  font-weight: 500;
  display: flex;
  align-items: center;
  letter-spacing: 0;
  font-family: "Clash Display Medium" !important;
}
.products_details_sec .details-right .sku_group {
  display: flex;
  align-items: center;
  margin: 15px 0;
}
.products_details_sec .details-right .sku_group label {
  padding-right: 10px;
  margin: 0;
}
.products_details_sec .details-right .sku_group p {
  color: #a0a7b7;
  position: relative;
  top: 2px;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.products_details_sec .details-right .coupon_deals_flex {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 25px;
}
.products_details_sec .details-right .main_deal_section {
  background-color: #ffffff6e;
  padding: 5px 10px 5px 10px;
  margin: 10px 0px 0px 0px;
  border-radius: 6px;
  width: 50%;
}
.products_details_sec .details-right .main_deal_section label {
  font-size: 15px;
  letter-spacing: 0.2px;
  font-weight: 600;
  color: #212121;
  margin-bottom: 10px;
}
.products_details_sec .details-right .main_coupon_section {
  background-color: #ffffff6e;
  padding: 5px 10px 0 10px;
  margin: 10px 10px 0px 0px;
  border-radius: 6px;
  width: 50%;
  height: 125px;
}
.products_details_sec .details-right .main_coupon_section label {
  font-size: 15px;
  letter-spacing: 0.2px;
  font-weight: 600;
  color: #212121;
  margin-bottom: 10px;
}
.products_details_sec .details-right .main_coupon_section .coupon_box {
  width: 100%;
  margin-bottom: 15px;
}
.products_details_sec .details-right .main_coupon_section .coupon_box h4 {
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 600;
  color: #FF7000;
  margin: 0px 0 10px 0px;
  font-family: "Clash Display Light";
}
.products_details_sec .details-right .main_coupon_section .coupon_box .coupon_expires {
  color: #97a4ad;
  font-size: 12px;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  margin: 5px 0 0 0;
}
.products_details_sec .details-right .main_coupon_section .coupon_box .coupon_expires i {
  font-size: 15px;
  position: relative;
  top: 2px;
  padding-right: 4px;
  font-weight: 500;
}
.products_details_sec .details-right .main_coupon_section .coupon_box .showcode {
  position: relative;
  z-index: 1;
}
.products_details_sec .details-right .main_coupon_section .coupon_box .showcode .show-code {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2ed87b;
  color: #fff;
  height: 34px;
  padding: 5px 15px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 3px;
  border: 2px solid transparent;
  text-transform: uppercase;
  letter-spacing: 0px;
  overflow: hidden;
  text-decoration: none;
  transition: all 400ms linear 0ms;
  width: 40%;
  text-align: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  cursor: auto;
}
.products_details_sec .details-right .main_coupon_section .coupon_box .showcode .coupon-hide {
  height: 34px;
  line-height: 34px;
  padding: 0 15px;
  font-size: 15px;
  color: #f50;
  border-radius: 3px;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, #eee 10px, #eee 20px), linear-gradient(to bottom, #c2ead4, #c2ead4);
}
.products_details_sec .details-right .description {
  margin: 15px 0 0 0;
  min-height: 125px;
}
.products_details_sec .details-right .description .title {
  color: #000;
  font-size: 15px;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 10px;
}
.products_details_sec .details-right .description p {
  color: #a0a7b7;
  font-family: "Clash Display Light";
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  width: 100%;
  letter-spacing: 0.2px;
}
.products_details_sec .details-right .buy_now {
  margin: 5px 0;
}
.products_details_sec .details-right .buy_now p {
  color: #a0a7b7;
  font-family: "Clash Display Light";
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  width: 100%;
  letter-spacing: 0.2px;
}
.products_details_sec .details-right .current_bid {
  margin: 10px 0;
  /* display: flex; */
  align-items: center;
}
.products_details_sec .details-right .current_bid h4 {
  font-size: 15px;
  color: #FF7000;
  font-weight: 600;
  display: flex;
  align-items: center;
  letter-spacing: 0.2px;
  font-family: "Clash Display Light";
}
.products_details_sec .details-right .current_bid p {
  color: #FF7000;
  font-weight: 600;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0.2px;
  padding-left: 25px;
  font-family: "Clash Display Light";
}
.products_details_sec .details-right .bid_ends {
  background: #fff;
  filter: drop-shadow(0px 6px 22px rgba(239, 106, 48, 0.06));
  width: 80%;
  border-radius: 8px;
  padding: 15px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0px 0 20px 0;
}
.products_details_sec .details-right .bid_ends label {
  color: #a0a7b7;
  font-family: "Clash Display Light";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.2px;
  margin: 0;
  position: relative;
  top: 2px;
}
.products_details_sec .details-right .bid_ends .bid_date {
  padding: 0 0px;
  letter-spacing: 0px;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #202020;
  font-weight: 600;
  font-size: 18px;
  width: 225px;
  text-align: left;
}
.products_details_sec .details-right .bid_ends .counter span {
  line-height: 26px;
  padding: 0 0px;
  letter-spacing: 0px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  color: #202020;
  font-weight: 600;
  font-size: 18px;
}
.products_details_sec .details-right .free_shipping {
  margin: 5px 0;
}
.products_details_sec .details-right .free_shipping p {
  color: #a0a7b7;
  font-family: "Clash Display Light";
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  width: 100%;
  letter-spacing: 0.2px;
}
.products_details_sec .details-right .delivery_details p {
  color: #fc6d2f;
  margin: 10px 0;
  font-family: "Clash Display Light";
  font-weight: 600;
}
.products_details_sec .details-right .delivery_details h4 {
  color: #fc6d2f;
  margin: 10px 0;
  font-family: "Clash Display Light";
  font-weight: 600;
}
.products_details_sec .details-right .deliver-shipment {
  margin: 15px 0px;
}
.products_details_sec .details-right .deliver-shipment p {
  color: #138808;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.products_details_sec .details-right .btns-row {
  display: flex;
  align-items: center;
}
.products_details_sec .details-right .add-cart {
  height: 40px;
  line-height: 40px !important;
  border-radius: 25px !important;
  font-weight: 600;
  padding: 0 35px 0 35px !important;
  font-family: "General Sans", sans-serif !important;
}
.products_details_sec .details-right .share-btn {
  width: 45px;
  height: 45px;
  background: #eef2f8;
  min-width: auto !important;
  justify-content: center;
  color: #ff9933;
  border-radius: 50%;
  margin-left: 20px;
  padding: 0 12px !important;
  margin-top: -6px;
}
.products_details_sec .details-right .share-btn .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.products_details_sec .details-right .share-btn img {
  width: 25px;
}
.products_details_sec .details-right .product-spec-list li {
  margin: 5px 0px;
}
.products_details_sec .details-right .product-spec-list li.heading {
  font-size: 18px;
  font-weight: 500;
  color: #0000;
  margin-bottom: 10px;
}
.products_details_sec .details-right .product-spec-list li .spec-name {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1.2px;
}
.products_details_sec .details-right .product-spec-list li .stock {
  color: #FF7000;
  font-size: 15px;
  font-weight: 500;
}
.products_details_sec .details-right .product-description {
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.products_details_sec .details-right .product-description p {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  line-height: 26px;
  padding-right: 0px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.products_details_sec .details-right .product-description ul {
  list-style: none;
  position: relative;
  padding: 0;
  margin: 0;
}
.products_details_sec .details-right .product-description ul li {
  list-style: none;
  font-size: 14px;
  color: #000;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}
.products_details_sec .details-right .product-description ul li:after {
  content: "";
  height: 9px;
  width: 9px;
  position: absolute;
  top: 6px;
  left: 0;
  border-radius: 50%;
  background: #c2c2c2;
}
.products_details_sec .details-right .product-description table tbody tr td {
  padding: 0 0 10px 0;
  font-size: 15px;
  font-weight: 300;
  color: #000;
}
.products_details_sec .details-right .product-description table tbody tr td strong {
  font-weight: 400;
}
.products_details_sec .details-right .product-description table tbody tr:hover {
  box-shadow: none !important;
}
.products_details_sec .details-right .detail-btn-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.products_details_sec .details-right .detail-btn-row .add-cart {
  height: 38px !important;
  line-height: 38px !important;
  border-radius: 25px !important;
  font-weight: 600;
  padding: 0 25px !important;
  background: linear-gradient(#fca300 0%, #fa1d72 100%);
  margin-left: 10px;
}
.products_details_sec .details-right .detail-btn-row .add-cart .mat-button-wrapper {
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
  font-family: "Clash Display Light";
  text-transform: capitalize;
  letter-spacing: 0.5px;
}
.products_details_sec .details-right .detail-btn-row .wish-check {
  margin-left: 40px;
  margin-right: 40px;
  position: relative;
  margin-top: -6px;
}
.products_details_sec .details-right .detail-btn-row .wish-check .red-heart-btn {
  display: inline-block;
  margin-right: 0;
  cursor: pointer;
  width: 45px;
  height: 45px;
  background: #eef2f8;
  border-radius: 50%;
  border: 1px solid #eef2f8;
  text-align: center;
}
.products_details_sec .details-right .detail-btn-row .wish-check .red-heart-btn .mat-button-wrapper img {
  width: 25px;
}
.products_details_sec .details-right .detail-btn-row .mobile_flex_btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.products_details_sec .details-right .detail-btn-row .mobile_flex_btns .form-increment {
  margin: 25px 0 32px 0;
}
.product_deals_box {
  padding: 10px 10px 15px 10px;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.product_deals_box:last-child {
  border: 0;
}
.product_deals_box .media .media-left {
  width: 50px !important;
  height: 50px !important;
  border: 1px solid #ccc !important;
  border-radius: 24px !important;
}
.product_deals_box .media .media-left img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.product_deals_box .media .media-body h4 {
  margin: 0 0 0 0 !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  font-size: 16px !important;
  font-family: "Clash Display Light";
}
.product_deals_box .media .media-body .time {
  font-size: 12px;
  color: #596374;
  letter-spacing: 0;
  margin: 0px 0 0 0;
  font-weight: 500;
}
.product_deals_box .media .media-body p {
  font-size: 14px;
  letter-spacing: 0;
  color: #000;
  margin: 0px 0 0 0;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.product_deals_box .media .media-body p.price_giveway {
  font-weight: 600;
  color: #FF7000;
}
.product_deals_box .media .media-body .read__more a {
  padding-left: 0;
  font-size: 12px;
  color: #a1a1a1;
  font-weight: 500;
  letter-spacing: 0;
  position: relative;
  border-bottom: 1px dotted;
}
.product_deals_box .media .media-body .read__more a:hover {
  color: #FF7000;
}
.product_deals_box .media .media-body .get_buy {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.2px;
}
.product-preview-slider .product_img {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.product-preview-slider .product_img .swiper-wrapper {
  justify-content: flex-start;
}
.product-preview-slider .product_img .swiper-wrapper .swiper-slide {
  min-height: 400px;
  max-height: 400px;
  height: 400px;
  position: relative;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.product-preview-slider .product_img .swiper-wrapper .swiper-slide img {
  object-fit: contain;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.product-preview-slider .product_img .swiper-wrapper .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.product-preview-slider .product_img .swiper-wrapper .video_slide_top {
  align-items: initial;
  width: 100% !important;
}
.product-preview-slider .deals_img {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  border-radius: 24px;
}
.product-preview-slider .deals_img img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.product-preview-slider .gallery-thumbs {
  padding: 0;
  /* border-top: 1px solid #ccc; */
  margin: 0;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  z-index: 9;
}
.product-preview-slider .gallery-thumbs .swiper-slide {
  opacity: 0.9;
  height: 70px !important;
  min-height: 70px !important;
  width: 70px !important;
  border-radius: 4px;
  border: 1px solid #eee;
  padding: 0px;
  opacity: 1;
  margin: 2px 2px 2px 2px;
  cursor: pointer;
  overflow: hidden;
}
.product-preview-slider .gallery-thumbs .swiper-slide.swiper_slide_active {
  border-color: #FF7000 !important;
}
.product-preview-slider .gallery-thumbs .swiper-slide img {
  width: 70px;
  height: 70px;
  padding: 2px;
  object-fit: cover;
}
.product-preview-slider .gallery-thumbs .swiper-slide video {
  width: 70px;
  height: 70px;
  padding: 2px;
  object-fit: cover;
}
.product-preview-slider .gallery-thumbs .swiper-slide.active {
  border-color: #FF7000;
}
.product-preview-slider .gallery-thumbs .video_slide li {
  position: relative;
}
.product-preview-slider .gallery-thumbs .video_slide li .video_overlay {
  position: absolute;
  background-color: #000;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  opacity: 0.4;
  cursor: pointer;
  border-radius: 4px;
}
.product-preview-slider .gallery-thumbs .video_slide li .video_play_btn {
  bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.product-preview-slider .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.product-preview-slider .swiper-button-next,
.product-preview-slider .swiper-button-prev {
  background-size: 20px 30px !important;
  top: 20px;
  bottom: 0;
  outline: 0px !important;
  background-size: 12px 15px !important;
  background-color: #fff;
  width: 25px;
  height: 100%;
  font-weight: 600;
  border-radius: 0;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 999999;
}
.product-preview-slider .swiper-button-prev,
.product-preview-slider .swiper-container-rtl .swiper-button-next {
  background-image: url(/assets/images2/icons/slider-left-arrow.svg) !important;
  left: -1px;
  right: auto;
}
.product-preview-slider .swiper-button-next,
.product-preview-slider .swiper-container-rtl .swiper-button-prev {
  background-image: url(/assets/images2/icons/slider-right-arrow.svg) !important;
  right: 0px;
  left: auto;
}
.product-preview-slider .swiper-button-next:after,
.product-preview-slider .swiper-button-prev:after {
  display: none !important;
}
.product-preview-slider .swiper-button-disabled {
  opacity: 0;
}
.form-increment {
  margin: 28px 0 25px 0;
}
.form-increment .mat-form-field {
  width: auto !important;
  line-height: 24px !important;
}
.form-increment .mat-form-field-appearance-outline .mat-form-field-flex {
  margin-top: 0px !important;
  height: 38px;
}
.form-increment .mat-form-field.mat-form-field-appearance-outline > div.mat-form-field-wrapper > div.mat-form-field-flex > div.mat-form-field-infix {
  padding: 0em 0px !important;
  border-top: 0;
  line-height: 24px;
  display: block;
  align-items: center;
  justify-content: center;
  height: 16px;
  font-size: 18px;
}
.form-increment .mat-form-field-flex {
  align-items: center !important;
}
.form-increment .mat-form-field-outline {
  border-radius: 25px !important;
}
.form-increment .material-icons {
  color: #ffffff;
}
.form-increment .mat-form-field-prefix {
  top: 2px !important;
  background: #ef6a30 !important;
  padding: 0px 5px !important;
  left: -10px !important;
  height: 34px !important;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.form-increment .mat-form-field-prefix i {
  line-height: 30.55px !important;
  color: #ffffff !important;
}
.form-increment .mat-form-field-prefix .mat-icon-button {
  z-index: 1;
}
.form-increment .mat-form-field-suffix {
  top: 2px !important;
  background: #ef6a30 !important;
  padding: 0px 5px !important;
  right: -12px !important;
  height: 34px !important;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.form-increment .mat-form-field-suffix .mat-icon-button {
  z-index: 1;
}
.form-increment .mat-form-field-suffix i {
  line-height: 30.55px !important;
  color: #ffffff !important;
}
.form-increment .mat-form-field-appearance-outline .mat-form-field-outline-start {
  opacity: 0;
}
.form-increment .mat-form-field-appearance-outline .mat-form-field-outline-start,
.form-increment .mat-form-field-appearance-outline .mat-form-field-outline-end {
  min-width: 0px !important;
}
.form-increment .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-left-style: solid !important;
  flex-grow: 1;
}
.form-increment .mat-form-field-infix {
  width: 35px !important;
}
.form-increment .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.form-increment .mat-form-field-outline {
  color: #FF7000 !important;
  height: 34px;
}
.form-increment .mat-form-field-outline-start,
.form-increment .mat-form-field-outline-end {
  border-radius: 25px !important;
}
.form-increment .mat-input-element {
  text-align: center;
  position: relative;
  left: 3px;
}
.zoom_sec {
  background: #f8f9fb;
}
.zoom_sec .wrapper .zoom_row .zoom_column_one .boxs_admin {
  margin-bottom: 20px;
  background: #ffffff;
  background: #ffffff;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  width: 100%;
  height: 350px;
  display: flex;
  align-items: center;
}
.zoom_sec .wrapper .zoom_row .zoom_column_one .boxs_admin img {
  width: 100%;
  height: 250px;
}
.zoom_sec .wrapper .zoom_row .zoom_column_one .swiper-container .swiper-wrapper .swiper-slide li {
  text-align: center;
  margin: 5px;
}
.zoom_sec .wrapper .zoom_row .zoom_column_one .swiper-container .swiper-wrapper .swiper-slide li img {
  width: 100%;
  height: 100%;
}
.zoom_sec .wrapper .zoom_row .zoom_column_one .swiper-container .swiper-button-prev:after {
  font-size: 26px !important;
  font-weight: 500 !important;
  color: #FF7000 !important;
}
.zoom_sec .wrapper .zoom_row .zoom_column_one .swiper-container .swiper-button-next:after {
  font-size: 26px !important;
  font-weight: 500 !important;
  color: #FF7000 !important;
}
.zoom_sec .wrapper .zoom_row .zoom_column_one .swiper-container .swiper-button-next,
.zoom_sec .wrapper .zoom_row .zoom_column_one .swiper-container .swiper-button-prev {
  background-color: #fff;
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.141));
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 5px;
}
.zoom_sec .wrapper .zoom_row .zoom_column_one .specific_main {
  display: flex;
  margin: 10px 0px;
}
.zoom_sec .wrapper .zoom_row .zoom_column_one .specific_main .box_data1 img {
  width: 100%;
  height: 100%;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .dollars_admin {
  display: flex;
  justify-content: space-between;
  width: 85%;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .dollars_admin .blades_content h2 {
  color: #596374;
  font-size: 22px;
  font-weight: 500;
  width: 90%;
  line-height: 32px;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .dollars_admin .blades_content p {
  color: #a0a7b7;
  margin: 12px 0px;
  font-weight: 600;
  font-size: 17px;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .dollars_admin .blades_content p {
  color: #a0a7b7;
  margin: 12px 0px;
  font-weight: 600;
  font-size: 17px;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .dollars_admin .dollars_rate h4 {
  color: #6e798a;
  font-size: 18px;
  font-weight: 600;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .blades_buttons {
  display: flex;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .blades_buttons li .blade_btn {
  background: transparent;
  border: 1px solid #fb4c4a;
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 25px;
  margin-right: 18px;
  color: #000000;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .blades_buttons li .blade_btn:hover {
  background: #fc8c14;
  border: 1px solid #fc8c14;
  color: #ffffff;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .ship h2 {
  margin: 12px 0px;
  color: #a0a7b7;
  font-size: 13px;
  font-weight: 600;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .ship h2 span {
  color: #a0a7b7;
  font-size: 16px;
  font-weight: 600;
  padding-right: 10px;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .ship h3 {
  margin: 12px 0px;
  color: #a0a7b7;
  font-size: 13px;
  font-weight: 600;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .ship h3 span {
  color: #a0a7b7;
  font-size: 16px;
  font-weight: 600;
  padding-right: 10px;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .ship h1 {
  color: #fc6d2f;
  margin: 12px 0px;
  font-size: 20px;
  font-weight: 700;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .ship p {
  color: #a0a7b7;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .share_data {
  display: flex;
  align-items: center;
  margin: 20px 0px;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .share_data li {
  margin-right: 15px;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .share_data li img {
  width: 80%;
  height: 100%;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .share_data li .buy_button {
  width: 150px;
  height: 30px;
  line-height: 30px;
  background: transparent;
  border: 1px solid #fb5740;
  text-align: center;
  border-radius: 25px;
  color: #fb5444;
}
.zoom_sec .wrapper .zoom_row .zoom_column_two .share_data li .buy_button:hover {
  background: #fc7627;
  color: #ffffff;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .mat-tab-label .mat-tab-label-content {
  color: #2d3a4b;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .main_admin {
  margin-top: 0;
  margin-bottom: 25px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .main_admin .main_box {
  display: flex;
  margin: 15px 0px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .main_admin .main_box .main_picture img {
  width: 50px;
  border-radius: 50%;
  height: 50px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .main_admin .main_box .user_content {
  margin-left: 25px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .main_admin .main_box .user_content h2 {
  color: #596374;
  font-family: "Clash Display Light";
  font-weight: 600;
  font-size: 15px;
  line-height: 26px;
  width: 100%;
  letter-spacing: 0.2px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .main_admin .main_box .user_content .star_main {
  display: flex;
  margin: 0px 0px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .main_admin .main_box .user_content .star_main li {
  padding-right: 5px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .main_admin .main_box .user_content .star_main li i {
  color: #ff9933;
  font-size: 18px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .main_admin .lorem_content p {
  font-size: 15px;
  font-family: "Clash Display Light";
  font-weight: 600;
  line-height: 26px;
  width: 100%;
  letter-spacing: 0.2px;
  color: #a0a7b7;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .description_matter {
  margin: 15px 0px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .description_matter p {
  color: #a0a7b7;
  font-family: "Clash Display Light";
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  width: 100%;
  letter-spacing: 0.2px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .products {
  margin: 20px 0px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .products h2 {
  color: #fb6734;
  font-size: 20px;
  font-weight: 700;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .products ul li {
  margin: 10px 0px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .products ul li h3 {
  color: #a0a7b7;
  font-family: "Clash Display Light";
  font-weight: 600;
  font-size: 15px;
  line-height: 26px;
  width: 100%;
  letter-spacing: 0.2px;
}
.tabs_sec .wrapper .tabs_row .tabs_column_one .admin_sector .products ul li h3 span {
  color: #2d3a4b;
  font-weight: 600;
  font-size: 14px;
}
.related-sec .wrapper .related_head h2 {
  color: #ef6a30;
  font-size: 24px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}
.related-sec .wrapper .related_head h2::after {
  content: "";
  position: absolute;
  left: 263px;
  right: 0;
  top: 45%;
  width: 1000px;
  height: 1px;
  background: #b2b2b2;
}
.related-sec .wrapper .related_row .related_column_one .product_box {
  background: #ffffff;
  border-radius: 10px;
  margin: 20px 10px 20px 10px;
  height: 100%;
  position: relative;
}
.related-sec .wrapper .related_row .related_column_one .product_box img {
  width: 100%;
  height: 300px;
}
.related-sec .wrapper .related_row .related_column_one .product_box .round_image {
  position: absolute;
  top: 2%;
  right: 5%;
}
.related-sec .wrapper .related_row .related_column_one .product_box .round_image .border_button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  color: #ffffff;
  background: black;
  padding: 0px;
  margin: 0px;
  min-width: 0px;
  font-size: 10px;
  font-weight: 700;
}
.related-sec .wrapper .related_row .related_column_one .product_box .exclusive {
  position: absolute;
  top: -6px;
  left: -10px;
}
.related-sec .wrapper .related_row .related_column_one .product_box .exclusive img {
  width: 100%;
  height: 100%;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content {
  padding: 10px 15px 20px 20px;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content h3 {
  color: #202020;
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 0 0px;
  letter-spacing: 0;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content h5 {
  color: #746e69;
  font-size: 16px;
  font-weight: 700;
  margin: 12px 0px;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content h5 span {
  color: #ff7c09;
  font-size: 16px;
  font-weight: 800;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content h6 {
  color: #746e69;
  font-size: 15px;
  font-weight: 700;
  margin: 12px 0px;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content h6 span {
  color: #ff7c09;
  font-size: 15px;
  font-weight: 700;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content .rate_content {
  margin: 12px 0px;
  color: #ff7c09;
  font-size: 16px;
  font-weight: 800;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content .rate_content span {
  color: #e0dede;
  padding-left: 10px;
  font-size: 13px;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content .main_heart {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content .main_heart .star {
  display: flex;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content .main_heart .star li {
  padding-right: 6px;
  font-size: 18px;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content .main_heart .star li i {
  color: #fbd14f;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content .main_heart .star li span i {
  color: #fdf0c9;
  width: 30px;
  height: 30px;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content .main_heart .star li p {
  color: #363636;
  font-weight: 700;
  font-size: 14px;
}
.related-sec .wrapper .related_row .related_column_one .product_box .box_content .main_heart .heart_data img {
  width: 100%;
  height: 100%;
  margin-bottom: 13px;
}
.related-sec .wrapper .related_row .related_column_one .product_box:hover {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.02);
}
/* ------------------------------ SECOND-HAND-SUPPLIES-DETAILS-PAGE-SCSS ------------------------------ */
.secondhand_supplies_details_sec .details-right .header-section .heading {
  width: 100%;
}
.secondhand_supplies_details_sec .details-right .price .price-detail-box .discount-flex {
  display: flex;
  align-items: center;
}
.secondhand_supplies_details_sec .details-right .price .price-detail-box .discount-flex label {
  font-size: 18px;
  font-family: "Clash Display Medium" !important;
  letter-spacing: 0.2px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 0;
  padding-right: 10px;
}
.secondhand_supplies_details_sec .details-right .detail-btn-row {
  margin-top: 30px;
}
.secondhand_supplies_details_sec .details-right .pickup_address {
  display: block;
  border: 1px solid #f93;
  padding: 10px 10px;
  width: 80%;
  height: 100%;
  border-radius: 4px;
  margin: 0;
  overflow: hidden;
}
.secondhand_supplies_details_sec .details-right .pickup_address .pick_loaction_box {
  overflow: hidden;
}
.secondhand_supplies_details_sec .details-right .pickup_address h5 {
  font-size: 13px;
  letter-spacing: 0.2px;
  font-weight: 600;
  color: #21262c;
  margin-bottom: 5px;
  font-family: "Clash Display Light";
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
}
.secondhand_supplies_details_sec .details-right .pickup_address h5 a {
  color: #FF7000;
  border-bottom: 1px dotted #FF7000;
}
.secondhand_supplies_details_sec .details-right .pickup_address p {
  color: #21262c;
  font-weight: 600;
  padding-left: 0;
  font-size: 12px;
  margin: 0px 0 0 0;
  padding: 2px 0 0 0;
  letter-spacing: 0.2px;
}
.secondhand_supplies_details_sec .details-right .detail-btn-row {
  width: 80%;
}
.secondhand_supplies_details_sec .details-right .detail-btn-row .btn_flex .mat-button, .secondhand_supplies_details_sec .details-right .detail-btn-row .btn_flex .defaultLayout .btn-primary, .defaultLayout .secondhand_supplies_details_sec .details-right .detail-btn-row .btn_flex .btn-primary, .secondhand_supplies_details_sec .details-right .detail-btn-row .btn_flex .defaultLayout .btn-black, .defaultLayout .secondhand_supplies_details_sec .details-right .detail-btn-row .btn_flex .btn-black, .secondhand_supplies_details_sec .details-right .detail-btn-row .btn_flex .defaultLayout .btn-secondary, .defaultLayout .secondhand_supplies_details_sec .details-right .detail-btn-row .btn_flex .btn-secondary, .secondhand_supplies_details_sec .details-right .detail-btn-row .btn_flex .defaultLayout .btn-outline, .defaultLayout .secondhand_supplies_details_sec .details-right .detail-btn-row .btn_flex .btn-outline {
  margin-right: 30px;
  margin-left: 0;
}
.secondhand_supplies_details_sec .details-right .share-btn {
  margin-top: -4px;
}
/* ------------------------------ SECOND-HAND-SUPPLIES-DETAILS-PAGE-ORDER-SCSS ------------------------------ */
.my_secondhandsupplies_orderdetails_sec .order_details_right .support_btns {
  justify-content: center;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_first_column_one .cart_admin {
  background: #f8f8f8;
  border-radius: 12px;
  padding: 15px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_first_column_one .cart_admin .better_admin {
  display: flex;
  justify-content: space-between;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_first_column_one .cart_admin .better_admin .better_data {
  display: flex;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_first_column_one .cart_admin .better_admin .better_data .pictures {
  margin-right: 15px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_first_column_one .cart_admin .better_admin .better_data .pictures img {
  width: 100%;
  height: 100%;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_first_column_one .cart_admin .better_admin .better_data .content_datas h2 {
  color: #202020;
  font-weight: 600;
  font-size: 17px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_first_column_one .cart_admin .better_admin .better_data .content_datas p {
  color: #8c8c8c;
  font-weight: 600;
  font-size: 14px;
  margin: 5px 0px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_first_column_one .cart_admin .better_admin .better_data .content_datas h6 {
  color: #8c8c8c;
  font-size: 12px;
  font-weight: 600;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_first_column_one .cart_admin .better_admin .dollars h2 {
  color: #ff7c09;
  font-weight: 700;
  font-size: 16px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_first_column_one .cart_admin .down_admin {
  display: flex;
  margin: 8px 0px;
  justify-content: space-between;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_first_column_one .cart_admin .down_admin .down_one span {
  font-size: 12px;
  font-weight: 600;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_first_column_one .cart_admin .down_admin .down_one span img {
  padding-right: 10px;
  width: 18px;
  height: 18px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .discounts_admin .discounts_card {
  background: #f8f8f8;
  padding: 20px 20px 25px 20px;
  border-radius: 10px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .discounts_admin .discounts_card h4 {
  color: #ff7c09;
  font-weight: 700;
  margin: 5px 0px;
  font-size: 16px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .discounts_admin .discounts_card .discount_button {
  margin: 12px 0 5px 0px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .discounts_admin .discounts_card .discount_button .discount_btn {
  background: #f8eae4;
  border: 1px dashed #ef6a30;
  color: #ff7c09;
  font-size: 15px;
  font-weight: 700;
  width: 160px;
  margin: 10px 0px;
  height: 30px;
  line-height: 30px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .discounts_admin .discounts_card .discount_content p {
  font-size: 13px;
  font-weight: 700;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .discounts_admin .discounts_card .discount_content p {
  font-size: 13px;
  font-weight: 700;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .discounts_admin .discounts_card h5 {
  padding-top: 70px;
  font-size: 14px;
  font-weight: 700;
  color: #818292;
  margin: 15px 0px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .discounts_admin .discounts_card .code {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e4e6eb;
  padding-bottom: 5qpx;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .discounts_admin .discounts_card .code h6 {
  color: #9da9b4;
  font-weight: 600;
  font-size: 16px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .discounts_admin .discounts_card .code p {
  color: #ff8f29;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .total_admin {
  background: #f8f8f8;
  padding: 15px;
  border-radius: 12px;
  margin: 12px 0px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .total_admin .total_data_one {
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid #b3b3b3;
  justify-content: space-between;
  margin: 5px 0px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .total_admin .total_data_one h3 {
  color: #596374;
  font-size: 16px;
  font-weight: 600;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .total_admin .total_data_one p {
  color: #596374;
  font-size: 16px;
  font-weight: 600;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .total_admin .total_data_two {
  display: flex;
  justify-content: space-between;
  padding-bottom: 6px;
  border-bottom: 1px solid #b3b3b3;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .total_admin .total_data_two h3 {
  color: #596374;
  font-size: 16px;
  font-weight: 600;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .total_admin .total_data_two p {
  color: #596374;
  font-size: 16px;
  font-weight: 600;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .total_admin .total_data_three {
  display: flex;
  justify-content: space-between;
  padding: 5px 0px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .total_admin .total_data_three h3 {
  color: #596374;
  font-size: 16px;
  font-weight: 600;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .total_admin .total_data_three p {
  color: #596374;
  font-size: 16px;
  font-weight: 600;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .proceed_btn {
  text-align: center;
  margin: 35px 0px;
}
.stepper_sec .wrapper .stepper_row .stepper_column_one .stepper_first_row .stepper_column_two .proceed_btn .proceeded_button {
  width: 250px;
  height: 40px;
  line-height: 40px;
  background: #ef6a30;
  border: 1px solid #ef6a30;
  color: #ffffff;
  border-radius: 25px;
  font-weight: 700;
}
.checkout-section .checkout-stepper {
  padding: 0px 0 0px 0px;
}
.checkout-section .checkout-stepper .checkout_heading_sec {
  height: 80px;
  background: #ef6a30;
}
.checkout-section .checkout-stepper .checkout_heading_sec .checkout_heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  color: #fff;
}
.checkout-section .checkout-stepper .checkout_heading_sec .checkout_heading h4 {
  font-size: 24px;
  text-align: left;
  text-transform: capitalize;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.checkout-section .checkout-stepper .checkout_heading_sec .checkout_heading p {
  font-size: 16px;
  font-weight: 500;
}
.checkout-section .checkout-stepper .payment_address_row {
  margin: 0 0 30px 0;
}
.checkout-section .checkout-stepper .payment_address_row .address_box {
  margin-top: 20px;
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}
.checkout-section .checkout-stepper .payment_address_row .address_box .address_change_box .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.checkout-section .checkout-stepper .payment_address_row .address_box .address_change_box .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.checkout-section .checkout-stepper .payment_address_row .address_box .address_change_box .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: #f9f9f9;
  border-radius: 6px !important;
  color: #f9f9f9;
}
.checkout-section .checkout-stepper .payment_address_row .address_box .address_change_box .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.checkout-section .checkout-stepper .payment_address_row .address_box .address_change_box .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 6px !important;
  border-left-style: solid;
  background: #f9f9f9;
}
.checkout-section .checkout-stepper .payment_address_row .address_box .address_change_box .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.2em 0 0.8em 0 !important;
}
.checkout-section .checkout-stepper .payment_address_row .address_box .address-lines {
  margin: 10px 0;
}
.checkout-section .checkout-stepper .payment_address_row .address_box .address-lines h5 {
  font-weight: 600;
  font-size: 14px;
  color: #212c26;
  margin: 5px 0;
  letter-spacing: 0.5px;
  line-height: 22px;
}
.checkout-section .checkout-stepper .payment_address_row .address_box .address-lines p {
  font-size: 13px;
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-family: "Clash Display Medium" !important;
  color: #212c26;
}
.checkout-section .checkout-stepper .payment_address_row .address_box .address_add {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-top: 1px solid #FF7000;
  padding: 5px 0 0 0;
  margin: 13px 0 0 0;
  color: #FF7000;
}
.checkout-section .checkout-stepper .payment_address_row .address_box .address_add a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;
}
.checkout-section .checkout-stepper .payment_address_row .address_box .address_add a i {
  position: relative;
  top: 1px;
  font-weight: 600;
  font-size: 20px;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box {
  margin-top: 20px;
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-group-btn .mat-radio-group {
  display: flex;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-group-btn .mat-radio-group .mat-radio-button {
  display: block;
  outline: 0;
  margin: 15px 0px 0px 0px;
  padding: 10px 10px;
  max-width: 50%;
  min-width: 50%;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-group-btn .mat-radio-group .mat-radio-button .mat-radio-label {
  display: flex;
  align-items: center;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-group-btn .mat-radio-group .mat-radio-button .mat-radio-label-content {
  padding-left: 10px;
  padding-right: 0;
  font-size: 16px;
  font-weight: 600;
  color: #212c21;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  font-family: "Clash Display Light";
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-group-btn .mat-radio-group .mat-radio-button .mat-radio-label-content i {
  margin-right: 5px;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section {
  width: 100%;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .custom-form-group {
  margin: 0 0 18px 0;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: #f9f9f9;
  border-radius: 6px !important;
  color: #f9f9f9;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 6px !important;
  border-left-style: solid;
  background: #f9f9f9;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.2em 0 0.8em 0 !important;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .mat-button, .checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .defaultLayout .btn-primary, .defaultLayout .checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .btn-primary, .checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .defaultLayout .btn-black, .defaultLayout .checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .btn-black, .checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .defaultLayout .btn-secondary, .defaultLayout .checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .btn-secondary, .checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .defaultLayout .btn-outline, .defaultLayout .checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .btn-outline {
  margin-top: 0px;
  line-height: 40px !important;
  border-radius: 25px !important;
  padding: 0 50px !important;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .dont_account {
  margin: 20px 0 0 0;
  text-align: center;
}
.checkout-section .checkout-stepper .payment_address_row .payment_box .payment_card .payment_body .payment-form-section .dont_account a {
  color: #FF7000;
}
.checkout-section .checkout-stepper .cart-details-section {
  padding: 20px 0 25px 0px;
}
.checkout-section .checkout-stepper .cart-details-section .main-heading {
  font-size: 16px;
  font-family: "General Sans", sans-serif !important;
  margin: 10px 0 0 0;
  letter-spacing: 0.2px;
  font-weight: 600;
  color: #21262c;
}
.checkout-section .checkout-stepper .order-product-listing {
  margin: 0px 50px 25px 0px;
}
.checkout-section .checkout-stepper .delivery-box-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.checkout-section .checkout-stepper .delivery-box-head h5 {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin: 0px;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card {
  padding: 0;
  border: 1px solid #eee;
  margin: 0 0 20px 0px;
  border-radius: 4px;
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.141));
  background-color: #ffffff;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px;
  margin-bottom: 0px;
  height: 40px;
  border-bottom: 1px solid #f7f7f7;
  background: #f7f7f7;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-header h4 {
  font-weight: 500;
  font-size: 18px;
  color: #212c26;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body {
  background: #fff;
  padding: 10px;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-flex h2 {
  color: #212c26;
  font-weight: 600;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-row {
  position: relative;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
  margin: 25px auto;
  padding: 15px 30px;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-row .custom-form-group {
  margin-right: 15px;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-row .custom-form-group .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: transparent;
  border-radius: 4px;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.05);
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-row .custom-form-group .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-row .custom-form-group .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 4px;
  border-left-style: solid;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-row .custom-form-group .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-select .mat-select-placeholder {
  color: #c8c8c8;
  font-weight: 500;
  font-family: "General Sans", sans-serif !important;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups {
  padding: 0px 0px 0px 0px;
  margin: 25px 0px 15px 0px;
  border-radius: 0;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .address-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
  padding-right: 20px;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .address-head .address-type span {
  border: 1px solid #fff;
  padding: 5px 15px 3px 15px;
  border-radius: 25px;
  background: #eee;
  font-weight: 500;
  font-size: 13px;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .mat-radio-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .mat-radio-group .mat-radio-button {
  width: 45%;
  margin: 0 auto;
  border-radius: 6px;
  margin-left: 15px;
  margin-bottom: 25px;
  background: #f5f6f8;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .mat-radio-group .mat-radio-button .mat-radio-label {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px 0 15px 10px;
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.141));
  background-color: #ffffff;
  border-radius: 6px;
  white-space: normal !important;
  min-height: 200px;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-container {
  margin-right: 10px;
  margin-top: 0px;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-label-content {
  width: 100%;
  padding-left: 0;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-label {
  white-space: normal !important;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .address-action {
  position: absolute;
  right: 5px;
  top: 5px;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .address-action span {
  width: 28px;
  height: 28px;
  line-height: 25px;
  background: linear-gradient(#fca300 0%, #fa1d72 100%);
  display: inline-block;
  text-align: center;
  padding: 0;
  margin-right: 5px;
  border-radius: 50%;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .address-action span img {
  width: 15px;
  height: 15px;
  line-height: 20px;
  opacity: 1;
  filter: brightness(0) invert(1);
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .address-lines {
  padding: 0px 0 0 0;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .address-lines h5 {
  font-weight: 700;
  font-size: 16px;
  color: #212c26;
  margin: 5px 0 5px 0;
}
.checkout-section .checkout-stepper .stepper-address-row .address-card .address-body .address-radio-groups .address-lines p {
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin: 0;
  padding: 0;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-family: "Clash Display Light";
  color: #212c26;
}
.checkout-section .checkout-stepper .stepper-address-row .checkbox-save-row .mat-checkbox-label {
  font-family: "Clash Display Light";
  font-weight: 500;
  color: #21262c;
}
.checkout-section .checkout-stepper .stepper-address-row .checkbox-save-row .mat-button, .checkout-section .checkout-stepper .stepper-address-row .checkbox-save-row .defaultLayout .btn-primary, .defaultLayout .checkout-section .checkout-stepper .stepper-address-row .checkbox-save-row .btn-primary, .checkout-section .checkout-stepper .stepper-address-row .checkbox-save-row .defaultLayout .btn-black, .defaultLayout .checkout-section .checkout-stepper .stepper-address-row .checkbox-save-row .btn-black, .checkout-section .checkout-stepper .stepper-address-row .checkbox-save-row .defaultLayout .btn-secondary, .defaultLayout .checkout-section .checkout-stepper .stepper-address-row .checkbox-save-row .btn-secondary, .checkout-section .checkout-stepper .stepper-address-row .checkbox-save-row .defaultLayout .btn-outline, .defaultLayout .checkout-section .checkout-stepper .stepper-address-row .checkbox-save-row .btn-outline {
  margin-top: 0px;
  border-radius: 25px !important;
  padding: 0 20px !important;
  margin-left: 20px;
}
.checkout-section .checkout-stepper .stepper-body {
  margin: 10px 0px;
}
.checkout-section .checkout-stepper .stepper-btn-group {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  align-items: center;
}
.checkout-section .checkout-stepper .stepper-btn-group .back-btn {
  font-weight: 500 !important;
  letter-spacing: 0.06em;
  border-radius: 6px !important;
  border: 1px solid #ffffff !important;
  color: #0e1f29;
  letter-spacing: 1px;
  background-color: #ffffff;
  font-family: "Metropolis Medium", sans-serif !important;
  height: 32px;
  line-height: 30px !important;
  padding: 0 15px 0 15px !important;
  min-width: auto !important;
}
.checkout-section .checkout-stepper .stepper-btn-group .back-btn .mat-button-wrapper {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
}
.checkout-section .checkout-stepper .stepper-btn-group .back-btn .mat-button-wrapper img {
  margin-right: 10px;
  width: 10px;
  position: relative;
  bottom: 1px;
}
.checkout-section .checkout-stepper .stepper-btn-group .global-btn {
  height: 32px;
  line-height: 30px !important;
  border-radius: 25px !important;
  font-weight: 600;
  padding: 0 35px 0 35px !important;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card {
  margin-top: 20px;
  margin-left: 0px;
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card h4 {
  color: #ff7c09;
  font-weight: 700;
  margin: 5px 0 0 0px;
  font-size: 16px;
  letter-spacing: 0;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .discount_button {
  margin: 0px 0px 10px 0px;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .discount_button .discount_btn {
  background: #f8eae4;
  border: 1px dashed #ef6a30;
  color: #ff7c09;
  font-size: 15px;
  font-weight: 700;
  width: 160px;
  margin: 10px 0px;
  height: 34px;
  line-height: 34px;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .discount_content p {
  font-size: 13px;
  font-weight: 700;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .discount_content p {
  font-size: 13px;
  font-weight: 700;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .prom_code_group .custom-form-group .custom-form-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .prom_code_group .custom-form-group .custom-form-control .mat-form-field {
  width: 75%;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .prom_code_group .custom-form-group .custom-form-control .coupon_code_btn .mat-button-wrapper {
  color: #FF7000;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .prom_code_group .custom-form-group .custom-form-control .coupon_code_btn .mat-button-focus-overlay {
  background-color: transparent !important;
  opacity: 0;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card h5 {
  padding-top: 0px;
  font-size: 14px;
  font-weight: 600;
  color: #818292;
  margin: 15px 0px;
  font-family: "Clash Display Light";
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .view_coupons {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  display: block;
  color: #FF7000;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 14px;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .following_coupon {
  text-align: center;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 12px;
  margin: 5px 0 0 0;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .clear_coupon_box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 0 0;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .clear_coupon_box li {
  display: flex;
  align-items: center;
  background-color: #FF7000;
  width: auto;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 16px;
  text-transform: capitalize;
  color: #fff;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .clear_coupon_box li span {
  position: relative;
  bottom: 2px;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .clear_coupon_box li i {
  cursor: pointer;
  font-size: 15px;
  position: relative;
  top: 2px;
  font-weight: 600;
  left: 5px;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .code {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e4e6eb;
  padding-bottom: 5qpx;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .code h6 {
  color: #9da9b4;
  font-weight: 600;
  font-size: 16px;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .code p {
  color: #ff8f29;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .more_coupons {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #eee;
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
}
.checkout-section .checkout-stepper .discounts_admin .discounts_card .more_coupons .mat-button, .checkout-section .checkout-stepper .discounts_admin .discounts_card .more_coupons .defaultLayout .btn-primary, .defaultLayout .checkout-section .checkout-stepper .discounts_admin .discounts_card .more_coupons .btn-primary, .checkout-section .checkout-stepper .discounts_admin .discounts_card .more_coupons .defaultLayout .btn-black, .defaultLayout .checkout-section .checkout-stepper .discounts_admin .discounts_card .more_coupons .btn-black, .checkout-section .checkout-stepper .discounts_admin .discounts_card .more_coupons .defaultLayout .btn-secondary, .defaultLayout .checkout-section .checkout-stepper .discounts_admin .discounts_card .more_coupons .btn-secondary, .checkout-section .checkout-stepper .discounts_admin .discounts_card .more_coupons .defaultLayout .btn-outline, .defaultLayout .checkout-section .checkout-stepper .discounts_admin .discounts_card .more_coupons .btn-outline {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.checkout-section .checkout-stepper .proceed_cart_btn {
  height: 40px !important;
  margin-top: 50px;
  line-height: 40px !important;
  border-radius: 25px !important;
  padding: 0 50px !important;
}
.checkout-section .checkout-stepper .proceed_cart_btn .mat-button-wrapper {
  width: 100%;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 1px;
  font-family: "Clash Display Light";
}
.checkout-section .checkout-stepper .stepper-btns {
  display: flex;
  justify-content: space-between;
  border-top: 1px dotted #ccc;
  padding: 10px 20px 0 0;
  margin: 30px -10px 0 -10px;
}
.checkout-section .checkout-stepper .stepper-btns .mat-button, .checkout-section .checkout-stepper .stepper-btns .defaultLayout .btn-primary, .defaultLayout .checkout-section .checkout-stepper .stepper-btns .btn-primary, .checkout-section .checkout-stepper .stepper-btns .defaultLayout .btn-black, .defaultLayout .checkout-section .checkout-stepper .stepper-btns .btn-black, .checkout-section .checkout-stepper .stepper-btns .defaultLayout .btn-secondary, .defaultLayout .checkout-section .checkout-stepper .stepper-btns .btn-secondary, .checkout-section .checkout-stepper .stepper-btns .defaultLayout .btn-outline, .defaultLayout .checkout-section .checkout-stepper .stepper-btns .btn-outline {
  margin-left: 15px;
  min-width: 100px;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section {
  padding: 0;
  border: 1px solid #eee;
  margin: 0 0 20px 0px;
  border-radius: 4px;
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.141));
  background-color: #ffffff;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .cart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px;
  margin-bottom: 0px;
  border-bottom: 1px solid #f7f7f7;
  background: #f7f7f7;
  height: 40px;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .cart-header h4 {
  font-weight: 500;
  font-size: 18px;
  color: #080808;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-body-items {
  max-height: 400px;
  height: 400px;
  overflow: auto;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-body-items .checkout-product-box {
  margin: 0;
  padding: 10px 10px 10px 10px;
  border-bottom: 1px dotted #ccc;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-body-items .checkout-product-box .media {
  display: flex;
  align-items: flex-start;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-body-items .checkout-product-box .media .media-left {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 4px !important;
  position: relative;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-body-items .checkout-product-box .media .media-left img {
  width: 100%;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-body-items .checkout-product-box .media .media-body .item-title {
  font-size: 14px;
  color: #212121;
  font-weight: 500;
  margin-bottom: 5px;
  letter-spacing: 0;
  line-height: 16px;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-body-items .checkout-product-box .media .media-body .item-quantity {
  font-size: 11px;
  color: #212121;
  font-weight: 500;
  margin: 0 0 0 0;
  line-height: 12px;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-body-items .checkout-product-box .media .media-body .item-cost {
  margin-top: 5px;
  font-weight: 600;
  font-size: 13px;
  font-weight: 600;
  font-size: 14px;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-body-items .checkout-product-box .media .media-body .item-cost img {
  width: 16px;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-total-box {
  padding: 15px 0px 5px 0px;
  position: relative;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-total-box .total-cost {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 0 10px;
  margin: 0 0 10px 0px;
  border-bottom: 1px solid #f8f8f8;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-total-box .total-cost .name {
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-total-box .total-cost .price {
  justify-content: flex-start;
  min-width: 110px;
  position: relative;
  left: 10px;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-total-box .total-cost .price img {
  width: 16px;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-total-box .final-total-cost {
  border-top: 1px dashed #e0e0e0;
  padding-top: 15px;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-total-box .final-total-cost img {
  width: 16px;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-total-box .final-total-cost .final-price {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-total-box .final-total-cost .final-amount {
  justify-content: flex-start;
  min-width: 110px;
  position: relative;
  left: 10px;
  color: #FF7000;
}
.checkout-section .checkout-stepper .checkout-right .cart-details-section .checkout-total-box .final-total-cost .price {
  color: #FF7000;
}
.total-cost-box {
  margin-top: 20px;
  margin-left: 0px;
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}
.total-cost-box .total-cost {
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 500;
  border-bottom: 1px solid #eee;
  padding: 0 0 5px 0;
  color: #596374;
  letter-spacing: 0;
  font-family: "Clash Display Medium" !important;
}
.total-cost-box .total-cost .total-text {
  color: #a1a1a1;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.total-cost-box .total-cost .total-price {
  font-weight: 600;
  font-family: "Clash Display Medium" !important;
}
.total-cost-box .total-cost .total-price i {
  position: relative;
  top: 2px;
}
.total-cost-box .grand_total {
  padding: 0px ​0 10px 0 !important;
}
.total-cost-box .global-btn {
  margin: 0px 0 0 0;
}
.freight_charges {
  margin: 20px 0 0 0;
  text-align: center;
  font-size: 13px;
  color: #596374;
  letter-spacing: 0;
}
.order-product-listing {
  border-radius: 6px;
  margin: 0px 0px 25px 0px;
}
.order-product-listing .vendor_name_heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 0px 0;
}
.order-product-listing .vendor_name_heading h4 {
  font-size: 18px;
  letter-spacing: 0;
  font-family: "General Sans Medium";
  font-weight: 600;
  color: #21262c;
}
.order-product-listing .vendor_name_heading a {
  color: #a1a1a1;
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline !important;
}
.order-product-listing .vendor_name_heading .mat-radio-button .mat-radio-label .mat-radio-label-content {
  text-transform: capitalize;
  letter-spacing: 0.2px;
  font-size: 16px;
  font-family: "General Sans Medium";
  font-weight: 600;
}
.order-product-listing ul {
  border-radius: 8px;
  padding: 10px 0 0 0;
}
.order-product-listing ul .deals_box_head {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #FF7000;
}
.order-product-listing ul .deals_box_head h4 {
  font-size: 16px;
  min-height: 30px;
  line-height: 25px;
  padding: 0 0 6px 10px;
  color: #fff;
  letter-spacing: 0px;
}
.order-product-listing ul .cart_box_li {
  background: #fff;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 15px 8px 15px;
  position: relative;
  border-radius: 8px;
  border-bottom: 1px solid #eee;
}
.order-product-listing ul .cart_box_li.deals_box_li {
  display: block !important;
}
.order-product-listing ul .cart_box_li.deals_box_li .media {
  width: 100% !important;
}
.order-product-listing ul .cart_box_li.deals_box_li .media .media-body h4 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 14px !important;
}
.order-product-listing ul .cart_box_li.deals_box_li .media .media-body h4 .deal_apply_box {
  padding: 0px 0 0px 0;
}
.order-product-listing ul .cart_box_li.deals_box_li .media .media-body .deals_content_show {
  overflow: hidden;
}
.order-product-listing ul .cart_box_li.deals_box_li .media .media-body .deals_content_show p {
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: unset !important;
  text-overflow: unset !important;
  display: block !important;
}
.order-product-listing ul .cart_box_li.deals_box_li .product_deals_box {
  padding: 0;
  border-bottom: 0;
}
.order-product-listing ul .cart_box_li img.clear-wishlist {
  top: 0px;
  right: 5px;
  position: absolute;
}
.order-product-listing ul .cart_box_li .media {
  width: 100%;
}
.order-product-listing ul .cart_box_li .media .media-left {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px solid #f7f7f7;
  padding: 5px;
  border-radius: 6px;
  background: #fff;
  margin-bottom: 15px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.order-product-listing ul .cart_box_li .media .media-left img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.order-product-listing ul .cart_box_li .media .media-body .media-heading {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0;
}
.order-product-listing ul .cart_box_li .media .media-body .media-heading .product___title {
  font-size: 14px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0px;
  letter-spacing: 0;
  color: #212c26;
  line-height: 22px;
  font-family: "General Sans Medium";
}
.order-product-listing ul .cart_box_li .media .media-body .form-increment {
  margin: 0px 0 0px 0;
}
.order-product-listing ul .cart_box_li .media .media-body .form-increment .mat-form-field-outline {
  height: 30px;
}
.order-product-listing ul .cart_box_li .media .media-body .form-increment .mat-form-field-outline-end {
  border: 2px solid currentColor !important;
}
.order-product-listing ul .cart_box_li .media .media-body .form-increment .mat-icon-button {
  height: 28px !important;
  border-radius: 24px !important;
  top: -2px;
}
.order-product-listing ul .cart_box_li .media .media-body .form-increment .mat-icon-button .mat-button-wrapper {
  height: 22px;
}
.order-product-listing ul .cart_box_li .media .media-body .form-increment .mat-form-field-prefix {
  background: #fff !important;
  left: -5px !important;
  top: 1px !important;
  height: 24px !important;
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
  padding: 0px 0px !important;
  width: 20px;
}
.order-product-listing ul .cart_box_li .media .media-body .form-increment .mat-form-field-prefix .mat-icon {
  color: #FF7000;
  line-height: 20px;
  font-weight: 600;
}
.order-product-listing ul .cart_box_li .media .media-body .form-increment .mat-form-field-suffix {
  background: #fff !important;
  right: -6px !important;
  top: 1px !important;
  height: 24px !important;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
  padding: 0px 0px !important;
}
.order-product-listing ul .cart_box_li .media .media-body .form-increment .mat-form-field-suffix .mat-icon {
  color: #FF7000;
  line-height: 20px;
  font-weight: 600;
}
.order-product-listing ul .cart_box_li .media .media-body .form-increment .mat-form-field.mat-form-field-appearance-outline > div.mat-form-field-wrapper > div.mat-form-field-flex > div.mat-form-field-infix {
  height: 18px !important;
  line-height: 18px;
}
.order-product-listing ul .cart_box_li .media .media-body .form-increment .mat-form-field.mat-form-field-appearance-outline > div.mat-form-field-wrapper > div.mat-form-field-flex > div.mat-form-field-infix .mat-input-element {
  left: 8px;
}
.order-product-listing ul .cart_box_li .price {
  display: flex;
  align-items: center;
  min-width: 100px;
  justify-content: flex-end;
}
.order-product-listing ul .cart_box_li .price .equal_to {
  color: #FF7000;
  padding: 0 5px;
}
.order-product-listing ul .cart_box_li .price .form-increment {
  margin: 0 15px 0 0;
}
.order-product-listing ul .cart_box_li .price .price_overall {
  margin: 0px 0 0 0;
  font-weight: 600 !important;
  text-align: center;
  display: block;
  color: #FF7000 !important;
  font-size: 16px !important;
  letter-spacing: 0.2px;
}
.order-product-listing ul .cart_box_li .deals_note {
  width: 30%;
}
.order-product-listing ul .cart_box_li .deals_note h5 {
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 600;
  color: #FF7000;
  font-family: "Clash Display Medium" !important;
  text-align: center;
}
.order-product-listing ul .cart_box_li .deals_note p {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0 0 5px 0;
}
.order-product-listing ul .cart_box_li .deals_note .deal_border_box {
  border: 1px dotted #FF7000;
  text-align: center;
  padding: 0;
  margin-top: 5px;
  color: #FF7000;
  border-radius: 4px;
  font-size: 16px;
  letter-spacing: 0.2px;
  font-weight: 500;
  font-family: "Clash Display Medium" !important;
  height: 30px;
  line-height: 28px;
}
.order-product-listing ul .cart_box_li .free_box {
  font-weight: 600;
  text-align: center;
  display: block;
  color: #FF7000;
  font-size: 16px;
}
.order-product-listing ul .cart_box_li .clear-wishlist {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.order-product-listing ul .cart_box_li .item_delete {
  position: absolute;
  right: 25px;
  bottom: 20px;
  display: flex;
  align-items: center;
  margin: 0;
  cursor: pointer;
  font-size: 12px;
}
.order-product-listing ul .cart_box_li .item_delete img {
  padding-right: 5px;
}
.order-product-listing ul .cart_box_li .item_delete:hover {
  color: red;
}
.order-product-listing ul .cart_box_li:last-child {
  border-bottom: 0px;
}
.order-product-listing ul .cart_box_li .order_btn_flex {
  display: flex;
  margin-top: 10px;
  justify-content: flex-end;
}
.order-product-listing ul .cart_box_li .order_btn_flex .global-btn {
  margin-left: 10px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  height: 24px !important;
  border-radius: 24px !important;
  min-width: auto;
}
.order-product-listing ul .cart_box_li .order_btn_flex .global-btn .mat-button-wrapper {
  font-size: 13px;
}
.order-product-listing ul .cart_box_li .order_btn_flex .global-btn.cancel_btn {
  background-color: #fa1d72 !important;
  background-image: none !important;
}
.order-product-listing ul .deal_apply_box {
  justify-content: flex-end;
  padding: 8px 10px;
  display: flex;
  background-color: #fff;
}
.order-product-listing ul .deal_apply_box .deal_apply_flex {
  display: flex;
  align-items: center;
}
.order-product-listing ul .deal_apply_box .deal_apply_flex .deal_accepted {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #FF7000;
  margin-right: 10px;
}
.order-product-listing ul .deal_apply_box .deal_apply_flex .deal_accepted i {
  margin-right: 5px;
}
.order-product-listing ul .deal_apply_box .deal_apply_flex .global-btn {
  padding: 0 10px 4px 10px !important;
  height: 30px !important;
  line-height: 30px !important;
}
.order-product-listing ul .deal_apply_box .deal_apply_flex .global-btn .mat-button-wrapper {
  font-size: 13px;
}
.order-product-listing ul .deal_apply_box .deal_apply_flex .global-btn .mat-button-wrapper i {
  font-size: 18px;
  position: relative;
  top: 1px;
  margin-right: 4px;
}
.order-product-listing .checkout_cdk_box .product_deals_box {
  border-top: 1px solid #ccc;
}
.order-product-listing .checkout_cdk_box .deals_content_show {
  overflow: hidden;
}
.order-product-listing .checkout_cdk_box .deals_content_show p {
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: unset !important;
  text-overflow: unset !important;
  display: block !important;
}
.order-product-listing .delas_apply_showhide p {
  font-size: 14px;
  font-weight: 600;
  padding: 10px 10px 10px 10px;
  font-family: "Clash Display Medium" !important;
  background: #fff;
  border-radius: 4px;
}
.order-product-listing .delas_apply_showhide p a {
  color: #FF7000 !important;
}
.cancelled_chip {
  color: #fff;
  position: absolute;
  left: -15px;
  top: 0;
  text-align: center;
  transform: rotate(0deg);
  background-image: url(/assets/images/icons/triangle.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 70%;
  width: 100%;
}
.cancelled_chip a {
  display: block;
  transform: rotate(-45deg);
  top: 5px;
  left: -12px;
  overflow: hidden;
  position: relative;
  cursor: auto;
  font-size: 11px;
  font-weight: 600;
}
.custom_tree_node .mat-tree {
  background: transparent;
}
.custom_tree_node .mat-tree .mat-nested-tree-node .selected-node {
  color: #000;
}
.custom_tree_node .mat-tree .mat-nested-tree-node .selected-node .mat-icon-button .mat-icon {
  color: #000;
}
.custom_tree_node .mat-tree .mat-nested-tree-node .selected-node .title {
  color: #000;
}
.custom_tree_node .mat-tree .mat-nested-tree-node .selected-node li {
  color: #fff !important;
  margin-bottom: 0 !important;
}
.custom_tree_node .mat-tree .mat-tree-node {
  min-height: 0;
}
.custom_tree_node .mat-tree .mat-tree-node {
  min-height: 0;
  outline: 0;
  padding: 0px 0 0px 0px;
  height: 40px;
  cursor: pointer;
  margin-bottom: 5px;
  position: relative;
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
}
.custom_tree_node .mat-tree .mat-tree-node .mat-icon-button {
  width: auto;
}
.custom_tree_node .mat-tree .mat-tree-node .mat-icon-button .mat-icon {
  margin-left: -8px;
  color: #7b7d7f;
  margin-right: 10px;
  position: relative;
  bottom: 4px;
}
.custom_tree_node .mat-tree .mat-tree-node .title {
  color: #7b7d7f;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  font-family: "Clash Display Light";
  position: relative;
  transition: all 0.5s ease-in-out;
}
.custom_tree_node .mat-tree .mat-tree-node img {
  margin-right: 10px;
}
.custom_tree_node .mat-tree .mat-tree-node .mat-tree-node-li {
  display: flex;
  align-items: center;
}
.custom_tree_node .mat-tree .mat-tree-node .mat-tree-node-li .mat-icon {
  margin-left: -8px;
  color: #7b7d7f;
  margin-right: 10px;
  margin-bottom: 2px;
}
.sub_tree_nodes .mat-tree-node {
  padding-left: 20px !important;
  position: relative;
}
.sub_tree_nodes .mat-tree-node::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  background-image: url("/assets/images/icons/tree-circle.svg");
  background-repeat: no-repeat !important;
  width: 39px;
  height: 38px;
  background-position: center;
  background-size: 25%;
}
.sub_tree_nodes .mat-tree-node.selected-node::before {
  background-image: url("/assets/images/icons/tree-circle-active.svg") !important;
}
.sub_tree_nodes .mat-tree-node li {
  padding-left: 15px;
}
.sub_tree_nodes .mat-tree-node li .mat-icon {
  display: none;
}
.btn_flex {
  display: flex;
}
.btn_flex .mat-button, .btn_flex .defaultLayout .btn-primary, .defaultLayout .btn_flex .btn-primary, .btn_flex .defaultLayout .btn-black, .defaultLayout .btn_flex .btn-black, .btn_flex .defaultLayout .btn-secondary, .defaultLayout .btn_flex .btn-secondary, .btn_flex .defaultLayout .btn-outline, .defaultLayout .btn_flex .btn-outline {
  margin-right: 15px;
}
/* ------------------------------ Catalogues - Section ------------------------------ */
.catalogues_sec {
  background-color: #f8f9fb;
}
.catalogues_sec .catalogues_row .catalogues_left_column .catalogues_filter_sec {
  margin: 5px 0 0 0;
}
.catalogues_sec .catalogues_row .catalogues_left_column .catalogues_filter_sec .catalogues_filter_box {
  margin: 0px 5px 25px 0px;
}
.catalogues_sec .catalogues_row .catalogues_left_column .catalogues_filter_sec .catalogues_filter_box .catalogues_filter_head {
  margin: 0 0 15px 0;
}
.catalogues_sec .catalogues_row .catalogues_left_column .catalogues_filter_sec .catalogues_filter_box .catalogues_filter_head h4 {
  color: #3b3b3b;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 600;
  position: relative;
  display: inline-block;
  font-family: "Clash Display Light";
  padding-bottom: 3px;
}
.catalogues_sec .catalogues_row .catalogues_left_column .catalogues_filter_sec .catalogues_filter_box .catalogues_filter_head h4:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 50%;
  height: 1px;
  background: #313131;
}
.catalogues_sec .catalogues_row .catalogues_left_column .catalogues_filter_sec .catalogues_filter_box .catalogues_filter_body .custom_tree_node .mat-tree {
  background: transparent;
}
.catalogues_sec .catalogues_row .catalogues_left_column .catalogues_filter_sec .catalogues_filter_box .catalogues_filter_body .custom_tree_node .mat-tree .mat-tree-node {
  min-height: 0;
}
.catalogues_sec .catalogues_row .catalogues_left_column .catalogues_filter_sec .catalogues_filter_box .catalogues_filter_body .custom_tree_node .mat-tree .mat-tree-node {
  min-height: 0;
  padding-left: 0 !important;
  margin-left: -15px;
}
.catalogues_sec .catalogues_row .catalogues_left_column .catalogues_filter_sec .catalogues_filter_box .catalogues_filter_body ul li {
  margin: 0 0 10px 0;
}
.catalogues_sec .catalogues_row .catalogues_left_column .catalogues_filter_sec .catalogues_filter_box .catalogues_filter_body ul li .mat-checkbox .mat-checkbox-layout .mat-checkbox-label {
  line-height: 28px;
  color: #7b7d7f;
  font-weight: 600;
  font-family: "Clash Display Light";
  cursor: pointer;
}
.catalogues_sec .catalogues_row .catalogues_right_column {
  padding-left: 15px;
}
.catalogues_sec .catalogues_row .catalogues_right_column .catalogues_right_main {
  margin: 25px 0 0 0;
  padding: 0px 0px 15px 0px;
}
.catalogues_sec .catalogues_row .catalogues_right_column .catalogues_right_main .catalogues_products_view_sec {
  margin: 0 0 0 0;
}
.catalogues_sec .catalogues_row .catalogues_right_column .catalogues_right_main .catalogues_products_view_sec .catalogues_heading_flex {
  margin: 0px 0 0 0;
  padding: 0 0px 10px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.catalogues_sec .catalogues_row .catalogues_right_column .catalogues_right_main .catalogues_products_view_sec .catalogues_heading_flex h4 {
  color: #2b2b2b;
  font-size: 20px;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 600;
  font-family: "Clash Display Medium" !important;
}
.catalogues_sec .catalogues_row .catalogues_right_column .catalogues_right_main .catalogues_products_view_sec .catalogues_heading_flex .view_btn .mat-button-wrapper {
  color: #FF7000;
  font-size: 18px;
}
.catalogues_sec .catalogues_row .catalogues_right_column .catalogues_right_main .catalogues_products_view_sec .catalogues_heading_flex .view_btn .mat-button-focus-overlay {
  opacity: 0;
  background-color: transparent;
}
.catalogues_box {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
  margin: 0px 15px 25px 0px;
  height: 100%;
  overflow: hidden;
  outline: 0;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.catalogues_box .catalogues_img {
  position: relative;
  transition: all 0.5s ease-in-out 0s;
  width: 100%;
  overflow: hidden;
  height: 225px;
  padding: 0px 0;
  background: #fff;
  border-bottom: 1px solid #f0f2f5;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.catalogues_box .catalogues_img img {
  width: 100%;
  object-fit: contain;
  transition: all 0.5s ease-in-out 0s;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 0 10px;
}
.catalogues_box .catalogues_img:hover img {
  transform: scale(1.05);
}
.catalogues_box .catalogues_content {
  padding: 0px 10px 0px 10px;
  width: 100%;
  max-height: 60px;
  min-height: 60px;
}
.catalogues_box .catalogues_content .flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
}
.catalogues_box .catalogues_content h4 {
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 0px 0px;
  letter-spacing: 0;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  text-align: left;
  font-family: "Clash Display Medium" !important;
}
.catalogues_box .wish-check {
  top: 0;
}
.doc_view_sec {
  background: #e3e3e3;
  padding: 10px 0 0 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ddd;
}
.doc_view_sec .doc_view_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  margin-bottom: -70px;
}
.doc_view_sec .container {
  height: 900px;
  width: 100%;
  margin: 0px auto;
  padding: 0px 0 0 0;
}
.doc_view_sec .file_name {
  color: #21262c;
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 0px 0;
  padding: 0 15px;
  z-index: 99;
}
.doc_view_sec .custom_doc_viewer iframe {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  min-height: 60vh;
}
.doc_view_sec .doc_viewer_botton {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: #fff;
  height: 60px;
  line-height: 60px;
  margin: 15px -15px -15px -15px;
}
.doc_view_sec .doc_viewer_botton .download_btn {
  border: 2px solid #FF7000;
  margin-left: 25px;
  border-radius: 24px;
  padding: 0px 25px 0px 25px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  margin-top: 10px;
}
.doc_view_sec .doc_viewer_botton .download_btn .mat-button-wrapper {
  color: #FF7000;
  display: flex;
  align-items: center;
  line-height: 38px;
}
.doc_view_sec .doc_viewer_botton .download_btn .mat-button-wrapper img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.doc_view_sec .flowpaper_toolbarstd {
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
}
.coupon_modal .modal-body {
  border-radius: 8px;
}
.coupon_modal .coupon_details .coupon_heading {
  text-align: center;
}
.coupon_modal .coupon_details .coupon_heading h4 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 0 15px 0;
  color: #FF7000;
  font-family: "Clash Display Light";
}
.coupon_modal .coupon_details .coupon_heading P {
  color: #21262c;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 10px 0px;
  line-height: 22px;
  font-family: "Clash Display Light";
}
.coupon_modal .coupon_details .coupon_body .coupon_box {
  border-radius: 4px;
  background: linear-gradient(#fca300 0%, #fa1d72 100%);
  margin: 15px auto;
  max-width: 100%;
  min-width: 100%;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  padding: 5px 8px 0 8px;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_head h4 {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 0px 0;
  font-family: "Clash Display Light";
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_head span {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 0 0px 0;
  font-family: "Clash Display Light";
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_detail_body {
  margin: 15px 0;
  padding: 5px 8px 0 8px;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_detail_body .title {
  color: #fff;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 5px 0;
  letter-spacing: 1px;
  font-family: "Clash Display Light";
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_detail_body P {
  color: white;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 10px 0px;
  line-height: 22px;
  letter-spacing: 0;
  font-family: "Clash Display Light";
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_detail_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 8px 0 8px;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_detail_footer p {
  display: block;
  color: #ffffff;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_detail_footer p label {
  font-size: 12px;
  display: block;
  text-transform: capitalize;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_detail_footer a {
  color: #ffffff;
  font-size: 11px;
  text-decoration: underline !important;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_code {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0 0;
  border-top: 1px dashed #fff;
  padding: 5px 0;
  position: relative;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_code .round-left {
  position: absolute;
  left: -10px;
  top: -15px;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_code .round-right {
  position: absolute;
  right: -10px;
  top: -15px;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_code .coupon_apply_flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0px 8px 6px 8px;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_code .coupon_apply_flex .coupon_code_btn {
  border: 1px dashed #fff;
  border-radius: 24px;
  margin: 10px 0 0 0;
  padding-left: 15px;
  padding-right: 15px;
  height: 32px;
  line-height: 20px;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_code .coupon_apply_flex .coupon_code_btn .mat-button-wrapper {
  color: #ffffff;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_code .coupon_apply_flex .coupon_code_btn .mat-button-wrapper label {
  margin-right: 8px;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_code .coupon_apply_flex .coupon_code_btn .mat-button-wrapper img {
  width: 16px;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_code .coupon_apply_flex .coupon_code_btn .mat-button-focus-overlay {
  opacity: 0;
  background: transparent;
}
.coupon_modal .coupon_details .coupon_body .coupon_box .coupon_code .apply_coupon_code {
  border: 1px solid #fff;
  border-radius: 24px;
  margin: 10px 0 0 0;
  padding-left: 15px;
  padding-right: 15px;
  height: 32px;
  line-height: 20px;
  background: #fff;
  padding-bottom: 4px;
}
.status_details .status_img {
  width: 20%;
  margin: 0 auto;
}
.status_details .status_img img {
  width: 100%;
  height: 100%;
}
.status_details .status_content h4 {
  color: #202020;
  font-size: 16px;
  font-weight: 500;
  margin: 20px auto 10px auto;
  line-height: 24px;
  letter-spacing: 0;
  width: 75%;
  text-align: center;
}
.status_details .status_content p {
  color: #a0a7b7;
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 0px 0px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  font-family: "Clash Display Light";
}
.status_details .status_content p a {
  color: #FF7000;
  text-decoration: underline !important;
  font-weight: 500;
}
.status_details .status_content .mat-button, .status_details .status_content .defaultLayout .btn-primary, .defaultLayout .status_details .status_content .btn-primary, .status_details .status_content .defaultLayout .btn-black, .defaultLayout .status_details .status_content .btn-black, .status_details .status_content .defaultLayout .btn-secondary, .defaultLayout .status_details .status_content .btn-secondary, .status_details .status_content .defaultLayout .btn-outline, .defaultLayout .status_details .status_content .btn-outline {
  margin: 15px 0 0 0;
}
.main_directory_sec .catalogues_sec .catalogues_row .catalogues_left_column .catalogues_filter_sec .catalogues_filter_box {
  margin: 0px 5px 10px 0px;
}
.main_directory_sec .catalogues_sec .catalogues_row .catalogues_right_column .catalogues_right_main {
  background: transparent;
}
.main_directory_sec .catalogues_box .catalogues_content .flex_center {
  justify-content: space-between;
}
.main_directory_sec .catalogues_box .catalogues_content .directory_count {
  position: relative;
  bottom: 2px;
}
.main_directory_sec .catalogues_box .catalogues_content .directory_count span {
  color: #FF7000;
}
.main_equipment_sec .catalogues_sec .catalogues_row .catalogues_right_column .catalogues_right_main {
  background: transparent;
}
.flex_followers {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 0;
  border-bottom: 1px solid #DEDDE0;
  border-top: 1px solid #DEDDE0;
  padding: 22px 0;
  width: 100%;
}
.flex_followers .form-group {
  margin-bottom: 0px;
  display: flex;
}
.flex_followers .form-group a {
  color: #FF7000;
  font-size: 15px;
  letter-spacing: 0.2px;
  font-weight: 600;
  cursor: pointer;
}
.flex_followers .form-group a:hover {
  color: #FF7000;
}
.flex_followers .form-group a .custom-label {
  margin: 0;
  cursor: pointer;
}
.flex_followers .form-group a p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.flower_btn_box {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.main_directory_details .directory_compnay_abn_profession {
  margin-bottom: 15px;
}
.main_directory_details .directory_compnay_abn_profession .directory_comapy_name {
  font-size: 22px !important;
  margin: 5px 0 0px 0 !important;
  color: #ef6a30;
  letter-spacing: 0;
  font-weight: 600;
  font-family: "Clash Display Medium" !important;
}
.main_directory_details .directory_compnay_abn_profession .directory_sub {
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.2px;
  margin: 2px 0 4px 0;
}
.main_directory_details .custom_navigations {
  position: relative;
  overflow: hidden;
}
.main_directory_details .custom_navigations .sec_heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_directory_details .custom_navigations .sec_heading .swiper_btns {
  position: absolute;
  right: 40px;
}
.main_directory_details .swiper-button-prev:after {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #000 !important;
  right: 1px;
  position: relative;
  opacity: 1;
}
.main_directory_details .swiper-button-next:after {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #000 !important;
  left: 1px;
  position: relative;
  opacity: 1;
}
.main_directory_details .swiper-button-next {
  right: -40px !important;
}
.main_directory_details .swiper-button-prev {
  left: -40px !important;
}
.main_directory_details .swiper-button-next,
.main_directory_details .swiper-button-prev {
  background-color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 3px;
  border: 1px solid #ccc;
  opacity: 1;
  z-index: 9;
  cursor: pointer;
  top: 50%;
}
.main_directory_details .heading {
  padding: 10px 0;
  background: #f7f8fa;
  height: 50px;
  line-height: 50px;
}
.main_directory_details .heading h2 {
  color: #FF7000;
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 0 0px;
  letter-spacing: 0;
  font-family: "Clash Display Light";
}
.main_directory_details .custom_tabs {
  background-color: #ffffff;
  border-top: 1px solid #eee;
}
.main_directory_details .custom_tabs .mat-tab-header {
  margin: 0 0px 10px 0;
}
.main_directory_details .custom_tabs .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels {
  display: flex;
  justify-content: center;
}
.main_directory_details .custom_tabs .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Clash Display Light";
}
.main_directory_details .custom_tabs .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #FF7000 !important;
}
.main_directory_details .directory_banner .banner_img {
  width: 100%;
  height: 400px;
  text-align: center;
}
.main_directory_details .directory_banner .banner_img img {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: top;
}
.main_directory_details .directory_main__body {
  margin-top: 0;
}
.main_directory_details .directory_main__body h4 {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.2px;
  text-align: left;
}
.main_directory_details .directory_description {
  margin-bottom: 50px;
  background-color: #f8f9fb;
}
.main_directory_details .directory_description .directory_description_left {
  padding: 15px 15px 15px 15px;
  background: #fff;
  border-radius: 4px;
  margin: 0 15px 0 0;
}
.main_directory_details .directory_description .directory_description_left .sec_heading h4 {
  font-size: 18px;
  font-weight: 600;
}
.main_directory_details .directory_description .directory_description_left .form-section .custom_form_group .custom_label {
  margin-bottom: 0;
}
.main_directory_details .directory_description .directory_description_left .form-section .custom_form_group ul li {
  color: #a1a1a1;
  font-family: "Clash Display Medium" !important;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
}
.main_directory_details .directory_description .directory_description_right .directory_logo {
  width: 200px;
  height: 200px;
  margin-top: -75px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.141));
  overflow: hidden;
  background: #fff;
  z-index: 999;
  border: 1px solid #eee;
  border-radius: 49.9%;
  position: relative;
}
.main_directory_details .directory_description .directory_description_right .directory_logo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 49.9%;
}
.main_directory_details .directory_description .directory_description_right .directory__description {
  overflow: hidden;
}
.main_directory_details .directory_description .directory_description_right .directory__description p {
  color: #202020;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.2px;
  margin: 15px 0 5px 0px;
  cursor: pointer;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.main_directory_details .directory_description .directory_description_right .read__more a {
  padding-left: 4px;
  font-size: 13px;
  color: #a1a1a1;
  font-weight: 500;
  letter-spacing: 0;
  position: relative;
}
.main_directory_details .directory_description .directory_description_right .read__more a:hover {
  color: #FF7000;
}
.main_directory_details .directory_description .directory_description_right .media {
  width: 100%;
}
.main_directory_details .directory_description .directory_description_right .media .media-body {
  margin-left: 30px;
  margin-top: 15px;
}
.main_directory_details .directory_description .directory_description_right .media .media-body .directory_sub {
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.2px;
  margin: 2px 0 4px 0;
}
.main_directory_details .directory_description .directory_description_right .directory_profession_details .form-section {
  display: flex;
  flex-wrap: wrap;
}
.main_directory_details .directory_description .directory_description_right .directory_profession_details .form-section .custom_form_group {
  display: flex;
  align-items: flex-start;
  margin: 5px 10px 5px 0;
  width: 48%;
}
.main_directory_details .our-services_section .services-listing-sec {
  width: 100%;
  position: relative;
  margin: 15px 0;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box {
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  height: 300px;
  border: 1px solid #eee;
  margin: 0 0px 0 0px;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box .service-img-box {
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease 0s;
  width: 100%;
  height: 300px;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box .service-img-box img {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box .service-name {
  color: #212526;
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 0px;
  background-color: #eeeeee8c;
  height: 40px;
  line-height: 36px;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box .service___content_para {
  height: 150px;
  overflow: hidden;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box p {
  color: #212526;
  font-size: 14px;
  font-weight: 600;
  font-family: "Clash Display Light";
  letter-spacing: 0.5px;
  line-height: 22px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box .hover-content {
  justify-content: center;
  opacity: 0;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box .hover-content .service-name {
  bottom: 5px;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box:hover {
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.141));
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box:hover .service-name {
  opacity: 0;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box:hover .hover-content {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box:hover .hover-content h4 {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #212526;
  margin: 0 0 10px 0;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box:hover .hover-content p {
  color: #212526;
  font-size: 14px;
  font-weight: 600;
  font-family: "Clash Display Light";
  letter-spacing: 0.5px;
  line-height: 22px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box:hover .hover-content .view_more {
  padding-left: 4px;
  font-size: 14px;
  color: #FF7000;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 50px;
  display: block;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box:hover .hover-content .view_more:hover {
  color: #FF7000;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box:hover .hover-content .service-name {
  opacity: 0;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box:hover .service-listbox-overlay {
  opacity: 0.8;
  bottom: 0;
}
.main_directory_details .our-services_section .services-listing-sec .service-list-box .service-listbox-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 100%;
  left: 0;
  opacity: 0.5;
  background-color: #fff;
  transition: all 0.5s ease-in-out;
  z-index: 5;
}
.main_directory_details .our-services_section .services-listing-sec .swiper-wrapper {
  margin: 15px 0;
}
.main_directory_details .achivements_section {
  background-color: #fff;
}
.main_directory_details .achivements_section .achivements_section_row {
  position: relative;
}
.main_directory_details .achivements_section .swiper-container {
  width: 100%;
}
.main_directory_details .achivements_section .swiper-container .swiper-wrapper .swiper-slide li {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  height: 250px;
  border-radius: 4px;
  border: 1px solid #ccc;
  display: flex;
  background: #f5f5f5;
  justify-content: center;
}
.main_directory_details .achivements_section .swiper-container .swiper-wrapper .swiper-slide li img {
  z-index: 999;
  padding: 5px 5px;
  flex-shrink: 0;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.main_directory_details .dir_our_eam_sec .team_box {
  margin: 15px;
}
.main_directory_details .dir_our_eam_sec .team_box .team_box_img {
  width: 200px;
  height: 200px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s linear 0s;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 30px auto 0 auto;
}
.main_directory_details .dir_our_eam_sec .team_box .team_box_img img {
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.3s linear 0s;
}
.main_directory_details .dir_our_eam_sec .team_box .team_box_img:hover img {
  transform: scale(1.1);
}
.main_directory_details .dir_our_eam_sec .team_box .team_content {
  text-align: center;
  margin: 10px 0 0 0;
}
.main_directory_details .dir_our_eam_sec .team_box .team_content h4 {
  color: #FF7000 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: capitalize;
  margin: 0 0 8px 0px;
  line-height: 24px;
  width: 100%;
}
.main_directory_details .dir_our_eam_sec .team_box .team_content p {
  color: #6a6c72;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.2px;
  margin: 3px 0 3px 0;
  font-family: "Clash Display Light";
}
.main_directory_details .dir_our_eam_sec .team_box .team_content .team_loaction ul {
  display: inline-block;
}
.main_directory_details .dir_our_eam_sec .team_box .team_content .team_loaction ul li {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 10px;
  text-align: left;
  text-transform: capitalize;
}
.main_directory_details .dir_our_eam_sec .team_box .team_content .team_loaction ul li::before {
  content: ",";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 600;
  text-decoration: inherit;
  color: #000;
  font-size: 18px;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  top: -5px;
  left: 0;
}
.main_directory_details .dir_our_eam_sec .team_box .team_content .team_loaction ul li:first-child::before {
  display: none;
}
.main_directory_details .dir_our_eam_sec .team_box .team_content .team_loaction ul li:nth-child(n+2) {
  padding-right: 10px;
}
.main_directory_details .documents_sec {
  background: #ef6a30;
}
.main_directory_details .documents_sec .sec_heading .black:before {
  background: #fff;
}
.main_directory_details .documents_sec .sec_heading .primary {
  position: relative;
  color: #fff !important;
}
.main_directory_details .documents_sec .sec_heading .primary:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin: 2px auto 0 auto;
  width: 100%;
  height: 3px;
  background: #FF7000;
  border-radius: 8px;
}
.main_directory_details .documents_sec .documents_listing {
  margin: 0px 0 0 0;
}
.main_directory_details .documents_sec .documents_listing ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto;
  justify-content: flex-start;
}
.main_directory_details .documents_sec .documents_listing ul li {
  width: 25%;
}
.main_directory_details .documents_sec .documents_listing ul li a {
  position: relative;
  transition: all 0.5s ease-in-out 0s;
  cursor: pointer;
  border-radius: 12px;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  line-height: 60px;
  border-radius: 12px;
  background: #fff;
  margin: 10px;
}
.main_directory_details .documents_sec .documents_listing ul li a .file_name {
  color: #202020;
  font-size: 15px;
  font-weight: 700;
  margin: 0 5px 0px 0px;
  line-height: 24px;
  width: 100%;
  font-family: "Clash Display Light";
  text-transform: capitalize;
}
.main_directory_details .documents_sec .documents_listing ul li a img {
  width: 25px;
}
.main_directory_details .documents_sec .documents_listing ul li a:hover {
  background-color: #ffffff;
}
.main_directory_details .documents_sec .documents_listing ul li a:hover .file_name {
  color: #FF7000;
}
.main_directory_details .our_gallery_sec .our_gallery_left {
  margin-top: 15px;
}
.main_directory_details .our_gallery_sec .our_gallery_left .gallery_img {
  position: relative;
  border-radius: 6px;
  margin: 0 5px 20px 5px;
}
.main_directory_details .our_gallery_sec .our_gallery_left .gallery_img img {
  border-radius: 6px;
}
.main_directory_details .our_gallery_sec .our_gallery_left .gallery_img .video_play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_directory_details .our_gallery_sec .our_gallery_left .gallery_img .video_play img {
  cursor: pointer;
}
.main_directory_details .our_gallery_sec .our_gallery_left .gallery_list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  text-align: center;
}
.main_directory_details .our_gallery_sec .our_gallery_left .gallery_list li {
  display: block;
  width: 32%;
  height: 350px;
  margin: 10px 5px;
  border-radius: 6px;
  overflow: hidden;
  background-color: none;
  border: 0px solid #eee;
}
.main_directory_details .our_gallery_sec .our_gallery_left .gallery_list li div {
  width: 100%;
  height: 100%;
}
.main_directory_details .our_gallery_sec .our_gallery_left .gallery_list li img {
  border-radius: 0;
  width: initial;
  overflow: hidden;
  max-height: 100%;
  max-width: 100%;
}
.main_directory_details .our_gallery_sec .our_gallery_left .gallery_list li video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main_directory_details .our_gallery_sec .our_gallery_right {
  margin-top: 30px;
  width: 100%;
}
.main_directory_details .our_gallery_sec .our_gallery_right ul li {
  display: block;
  margin-bottom: 10px;
  height: 360px;
  overflow: hidden;
  border-radius: 6px;
}
.main_directory_details .our_gallery_sec .our_gallery_right ul li img {
  width: 100%;
  border-radius: 6px;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left {
  border-radius: 12px 0px 0px 12px;
  background: linear-gradient(#fca300 0%, #fa1d72 100%);
  padding: 10px 10px 10px 10px;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .calender_head {
  padding: 20px 20px 0px 20px;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .calender_head h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  text-transform: capitalize;
  margin: 0 0 10px 0px;
  line-height: 24px;
  width: 100%;
  font-family: "Clash Display Light";
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .calender_head p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 15px 0px;
  line-height: 24px;
  width: 100%;
  font-family: "Clash Display Light";
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-header {
  padding: 0px 0px 0 0px;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-header .mat-calendar-period-button {
  color: #FF7000;
  margin-left: 15px;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-header .mat-calendar-period-button .mat-calendar-arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top-width: 8px;
  border-top-color: #FF7000;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-header .mat-calendar-controls {
  display: flex;
  background: #fff;
  margin: 0 -10px;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-header .mat-calendar-previous-button::after,
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-header .mat-calendar-next-button::after {
  color: #FF7000;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-table-header-divider {
  position: relative;
  height: 0;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-table-header-divider::after {
  background: transparent;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-content {
  padding: 8px 8px 8px 8px;
  outline: none;
  background: transparent;
  width: 75%;
  margin: 10px auto 0px auto;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-content .mat-calendar-body .mat-calendar-body-label {
  color: #fff;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-content .mat-calendar-body .mat-calendar-body-cell-content {
  color: #fff;
  font-size: 16px;
  border-color: transparent;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-content .mat-calendar-body .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #ffffff;
  color: #FF7000;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .custom_calender .mat-calendar-content .mat-calendar-table-header th {
  text-align: center;
  padding: 0 0 8px 0;
  color: #fff;
  font-size: 15px;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .slot-selection h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  font-family: "Clash Display Light";
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .slot-selection .mat-button-toggle-group {
  border: 0px !important;
  border-radius: 0px !important;
  margin: 10px 0 0 2px;
  flex-wrap: wrap;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .slot-selection .mat-button-toggle-group .mat-button-toggle {
  color: #596374;
  background: #fff !important;
  margin: 5px 5px 5px 0px;
  border-radius: 25px;
  border: 1px solid #FF7000;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .slot-selection .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content {
  line-height: 26px;
  padding: 0 8px;
  border-radius: 24px;
  letter-spacing: 0;
  opacity: 1;
  font-size: 11px;
  font-weight: 600;
  background: #fff;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .slot-selection .mat-button-toggle-group .mat-button-toggle-checked {
  background-color: #FF7000 !important;
  border-radius: 25px !important;
  opacity: 1;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .slot-selection .mat-button-toggle-group .mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #ffffff !important;
  opacity: 1;
  background-color: #FF7000;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_left .slot-selection .mat-button-toggle-group .mat-button-toggle-checked i {
  color: #fff !important;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_right {
  padding: 20px 15px 20px 15px;
  background-color: #f7f7f757;
  border-radius: 6px;
  margin-top: 10px;
  border: 2px solid #ccc;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_right .form-section .custom-form-group .custom-form-control .upload_btn {
  border: 1px dashed #FF7000;
  width: 100%;
  margin-top: 15px;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_right .form-section .custom-form-group .custom-form-control .upload_btn .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_right .form-section .custom-form-group .custom-form-control .upload_btn .mat-button-wrapper .upload_content {
  color: #202020;
  font-size: 15px;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_right .form-section .custom-form-group .custom-form-control .upload_btn .input_file {
  width: 100%;
  height: 36px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  cursor: pointer;
  margin: 0 auto;
  border-radius: 6px;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_right .form-section .custom-form-group .custom-form-control .upload_btn:hover .mat-button-focus-overlay {
  background-color: #FF7000;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_right .form-section .custom-form-group .custom-form-control .upload_btn:hover .mat-button-focus-overlay .upload_content {
  color: #fff;
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_right .form-section .custom-form-group .custom-form-control .upload_btn:hover .mat-button-focus-overlay img {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.main_directory_details .make_appointment_sec .make_appointment_row .make_appointment_right .form-section .global-btn {
  margin-top: 0px;
}
.main_directory_details .dental_practices_sec {
  overflow: hidden;
}
.main_directory_details .dental_practices_sec .dental_practices_left {
  margin-top: 5px;
}
.main_directory_details .dental_practices_sec .dental_practices_left .media {
  margin: 15px 0 15px 0;
}
.main_directory_details .dental_practices_sec .dental_practices_left .logo_media {
  display: flex;
  align-items: center;
}
.main_directory_details .dental_practices_sec .dental_practices_left .logo_media .practice_logo {
  width: 60px;
  height: 60px;
}
.main_directory_details .dental_practices_sec .dental_practices_left .logo_media h4 {
  color: #202020;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 0px 0px;
  line-height: 24px;
  width: 100%;
  font-family: "Clash Display Light";
}
.main_directory_details .dental_practices_sec .dental_practices_left .media-left {
  border: 1px solid #fff;
  height: 35px;
  width: 35px;
  border-radius: 24px;
  background-color: #eee;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.main_directory_details .dental_practices_sec .dental_practices_left .media-left .icon {
  width: 15px;
}
.main_directory_details .dental_practices_sec .dental_practices_left .media-body p {
  font-size: 15px;
  color: #21262c;
  font-weight: 600;
  margin: 0 0 0px 0px;
  line-height: 24px;
  width: 100%;
  font-family: "Clash Display Light";
}
.main_directory_details .dental_practices_sec .dental_practices_left .location_media {
  display: flex;
  align-items: center;
}
.main_directory_details .dental_practices_sec .dental_practices_left .location_media p {
  color: #5d5d5d;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 0px 0px;
  line-height: 24px;
  width: 100%;
  font-family: "Clash Display Light";
}
.main_directory_details .dental_practices_sec .dental_practices_right {
  width: 100%;
  margin-left: 0;
  border: 1px solid #eee;
  border-radius: 6px;
}
.main_directory_details .dental_practices_sec .dental_practices_right iframe {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 1px solid #eee !important;
}
.main_directory_details .dental_practices_sec .our_service_list {
  margin: 75px 0 0 0;
}
.main_directory_details .dental_practices_sec .our_service_list ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.main_directory_details .dental_practices_sec .our_service_list ul li {
  width: 24%;
  margin: 15px 10px 15px 0;
}
.main_directory_details .dental_practices_sec .our_service_list ul li .media {
  display: flex;
  align-items: center;
}
.main_directory_details .dental_practices_sec .our_service_list ul li .media .media-body .media-heading {
  color: #FF7000;
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 0px 0px;
  line-height: 24px;
  width: 100%;
  font-family: "Clash Display Light";
}
.main_directory_details .dental_practices_sec .our_service_list ul li .media .media-body p {
  color: #21262c;
  font-size: 14px;
  font-weight: 600;
  margin: 5px 0 0px 0px;
  line-height: 18px;
  width: 100%;
  font-family: "Clash Display Light";
}
.main_directory_details .dental_timeings h4 {
  font-size: 26px;
  margin: 0 0 0 0;
  letter-spacing: 0;
  color: #FF7000;
  font-weight: 600;
  font-family: "Clash Display Medium" !important;
}
.main_directory_details .dental_timeings h4 span.black {
  color: #202020;
}
.main_directory_details .dental_timeings ul {
  margin: 15px 0 0 0;
}
.main_directory_details .dental_timeings ul li {
  display: block;
}
.main_directory_details .dental_timeings ul li .custom_form_group {
  display: block;
  align-items: center;
  margin: 5px 0 5px 0;
}
.main_directory_details .dental_timeings ul li .custom_form_group .custom_form_control {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  margin: 10px 0;
}
.main_directory_details .dental_timeings ul li .custom_form_group .custom_form_control .custom_label {
  min-width: 120px;
  color: #FF7000;
}
.main_directory_details .dental_timeings ul li .custom_form_group .custom_form_control .custom_label .dots {
  padding-right: 25px;
  color: #FF7000;
  font-weight: 600;
  font-size: 16px;
}
.main_directory_details .dental_timeings ul li .custom_form_group .custom_form_control .value {
  color: #FF7000;
  font-weight: 600;
  font-size: 15px;
}
.main_directory_details .our_social_accoun h4 {
  font-size: 26px;
  margin: 0 0 15px 0;
  letter-spacing: 0;
  color: #FF7000;
  font-weight: 600;
  font-family: "Clash Display Medium" !important;
}
.main_directory_details .our_social_accoun h4 span.black {
  color: #202020;
}
.main_directory_details .flex_float_icons {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.main_directory_details .flex_float_icons .float_sm .social__box {
  margin: 6px 15px 6px 0px;
}
.main_directory_details .float_sm .fl-fl {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 1000;
  transition: all 0.25s ease;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}
.main_directory_details .float_sm .fl-fl img {
  width: 20px;
  position: relative;
  left: 2px;
}
.main_directory_details .float_sm .fl-fl .social-icon {
  font-size: 19px;
  color: #fff;
  padding: 0px 6px 0 6px;
  font-weight: 500;
  width: 40px;
  height: 40px;
  line-height: 30px;
  margin-left: 0;
  border-right: 1px solid #fff;
  margin-right: 0px;
  text-align: center;
  border-radius: 4px;
  background-color: #eee !important;
}
.main_directory_details .float_sm .fl-fl span {
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: none;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0;
  padding: 0 5px 0 5px;
  min-width: 175px;
  height: 40px;
  line-height: 35px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.main_directory_details .fb-bg span {
  background: #3b5998 !important;
}
.main_directory_details .in-bg span {
  background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
}
.main_directory_details .tw-bg span {
  background: #00acee !important;
}
.main_directory_details .web-bg span {
  background: #4c4c4c !important;
}
.main_directory_details .ln-bg span {
  background: #0077b5 !important;
}
.main_directory_details .contact_info_sec .compnay_about {
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 10px 0px;
  line-height: 24px;
  width: 100%;
  font-family: "Clash Display Light";
}
.main_directory_details .our_testimonials_sec .testimonials_row {
  margin-top: 25px;
  margin-bottom: 60px;
}
.main_directory_details .our_testimonials_sec .testimonials_row .swiper-slide-active .testimonials_box {
  border: 1px solid #ccc;
}
.main_directory_details .our_testimonials_sec .testimonials_row .testimonials_box {
  padding: 0px 0px 0 0px;
  position: relative;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  min-height: 275px;
  max-height: 275px;
  margin: 0 10px;
}
.main_directory_details .our_testimonials_sec .testimonials_row .testimonials_box .testimonials_content {
  min-height: 225px;
  max-height: 225px;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
.main_directory_details .our_testimonials_sec .testimonials_row .testimonials_box .testimonials_content p {
  color: #202020;
  font-size: 13px;
  font-weight: 600;
  margin: 0px auto 0px auto;
  line-height: 22px;
  padding: 10px 10px 0 10px;
  font-family: "Clash Display Light";
  text-align: center;
}
.main_directory_details .our_testimonials_sec .testimonials_row .testimonials_box .testimonials_content .testimonial_img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-position: top;
  object-fit: contain;
  overflow: hidden;
  max-height: 100%;
  min-height: 100%;
}
.main_directory_details .our_testimonials_sec .testimonials_row .testimonials_box .testimonial_footer {
  border-top: 1px solid #eeeeee5e;
  padding: 8px 0 0 10px;
  margin: 0 0 0 0px;
}
.main_directory_details .our_testimonials_sec .testimonials_row .testimonials_box .testimonial_footer .media {
  margin: 0 0 0 0;
  align-items: center;
}
.main_directory_details .our_testimonials_sec .testimonials_row .testimonials_box .testimonial_footer .media .media-left {
  margin-right: 8px;
}
.main_directory_details .our_testimonials_sec .testimonials_row .testimonials_box .testimonial_footer .media .media-left img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.main_directory_details .our_testimonials_sec .testimonials_row .testimonials_box .testimonial_footer .media .media-body h4 {
  font-size: 16px;
  letter-spacing: 0;
  margin: 0 auto;
  text-align: left;
  line-height: 30px;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.main_directory_details .our_testimonials_sec .swiper-pagination {
  bottom: 0;
}
.main_directory_details .our_testimonials_sec .swiper-pagination .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
}
.main_directory_details .faq_questions_sec .faq_questions_left {
  margin-top: 25px;
}
.front_main_directory_details .our_gallery_sec .our_gallery_left .gallery_list {
  gap: 10px;
}
.front_main_directory_details .our_gallery_sec .our_gallery_left .gallery_list li {
  height: 350px;
  width: 49%;
  margin: 0px;
}
.faq_questions_sec .mat-accordion {
  margin: 25px 0;
}
.faq_questions_sec .mat-accordion li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.faq_questions_sec .mat-accordion li .faq_delete {
  width: 30px;
  height: 30px;
  border: 1px solid #eee;
  line-height: 22px;
  text-align: center;
  border-radius: 24px;
  background: #eee;
  margin-left: 20px;
  margin-bottom: 22px;
  cursor: pointer;
}
.faq_questions_sec .mat-accordion li .faq_delete img {
  width: 12px;
}
.faq_questions_sec .mat-accordion .mat-expansion-panel {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  margin-bottom: 20px !important;
  box-shadow: none !important;
  width: 100%;
}
.faq_questions_sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  border: 1px solid #dddfe1;
  border-radius: 6px;
  position: relative;
  transition: all 0.5s ease-in-out 0s;
  padding-left: 10px !important;
  padding-right: 10px !important;
  background: #f4f5f9;
}
.faq_questions_sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #FF7000 !important;
}
.faq_questions_sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .mat-expansion-panel-header-title {
  color: #fff;
}
.faq_questions_sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  padding-left: 0 !important;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 16px;
}
.faq_questions_sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title .mat-expansion-panel-header-title {
  color: #333;
  font-size: 15px;
  font-weight: 600;
  font-family: Lato, sans-serif !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  padding-right: 25px;
}
.faq_questions_sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 10px 10px 20px;
  border: 1px solid #eee;
  border-top: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #fff;
}
.faq_questions_sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-body p {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
}
.faq_questions_sec .mat-accordion .mat-expansion-panel .mat-expansion-indicator {
  background: #d8deeb;
  width: 20px;
  height: 20px;
  line-height: 10px;
  text-align: center;
  padding: 0;
  border: 1px solid #d8deeb;
  border-radius: 50%;
}
.faq_questions_sec .mat-accordion ul {
  display: inline-block;
  width: 100%;
}
.faq_questions_sec .mat-accordion ul li {
  display: inline-block;
  width: 100%;
  margin: 0 15px;
}
.sec_heading h4 {
  font-size: 26px;
  margin: 0 0 15px 0;
  letter-spacing: 0;
  color: #202020;
  font-weight: 600;
  font-family: "Clash Display Medium" !important;
}
.sec_heading h4 .primary {
  color: #FF7000;
}
.sec_heading h4 .black {
  position: relative;
  padding: 0 0 0 0;
  margin: 0 10px 0 0;
}
.sec_heading h4 .black:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin: 2px auto 0 auto;
  width: 100%;
  height: 3px;
  background: #FF7000;
  border-radius: 8px;
}
.before_after_sec .after_before_box {
  margin: 15px 15px 15px 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 2px 2px 2px 2px;
  overflow: hidden;
  background-color: #fff;
}
.after_before_side .img-comp-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.after_before_side .img-comp-container img {
  position: relative;
}
.after_before_side .img-comp-container .middle_line {
  position: absolute;
  width: 2.5px;
  height: 100%;
  background-color: #fff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.after_before_side .img-comp-container .before_img_box {
  position: relative;
  height: inherit;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.after_before_side .img-comp-container .before_img_box.before_img img {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.after_before_side .img-comp-container .before_img_box.after_img img {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.after_before_side .img-comp-container .before_img_box h4 {
  position: absolute;
  top: 86%;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  height: 35px;
  background-color: #eeeeee4f;
}
.after_before_side .img-comp-container .before_img_box h4 span {
  font-size: 22px;
  color: #21262c;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0;
  position: relative;
  bottom: 2px;
}
.before_img {
  position: relative;
}
.after_img {
  position: relative;
}
.wish-check {
  position: absolute;
  bottom: 0px;
  right: 5px;
  z-index: 1;
}
.wish-check .red-heart-btn .mat-button-wrapper i {
  color: #ccc;
}
.wish-check .red-heart-btn.favorite .mat-button-wrapper i {
  color: #fd135b !important;
}
/* ------------------------------ Dental Practice Sale - Section ------------------------------ */
.dental_practice_sale_sec .product_box .product_img {
  min-height: auto;
  max-height: max-content;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.dental_practice_sale_sec .product_box .product_img img {
  width: 100%;
}
.dental_practice_sale_sec .product_box .box_content h3 {
  font-size: 15px;
  font-weight: 600;
  min-height: 40px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.dental_practice_sale_sec .product_box .box_content .sub_heading {
  font-size: 13px;
  margin: 8px 0 0 0;
}
.dental_practice_sale_sec .product_box .box_content .clinic_content {
  line-height: 20px;
  color: #7b7d7f;
  font-weight: 600;
  font-family: "Clash Display Light";
  cursor: pointer;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  font-size: 13px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin: 5px 0 0 0;
}
.dental_practice_sale_sec .product_box .clinic_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 15px 10px;
  border-top: 1px solid #ccc;
}
.dental_practice_sale_sec .product_box .clinic_footer .primary {
  color: #FF7000;
}
.dental_practice_sale_sec .product_box .clinic_footer a {
  color: #7b7d7f;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.main_dental_practice_details .clinic_details_sec h5 {
  color: #FF7000;
  font-size: 20px;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0;
  margin: 15px 0 5px 0;
  font-family: "Clash Display Light";
}
.main_dental_practice_details .clinic_details_sec .clinic_details_left .clinic_heading {
  color: #FF7000;
  font-size: 20px;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0;
  margin: 15px 0;
}
.main_dental_practice_details .clinic_details_sec .clinic_details_left .media {
  display: flex;
  align-items: center;
  margin: 10px 0 15px 0;
}
.main_dental_practice_details .clinic_details_sec .clinic_details_left .media .media-left img.icon {
  width: 15px;
}
.main_dental_practice_details .clinic_details_sec .clinic_details_left .media .media-body p {
  color: #5d5d5d;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 0 0px 0px;
  line-height: 24px;
  width: 100%;
  font-family: "Clash Display Light";
}
.main_dental_practice_details .clinic_details_sec .clinic_details_left .describe_layout {
  margin: 25px 0 0 0;
}
.main_dental_practice_details .clinic_details_sec .clinic_details_left .describe_layout p {
  color: #637074;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 15px 0px;
  line-height: 24px;
  width: 100%;
  font-family: "Clash Display Light";
}
.main_dental_practice_details .clinic_details_sec .clinic_details_right {
  padding: 0 0 0 35px;
}
.main_dental_practice_details .clinic_details_sec .clinic_details_right iframe {
  border: 1px solid #eee !important;
  height: 350px;
  width: 100%;
  border-radius: 6px;
}
.main_dental_practice_details .clinic_details_sec .clinic_details_right .equipments_listing ul {
  width: 100%;
  overflow: hidden;
  display: inline-block;
}
.main_dental_practice_details .clinic_details_sec .clinic_details_right .equipments_listing ul li {
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  width: 45%;
  align-items: center;
  padding: 10px 0 10px 7px !important;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #212121;
  cursor: pointer;
  background: rgba(245, 245, 245, 0.2);
  position: relative;
  transition: all 0.5s ease-in-out;
}
.main_dental_practice_details .clinic_details_sec .clinic_details_right .equipments_listing ul li img {
  margin-right: 10px;
}
.main_dental_practice_details .clinic_details_sec .clinic_details_right .agent_details .custom_group {
  display: flex;
  align-items: center;
  margin: 15px 0 10px 0;
  font-size: 15px;
  font-family: "Clash Display Light";
}
.main_dental_practice_details .clinic_details_sec .clinic_details_right .agent_details .custom_group label {
  display: flex;
  align-items: center;
  min-width: 200px;
}
.main_dental_practice_details .clinic_details_sec .clinic_details_right .agent_details .custom_group label img {
  width: 18px;
  margin: -5px 10px 0 0;
}
.main_dental_practice_details .clinic_details_sec .clinic_details_right .agent_details .custom_group span {
  color: #FF7000;
  font-size: 16px;
}
.main_dental_practice_details .revenue_sec {
  background-color: #ffffff;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 1;
  background-image: url("/assets/images/revnue_bg.jpg");
  width: 100%;
  min-height: 250px;
  z-index: 9;
}
.main_dental_practice_details .revenue_sec:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.8;
  background: rgba(30, 47, 79, 0.75);
}
.main_dental_practice_details .revenue_sec .revenue_listing {
  width: 35%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 250px;
}
.main_dental_practice_details .revenue_sec .revenue_listing li {
  color: #ffffff;
}
.main_dental_practice_details .revenue_sec .revenue_listing li h4 {
  font-size: 28px;
}
.main_dental_practice_details .revenue_sec .revenue_listing li p {
  font-size: 20px;
}
.main_dental_practice_details .revenue_sec .revenue_listing .line {
  position: relative;
}
.main_dental_practice_details .revenue_sec .revenue_listing .line::before {
  content: "";
  position: absolute;
  top: -45px;
  width: 1px;
  height: 100px;
  background-color: #fff;
}
/* ------------------------------ Effect - Section ------------------------------ */
.effect-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(25deg);
}
.effect-group .effect {
  display: block;
  position: absolute;
  top: 38%;
  left: 50%;
  width: 20px;
  transform-origin: 0px 2px;
}
.effect-group .effect:nth-child(2) {
  transform: rotate(72deg);
}
.effect-group .effect:nth-child(3) {
  transform: rotate(144deg);
}
.effect-group .effect:nth-child(4) {
  transform: rotate(216deg);
}
.effect-group .effect:nth-child(5) {
  transform: rotate(288deg);
}
.effect-group .effect:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  border-radius: 1.5px;
  height: 3px;
  background: #fd135b;
}
.effect-group .effect:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: 10%;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  background: #ff6600;
  transform: scale(0, 0);
}
.favorite .effect:before {
  animation: fireworkLine 0.5s linear 0.1s;
}
.favorite .effect:after {
  animation: fireworkPoint 0.5s linear 0.1s;
}
.favorite i {
  animation: bounceIn 0.5s linear;
}
.unfavorite i {
  animation: bounceOut 0.5s linear;
}
@keyframes fireworkLine {
  0% {
    right: 20%;
    transform: scale(0, 0);
  }
  25% {
    right: 20%;
    width: 6px;
    transform: scale(1, 1);
  }
  35% {
    right: 0;
    width: 35%;
  }
  70% {
    right: 0;
    width: 4px;
    transform: scale(1, 1);
  }
  100% {
    right: 0;
    transform: scale(0, 0);
  }
}
@keyframes fireworkPoint {
  30% {
    transform: scale(0, 0);
  }
  60% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
    transform-origin: center center;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.15);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    transform: scale(0);
  }
  30% {
    transform: scale(1.25);
  }
  50% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(1);
  }
}
@keyframes crackLeft {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
@keyframes crackRight {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes crack {
  0% {
    stroke-dasharray: 15;
    stroke-dashoffset: 15;
  }
  80% {
    stroke-dasharray: 15;
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.dental_chat {
  position: fixed;
  bottom: 60px;
  right: 10px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background: #fff;
  filter: drop-shadow(0px 3px 24px rgba(0, 0, 0, 0.12));
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
.dental_chat img {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.chatbox_popup {
  position: fixed;
  bottom: 120px;
  right: 10px;
  color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background: #fff;
  filter: drop-shadow(0px 3px 24px rgba(0, 0, 0, 0.12));
  cursor: pointer;
  width: 377px;
  height: auto;
  border-radius: 22px 22px 22px 22px;
  transition: all 0.5s ease-in-out 0s;
  z-index: 9;
}
.chatbox_popup .chat_header {
  padding: 10px;
  border-radius: 22px 22px 0px 0px;
  background: #fff;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.06);
}
.chatbox_popup .chat_header .media {
  justify-content: space-between;
  width: 100%;
  align-items: center;
  display: flex;
}
.chatbox_popup .chat_header .media .media-body {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.chatbox_popup .chat_header .media .media-body .chat_header_btn {
  width: 30px;
  height: 30px;
  min-width: 30px;
  line-height: 30px;
  background: #edebeb;
  border-radius: 50%;
  padding: 0;
  margin: 0 0 0 10px;
}
.chatbox_popup .chat_header .media .media-body .chat_header_btn img {
  width: 12px;
  height: 12px;
}
.chatbox_popup .chat_body {
  box-sizing: border-box;
  width: 100%;
  padding: 15px 15px;
  background: #eef1f6;
  min-height: calc(100vh - 385px);
  max-height: calc(100vh - 385px);
  overflow: auto;
  background-position: 50%;
  background-attachment: fixed;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
}
.chatbox_popup .chat_body .chat_start_time {
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 15px 0px;
  line-height: 24px;
  width: 100%;
  text-align: center;
  font-family: "Clash Display Light";
}
.chatbox_popup .chat_body .chat_clear_warning {
  color: #202020;
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 15px 0px;
  line-height: 16px;
  width: 100%;
  font-family: "Clash Display Light";
  opacity: 0.5;
  text-align: center;
}
.chatbox_popup .chat_body .chat_conversation .user_message {
  display: flex;
  align-items: flex-end;
  float: right;
  justify-content: flex-start;
  width: 100%;
  margin-left: 15px;
}
.chatbox_popup .chat_body .chat_conversation .admin_message {
  display: flex;
  align-items: flex-end;
  float: right;
  justify-content: flex-end;
  width: 100%;
  margin-right: 0;
}
.chatbox_popup .chat_body .chat_conversation .admin_message .chatbot_card {
  border-top-left-radius: 15px;
  border-top-right-radius: 0;
}
.chatbox_popup .chat_body .chat_conversation .chatbot_card {
  min-width: 100px;
  max-width: 70%;
  overflow: hidden;
  padding: 10px 10px 20px 10px;
  border-radius: 15px;
  border-top-left-radius: 0;
  transition: opacity 0.5s, background-color 0.75s, color 0.75s;
  box-shadow: 0 1px 8px 0 rgba(90, 60, 122, 0.22);
  position: relative;
  background-color: white;
  color: #333333;
  font-weight: 600;
}
.chatbox_popup .chat_body .chat_conversation .chatbot_card p {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.chatbox_popup .chat_body .chat_conversation .chat-time {
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  bottom: 1px;
  right: 10px;
}
.chatbox_popup .chat_body .custom-form-group {
  margin: 10px 0px 10px 0px;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control {
  width: 100%;
  position: relative;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
  margin: 0px !important;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  background: #f4f7fa;
  border-radius: 24px !important;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 24px;
  border-left-style: solid;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.2em 0 0.9em 0 !important;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control .send-btn {
  position: absolute;
  right: -15px;
  top: 0;
  width: 15px;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control .send-btn:hover .mat-button-focus-overlay {
  opacity: 0;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a3aab7 !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a3aab7 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #a3aab7 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 0;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control .mat-form-field-suffix {
  top: 0;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.chatbox_popup .chat_body .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.chatbox_popup .chat_footer {
  padding: 5px;
  border: 1px solid #eee;
  border-radius: 0px 0px 22px 22px;
}
.chatbox_popup .chat_footer .custom-form-group {
  margin: 10px 0px 10px 0px;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control {
  width: 100%;
  position: relative;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
  margin: 0px !important;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  background: #f4f7fa;
  border-radius: 24px !important;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 24px;
  border-left-style: solid;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.2em 0 0.9em 0 !important;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control .send-btn {
  position: absolute;
  right: -15px;
  top: 0;
  width: 15px;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control .send-btn:hover .mat-button-focus-overlay {
  opacity: 0;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a3aab7 !important;
  /* Firefox */
  font-weight: 400 !important;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a3aab7 !important;
  font-weight: 400 !important;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #a3aab7 !important;
  font-weight: 400 !important;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 0;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control .mat-form-field-suffix {
  top: 0;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.chatbox_popup .chat_footer .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
/* Animation */
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}
.animatedFadeInUp {
  opacity: 0;
}
.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
.tabSticky {
  position: fixed !important;
  top: 12%;
  animation: slideInDown 0.7s;
  width: 100%;
  cursor: default;
  background: #ffffff;
  z-index: 9999;
  opacity: 1;
}
.tabSticky .header_right_nav ul li a {
  color: #202020;
}
.tabSticky .header_right_nav ul li a img {
  opacity: 1;
  filter: brightness(0) invert(0);
}
.flip-book .view .prev {
  left: 0;
  border: 1px solid #000;
  padding: 6px 5px;
  border-radius: 2px;
}
.flip-book .view .prev i {
  font-size: 26px;
}
.flip-book .view .next {
  right: 0;
  border: 1px solid #000;
  padding: 6px 5px;
  border-radius: 2px;
}
.flip-book .view .next i {
  font-size: 26px;
}
.flip-book .view .prev {
  right: 0;
  border: 1px solid #ccc !important;
  padding: 15px 10px !important;
  border-radius: 2px;
  background: #fff;
}
.flip-book .view .prev i {
  font-size: 26px;
}
.flip-book .view .next {
  right: 0;
  border: 1px solid #ccc !important;
  padding: 15px 10px !important;
  border-radius: 2px;
  background: #fff;
}
.flip-book .view .next i {
  font-size: 26px;
}
.reviepw_items_modal .reviepw_items_sec .product-preview-slider {
  border: 1px solid #eee;
  border-radius: 4px;
}
.reviepw_items_modal .reviepw_items_sec .review_content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reviepw_items_modal .reviepw_items_sec .review_content .review_details .media {
  margin: 10px 0;
}
.reviepw_items_modal .reviepw_items_sec .review_content .review_details .media .media-left img {
  border-radius: 50%;
}
.reviepw_items_modal .reviepw_items_sec .review_content .review_details .media .media-body h4 {
  color: #202020;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px 0px;
  line-height: 24px;
  font-family: "Clash Display Light";
}
.reviepw_items_modal .reviepw_items_sec .review_content .review_details .media .media-body P {
  color: #a0a7b7;
  font-size: 14px;
  font-weight: 500;
  margin: 0 20px 10px 0px;
  line-height: 24px;
  letter-spacing: 0;
  width: 100%;
  font-family: "Clash Display Light";
}
.attachment_form_group .custom-form-control {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.attachment_form_group .attachment_group {
  width: 100px;
  height: 100px;
  border: 1px dashed #FF7000;
  border-radius: 4px;
  margin: 15px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  padding: 5px;
}
.attachment_form_group .attachment_group img {
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 20px;
}
.attachment_form_group .attachment_group .file_input {
  opacity: 0;
  width: 100px;
  height: 100px;
  cursor: pointer;
  z-index: 99;
}
.attachment_form_group .upload_preview {
  position: relative;
  width: 80px;
  height: 80px;
  border: 1px solid #eee;
  margin: 15px 10px 0 10px;
  padding: 0;
  border-radius: 6px;
  background-color: #f3f3f3;
}
.attachment_form_group .upload_preview .preview_img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.attachment_form_group .upload_preview .close_img {
  position: absolute;
  top: 0;
  right: 0;
}
.account_request_modal .account_request_content {
  margin: 20px 0;
}
.master_dashboard_sec {
  min-height: 100vh;
  padding-bottom: 100px;
  margin: 0px 0 0 0;
}
.master_dashboard_sec .SideNavSticky {
  position: fixed !important;
  top: 80px;
  opacity: 1;
  z-index: 4;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  transition: all 0.7s ease-in-out;
  background: #ffffff;
  z-index: 9999;
  opacity: 1;
  max-width: 25%;
  min-width: 25%;
  height: calc(100vh - 80px);
  overflow: auto;
}
.master_dashboard_sec .master_dashboard_left {
  padding: 0px 0px 0px 0px;
  border-radius: 0px;
  background: #f7f7f7;
  margin: 0px 0 0 0;
  position: relative;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  overflow-x: hidden !important;
}
.master_dashboard_sec .master_dashboard_left .left_ul {
  border-right: 1px solid #eee;
  height: calc(100vh - 80px);
  min-height: calc(100vh - 80px);
  overflow: auto;
}
.master_dashboard_sec .master_dashboard_left .left_ul li a {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  font-family: "Clash Display Light";
  color: #000000;
  letter-spacing: 0px;
  outline: 0;
  padding: 0px 0 0px 15px;
  height: 40px;
  cursor: pointer;
  margin-bottom: 0px;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.master_dashboard_sec .master_dashboard_left .left_ul li a .icon {
  width: 18px;
  margin-right: 15px;
}
.master_dashboard_sec .master_dashboard_left .left_ul li a.router-link-active {
  background: #FF7000;
  color: #ffffff;
  font-weight: 600;
}
.master_dashboard_sec .master_dashboard_left .left_ul li a.router-link-active span {
  color: #ffffff;
}
.master_dashboard_sec .master_dashboard_left .left_ul li a.router-link-active img {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.master_dashboard_sec .master_dashboard_left .left_ul li a:hover {
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
  background: #FF7000;
  color: #ffffff;
  font-weight: 600;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.master_dashboard_sec .master_dashboard_left .left_ul li a:hover img {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.master_dashboard_sec .master_dashboard_router {
  padding: 10px 20px 100px 20px;
  margin: 1px 0px 0 0px;
  overflow: hidden;
  min-height: 50vh;
  border-left: 1px solid #eee;
}
.master_dashboard_sec .master_dashboard_router .table_section {
  margin: 0 0 15px 0px;
}
.master_dashboard_sec .master_dashboard_router .table_section th.mat-header-cell:first-of-type {
  border-top-left-radius: 8px;
}
.master_dashboard_sec .master_dashboard_router .table_section th.mat-header-cell:last-of-type {
  border-top-right-radius: 8px;
}
.master_dashboard_sec .master_dashboard_router .mat-paginator {
  display: block;
  margin-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.master_dashboard_sec .master_dashboard_router .dashboard_bred_crumb {
  margin: -10px -20px 20px -20px;
  padding: 10px 10px 10px 10px;
}
.master_dashboard_sec .master_dashboard_router .dashboard_bred_crumb ul {
  display: flex;
  align-items: center;
}
.master_dashboard_sec .master_dashboard_router .dashboard_bred_crumb ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.master_dashboard_sec .master_dashboard_router .dashboard_bred_crumb ul li img {
  margin-right: 5px;
  margin-left: 5px;
  width: 6px;
  margin-top: 0px;
}
.master_dashboard_sec .master_dashboard_router .dashboard_bred_crumb ul li:nth-child(n+2) {
  cursor: pointer;
}
.master_dashboard_sec .master_dashboard_router .reports_sec .reports_row .reports_column .report_box {
  border: 1px solid #fff;
  background: #fff;
  border-radius: 2px;
  margin: 15px;
}
.master_dashboard_sec .master_dashboard_router .reports_sec .reports_row .reports_column .report_box .report_head h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding: 2px 6px;
}
.master_dashboard_sec .master_dashboard_router .reports_sec .reports_row .reports_column .report_box .report_body {
  height: 120px;
}
.master_dashboard_sec .master_dashboard_router .reports_sec .reports_row .reports_column .report_box .report_body .meida {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 125px;
  padding: 0 25px;
}
.master_dashboard_sec .master_dashboard_router .reports_sec .reports_row .reports_column .report_box .report_body .meida h5 {
  font-size: 26px;
  color: #323258;
}
.master_dashboard_sec .master_dashboard_router .reports_sec .reports_row .reports_column .report_box .report_body .meida p {
  color: #95a5ba;
  font-size: 14px;
  text-align: center;
}
.master_dashboard_sec .master_dashboard_router .reports_sec .reports_row .reports_column:first-child .report_head {
  background-color: #fca003;
}
.master_dashboard_sec .master_dashboard_router .reports_sec .reports_row .reports_column:nth-child(2) .report_head {
  background-color: #f66565;
}
.master_dashboard_sec .master_dashboard_router .reports_sec .reports_row .reports_column:nth-child(3) .report_head {
  background-color: #fa236c;
}
.master_dashboard_sec .master_dashboard_router .reports_sec .reports_row .reports_column:nth-child(4) .report_head {
  background-color: #fca003;
}
.master_dashboard_sec .master_dashboard_router .reports_sec .reports_row .reports_column:nth-child(5) .report_head {
  background-color: #f66565;
}
.master_dashboard_sec .master_dashboard_router .reports_sec .reports_row .reports_column:last-child .report_head {
  background-color: #fa236c;
}
.master_dashboard_sec .supplies_form_sec .add_supplies_row .form_box {
  padding: 15px 10px 15px 15px;
  background: #fff;
  margin: 0 0 15px 0;
  border-radius: 8px;
}
.master_dashboard_sec .supplies_form_sec .add_supplies_row .add_supplies_column .supplies_right .custom-form-group {
  margin: 0 0 25px 0;
}
.master_dashboard_sec .supplies_form_sec .add_supplies_row .add_supplies_column .supplies_right .featured_toggle .mat-button-toggle-group {
  border: solid 1px #ef6a30;
  width: 100%;
}
.master_dashboard_sec .supplies_form_sec .add_supplies_row .add_supplies_column .supplies_right .featured_toggle .mat-button-toggle-group .mat-button-toggle {
  width: 50%;
}
.master_dashboard_sec .presupplies_form_sec .featured_toggle .custom-tabs {
  padding-bottom: 1.34375em;
  margin: 0.25em 0;
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons {
  background-color: #fff;
  width: 100%;
  border: 0;
  overflow: visible;
  display: flex !important;
  align-items: flex-start;
  justify-content: flex-start;
  white-space: normal;
  width: auto !important;
  background: #fff;
  flex-direction: row;
  position: relative;
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons .mat-button-toggle {
  white-space: nowrap;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 0;
  border-right: 0px solid #efefef;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto !important;
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons .mat-button-toggle:hover .mat-button-toggle-focus-overlay {
  opacity: 0;
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons .mat-button-toggle:hover .mat-button-toggle-label-content {
  color: #FF7000 !important;
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons .mat-button-toggle:hover .total-count {
  background-color: #FF7000;
  color: #ffffff;
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button {
  height: 40px;
  padding: 0 10px;
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
  font-size: 14px;
  padding: 0px 0px 0 0px !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 600;
  color: #a1a1a1;
  font-family: "DM Sans";
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content span {
  margin-left: 0;
  letter-spacing: 0;
  font-size: 14px;
  font-family: "DM Sans";
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content .total-count {
  margin-left: 6px;
  color: #000;
  border: 1px solid #FF7000;
  padding: 0 10px;
  border-radius: 24px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
  font-weight: 600;
  color: #fff !important;
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked .total-count {
  background-color: #ffffff;
  color: #FF7000;
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons .mat-button-toggle:last-child {
  border-right: 0;
}
.master_add_sec .custom-tabs .mat-button-toggle-group {
  margin-bottom: 20px;
}
.master_add_sec .custom-tabs .mat-button-toggle {
  white-space: nowrap;
  height: 34px;
  line-height: 34px;
  background: transparent;
  border: 0;
  border-right: 1px solid #efefef;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto !important;
}
.master_add_sec .custom-tabs .mat-button-toggle:hover .mat-button-toggle-focus-overlay {
  opacity: 0;
}
.master_add_sec .custom-tabs .mat-button-toggle:hover .mat-button-toggle-label-content {
  color: #FF7000 !important;
}
.master_add_sec .custom-tabs .mat-button-toggle:hover .total-count {
  background-color: #FF7000;
  color: #ffffff;
}
.master_add_sec .custom-tabs .mat-button-toggle .mat-button-toggle-button {
  height: 34px;
  line-height: 30px;
  padding: 0 14px;
}
.master_add_sec .custom-tabs .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
  font-size: 13px;
  letter-spacing: 0.2px;
  padding: 0px 0px 0 0px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #21262c;
  font-family: "Clash Display Light";
  line-height: 34px;
  height: 34px;
}
.master_add_sec .custom-tabs .mat-button-toggle.mat-button-toggle-checked {
  background-color: #FF7000;
}
.master_add_sec .custom-tabs .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
  font-weight: 600;
  color: #ffffff !important;
}
.master_add_sec .custom-tabs .mat-button-toggle:last-child {
  border-right: 0;
}
.account_branch {
  margin: 25px 0;
}
.account_branch .or {
  overflow: hidden;
  text-align: center;
  width: 92%;
  margin: 0;
}
.account_branch .or::before {
  background-color: #999999;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  right: 20px;
  margin-left: -50%;
}
.account_branch .or::after {
  background-color: #999999;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  left: 20px;
  margin-right: -50%;
}
.account_branch .or span {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.supplies_add_form {
  background-color: transparent;
}
.supplies_add_form .flex_form_control {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.supplies_add_form .flex_form_control .mat-form-field-outline-end {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.supplies_add_form .flex_form_control .mat-button, .supplies_add_form .flex_form_control .defaultLayout .btn-primary, .defaultLayout .supplies_add_form .flex_form_control .btn-primary, .supplies_add_form .flex_form_control .defaultLayout .btn-black, .defaultLayout .supplies_add_form .flex_form_control .btn-black, .supplies_add_form .flex_form_control .defaultLayout .btn-secondary, .defaultLayout .supplies_add_form .flex_form_control .btn-secondary, .supplies_add_form .flex_form_control .defaultLayout .btn-outline, .defaultLayout .supplies_add_form .flex_form_control .btn-outline {
  margin: 0;
  background-color: #f5f5f5;
  min-width: 100px;
  height: 37px;
  line-height: 37px;
  margin-top: -16px;
  border-radius: 0;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-left: 0;
  padding-left: 12px;
}
.supplies_add_form .flex_form_control .mat-button .mat-button-wrapper, .supplies_add_form .flex_form_control .defaultLayout .btn-primary .mat-button-wrapper, .defaultLayout .supplies_add_form .flex_form_control .btn-primary .mat-button-wrapper, .supplies_add_form .flex_form_control .defaultLayout .btn-black .mat-button-wrapper, .defaultLayout .supplies_add_form .flex_form_control .btn-black .mat-button-wrapper, .supplies_add_form .flex_form_control .defaultLayout .btn-secondary .mat-button-wrapper, .defaultLayout .supplies_add_form .flex_form_control .btn-secondary .mat-button-wrapper, .supplies_add_form .flex_form_control .defaultLayout .btn-outline .mat-button-wrapper, .defaultLayout .supplies_add_form .flex_form_control .btn-outline .mat-button-wrapper {
  font-size: 12px;
}
.supplies_add_form .flex_form_control .mat-button .mat-button-wrapper img, .supplies_add_form .flex_form_control .defaultLayout .btn-primary .mat-button-wrapper img, .defaultLayout .supplies_add_form .flex_form_control .btn-primary .mat-button-wrapper img, .supplies_add_form .flex_form_control .defaultLayout .btn-black .mat-button-wrapper img, .defaultLayout .supplies_add_form .flex_form_control .btn-black .mat-button-wrapper img, .supplies_add_form .flex_form_control .defaultLayout .btn-secondary .mat-button-wrapper img, .defaultLayout .supplies_add_form .flex_form_control .btn-secondary .mat-button-wrapper img, .supplies_add_form .flex_form_control .defaultLayout .btn-outline .mat-button-wrapper img, .defaultLayout .supplies_add_form .flex_form_control .btn-outline .mat-button-wrapper img {
  width: 12px;
}
.supplies_add_form .flex_form_control .mat-button:hover .mat-button-focus-overlay, .supplies_add_form .flex_form_control .defaultLayout .btn-primary:hover .mat-button-focus-overlay, .defaultLayout .supplies_add_form .flex_form_control .btn-primary:hover .mat-button-focus-overlay, .supplies_add_form .flex_form_control .defaultLayout .btn-black:hover .mat-button-focus-overlay, .defaultLayout .supplies_add_form .flex_form_control .btn-black:hover .mat-button-focus-overlay, .supplies_add_form .flex_form_control .defaultLayout .btn-secondary:hover .mat-button-focus-overlay, .defaultLayout .supplies_add_form .flex_form_control .btn-secondary:hover .mat-button-focus-overlay, .supplies_add_form .flex_form_control .defaultLayout .btn-outline:hover .mat-button-focus-overlay, .defaultLayout .supplies_add_form .flex_form_control .btn-outline:hover .mat-button-focus-overlay {
  opacity: 0;
}
.supplies_add_form .flex_form_control .border_radius_none {
  width: 70%;
}
.supplies_add_form .flex_form_control .border_radius_none .mat-form-field-outline-end {
  border-radius: 0;
}
.supplies_add_form .flex_form_control .custom_form_field {
  width: 30%;
}
.supplies_add_form .flex_form_control .custom_form_field .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 0px !important;
}
.supplies_add_form .flex_form_control .custom_form_field .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0;
}
.supplies_add_form .custom-tabs.mat_tabs_top {
  margin: 0px;
}
.supplies_add_form .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  color: #a1a1a1;
  font-size: 15px;
  font-family: "Clash Display Light";
}
.supplies_add_form .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #FF7000;
}
.supplies_add_form .custom-tabs .tabs-body {
  padding: 0px 15px;
}
.supplies_add_form .specifications_heading {
  margin: 0 0 10px 0;
  font-size: 16px;
}
.supplies_add_form .master_uploader {
  margin: 8px 0 0 0 !important;
  padding-bottom: 0;
}
.supplies_add_form .master_uploader .uploaded_img {
  margin-bottom: 15px;
}
.supplies_add_form .master_uploader .uploaded_img ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.supplies_add_form .master_uploader .uploaded_img ul p {
  color: #a1a1a1;
  font-size: 13px;
  font-weight: 400;
  font-family: "Clash Display Light";
}
.supplies_add_form .master_uploader .uploaded_img ul li {
  position: relative;
  width: 75px;
  height: 75px;
  border: 1px solid #eee;
  margin: 15px 10px 0 0;
  padding: 5px;
  overflow: hidden;
}
.supplies_add_form .master_uploader .uploaded_img ul li .preview_img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.supplies_add_form .master_uploader .uploaded_img ul li .video_preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.supplies_add_form .master_uploader .uploaded_img ul li .preview_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.supplies_add_form .master_uploader .uploaded_img ul li .close_img {
  position: absolute;
  top: -6px;
  right: -2px;
  cursor: pointer;
}
.supplies_add_form .add_vients_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 8px 10px;
}
.supplies_add_form .add_vients_box p {
  color: #FF7000;
  font-size: 18px;
  letter-spacing: 0;
}
.supplies_add_form .add_vients_box .global-btn {
  background-image: none !important;
  background-color: #FF7000;
}
.featured_toggle .mat-button-toggle-group {
  border: solid 1px #FF7000;
}
.featured_toggle .mat-button-toggle-group .mat-button-toggle {
  width: auto;
  height: 32px;
  line-height: 16px;
  border-color: #FF7000;
}
.featured_toggle .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button {
  line-height: 34px;
  height: 32px;
}
.featured_toggle .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
  line-height: 26px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-family: "General Sans Medium";
}
.featured_toggle .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked {
  background-color: #FF7000;
}
.featured_toggle .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button .mat-button-toggle-label-content {
  color: #ffffff;
}
.img_uploader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px dashed rgba(0, 0, 0, 0.12);
  height: 35px;
  border-radius: 4px;
  padding: 0 5px 0 5px;
  position: relative;
}
.img_uploader p {
  cursor: auto;
  letter-spacing: 0;
}
.img_uploader input.file_input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 35px;
  height: 34px;
  cursor: pointer;
}
.img_uploader .dimensions {
  font-size: 12px;
  letter-spacing: 0.2px;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.master_view_sec .master_view_body {
  padding: 15px 10px 20px 15px;
  background: #fff;
  margin: 0px 0;
  border-radius: 8px;
}
.master_view_sec .supplies_custom_tabs {
  background: #fff;
  border-radius: 8px;
}
.master_view_sec .supplies_custom_tabs .tabs-body {
  padding: 15px;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media {
  margin: 10px 0;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-left {
  width: 70px;
  height: 70px;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-left img {
  border-radius: 50%;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-body h4 {
  color: #202020;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px 0px;
  line-height: 24px;
  font-family: "Clash Display Light";
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-body h4 .hide_review {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-body h4 .hide_review p {
  color: #000;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-body .rating {
  display: flex;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-body .rating li {
  margin-left: 3px;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-body .rating li i {
  color: #ff9933;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-body .rating .rating_count {
  color: #000 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  margin: -2px 0 0 15px !important;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-body P {
  color: #a0a7b7;
  font-size: 14px;
  font-weight: 500;
  margin: 0 20px 10px 0px;
  line-height: 22px;
  letter-spacing: 0.2px;
  width: 65%;
  font-family: "Clash Display Light";
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-body .review_content_imgs {
  display: flex;
  align-items: flex-start;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-body .review_content_imgs ul li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-body .review_content_imgs ul li .overlay {
  content: "";
  background: #000;
  opacity: 0.3;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px;
}
.master_view_sec .supplies_custom_tabs .tabs-body .review_listing .media .media-body .review_content_imgs ul li .view_more {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
.master_view_sec .enquiries_custom_tabs {
  background: #fff;
  border-radius: 8px;
}
.master_view_sec .enquiries_custom_tabs .enquiries_view_left {
  padding: 15px;
}
.master_view_sec .enquiries_custom_tabs .enquiries_view_left h4 {
  font-size: 18px;
  margin: 0 0 20px 0;
  color: #FF7000;
}
.master_view_sec .enquiries_custom_tabs .enquiries_view_right {
  padding: 15px;
}
.master_view_sec .enquiries_custom_tabs .enquiries_view_right .product_img {
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 8px;
}
.master_view_sec .enquiries_custom_tabs .enquiries_view_right .attachments_list h4 {
  margin-bottom: 20px;
  font-size: 18px;
  letter-spacing: 0;
  color: #FF7000;
}
.master_view_sec .enquiries_custom_tabs .enquiries_view_right .attachments_list ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.master_view_sec .enquiries_custom_tabs .enquiries_view_right .attachments_list ul li {
  position: relative;
  width: 75px;
  height: 75px;
  border: 1px solid #eee;
  margin: 0px 10px 5px 0;
  padding: 2px;
}
.master_view_sec .enquiries_custom_tabs .enquiries_view_right .attachments_list ul li img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.master_view_sec .send_response_btn {
  padding: 10px;
}
.master_view_sec .custom_form_group .custom_label {
  min-width: 220px;
}
.master_view_sec .custom_form_group .custom_label .dots {
  float: right;
  padding-right: 50px;
}
.master_view_sec .custom_form_group .video-list li {
  width: 100%;
  height: 200px;
}
.custom_form_group {
  display: flex;
  margin: 5px 0 5px 0;
}
.custom_form_group.block_form_group {
  display: block;
  margin-top: 20px;
}
.custom_form_group .custom_label {
  color: #000000;
  font-size: 14px;
  min-width: auto;
  font-family: "Clash Display Light";
  letter-spacing: 0.2px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 0;
}
.custom_form_group .custom_label .dots {
  float: right;
  padding: 0 10px;
  font-weight: 600;
}
.custom_form_group .value {
  color: #a1a1a1;
  font-family: "General Sans Medium";
  letter-spacing: 0.2px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 19px;
  text-transform: capitalize;
  overflow-wrap: anywhere;
  padding: 0 !important;
}
.custom_form_group .value p {
  margin: 8px 0;
  color: #a1a1a1;
  font-family: "Clash Display Medium" !important;
  letter-spacing: 0.2px !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 20px;
  text-transform: capitalize;
  overflow-wrap: anywhere;
  padding: 0 !important;
}
.custom_form_group ul li {
  color: #a1a1a1;
  font-family: "Clash Display Light";
  letter-spacing: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  text-transform: capitalize;
}
.custom_form_group ul li span {
  color: #a1a1a1;
  font-family: "Clash Display Light";
  letter-spacing: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  text-transform: capitalize;
}
.custom_form_group .imgs_listing {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.custom_form_group .imgs_listing li {
  position: relative;
  width: 75px;
  height: 75px;
  border: 1px solid #eee;
  margin: 0px 6px 5px 0;
  padding: 2px;
  background-color: #f8f9fb;
  border-radius: 4px;
}
.custom_form_group .imgs_listing.more_img_listng li {
  width: 50px;
  height: 50px;
  background-color: #f8f9fb;
  border-radius: 4px;
}
.custom_form_group .imgs_listing .preview_img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: contain;
}
.custom_form_group .video-list li {
  width: 75px;
  height: 75px;
  border: 1px solid #eee;
  margin: 0px 10px 5px 0;
  padding: 2px;
  position: relative;
}
.custom_form_group .video-list video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.custom_form_group.custom_form_group_block {
  display: block;
}
.custom_form_group.custom_form_group_block .custom_label {
  margin-bottom: 6px;
  display: block;
  min-width: auto;
}
.custom_form_group.custom_form_group_block .custom_label .dots {
  float: none;
  padding-right: 0;
}
.oreder_status_change .custom-tabs .horizontal-toggle-buttons {
  background-color: #fff;
  width: 100%;
  overflow: visible;
  display: flex !important;
  align-items: flex-start;
  justify-content: flex-start;
  white-space: normal;
  width: auto !important;
  background: #fff;
  flex-direction: row;
  position: relative;
  border: 1px solid #efefef;
}
.oreder_status_change .custom-tabs .horizontal-toggle-buttons .mat-button-toggle {
  white-space: nowrap;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 0;
  border-right: 1px solid #efefef;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto !important;
}
.oreder_status_change .custom-tabs .horizontal-toggle-buttons .mat-button-toggle:hover .mat-button-toggle-focus-overlay {
  opacity: 0;
}
.oreder_status_change .custom-tabs .horizontal-toggle-buttons .mat-button-toggle:hover .mat-button-toggle-label-content {
  color: #FF7000 !important;
}
.oreder_status_change .custom-tabs .horizontal-toggle-buttons .mat-button-toggle:hover .total-count {
  background-color: #FF7000;
  color: #ffffff !important;
}
.oreder_status_change .custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button {
  height: 40px;
  padding: 0 14px;
}
.oreder_status_change .custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
  font-size: 14px;
  padding: 0px 0px 0 0px !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 600;
  color: #a1a1a1;
  font-family: "Clash Display Light";
}
.oreder_status_change .custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content span {
  margin-left: 0;
  letter-spacing: 0;
  font-size: 14px;
  font-family: "Clash Display Light";
}
.oreder_status_change .custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content .total-count {
  margin-left: 6px;
  color: #000;
  border: 1px solid #FF7000;
  padding: 0 10px;
  border-radius: 24px;
  height: 20px;
  line-height: 22px;
  font-size: 13px;
}
.oreder_status_change .custom-tabs .horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
  font-weight: 600;
  color: #fff !important;
}
.oreder_status_change .custom-tabs .horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked .total-count {
  background-color: #ffffff;
  color: #FF7000;
}
.oreder_status_change .custom-tabs .horizontal-toggle-buttons .mat-button-toggle:last-child {
  border-right: 0;
}
.oreder_status_change .input_file_box {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.oreder_status_change .input_file_box .file_input {
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: 35px;
  height: 35px;
  position: relative;
}
.oreder_status_change .input_file_box img {
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 20px;
  top: 8px;
  right: 10px;
}
.oreder_status_change .custom_file_group {
  margin-top: 15px;
}
.oreder_status_change .custom_file_group .custom-form-control {
  position: relative;
}
.oreder_status_change .custom_file_group .custom-form-control .mat-form-field-infix {
  padding: 0.2em 0 0.6em !important;
}
.master_order_view_sec .view_box .mobile_order_track .order-track {
  margin-top: 1rem;
}
.master_order_view_sec .view_box .order_view_left .order_status {
  border-radius: 8px;
  padding: 10px;
  margin: 0 0 15px 0;
  background-color: #fff;
}
.master_order_view_sec .view_box .order_view_left .order_status h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.master_order_view_sec .view_box .order_view_left .order_status h4 .global-btn {
  padding: 0px 15px !important;
  height: 26px !important;
  margin-left: 15px;
}
.master_order_view_sec .view_box .order_view_left .order_status h4 .global-btn .mat-button-wrapper {
  padding-bottom: 5px;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track {
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px solid #eee;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  margin: 0 auto;
  align-items: center;
  text-align: center;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li {
  position: relative;
  width: 20%;
  display: inline-block;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li h4 {
  font-size: 14px;
  font-weight: 600;
  font-family: "Clash Display Light";
  letter-spacing: 1px;
  margin: 0 0 5px 0;
  color: #a1a1a1;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li .time {
  color: #a1a1a1;
  font-size: 13px;
  font-weight: 500;
  font-family: "Clash Display Light";
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li .circles {
  height: 18px;
  width: 18px;
  border: 2px solid #a1a1a1;
  border-radius: 50%;
  display: inline-block;
  background: #a1a1a1;
  position: relative;
  z-index: 9;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li .circles:after {
  content: "";
  background-image: url("/assets/images/icons/tick.svg");
  position: absolute;
  top: 4px;
  left: 2px;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
  background-size: 80%;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li.completed .circles {
  background: #2aa73b;
  border-color: #2aa73b;
  color: #2aa73b;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li.completed h4 {
  color: #FF7000;
  font-weight: 600 !important;
  font-size: 11px;
  margin: 0;
  text-transform: capitalize;
  letter-spacing: 0;
  text-align: center;
  justify-content: center;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li.completed .time {
  color: #a1a1a1;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 11px;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li.completed:first-child::after {
  content: "";
  position: absolute;
  width: 100%;
  top: 10px;
  border-bottom: 3px solid;
  border-color: #2aa73b;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li.completed:first-child::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 10px;
  border-bottom: 3px solid;
  border-color: #2aa73b;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li.completed:nth-child(n+2)::before {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: solid black 3px;
  top: 10px;
  border-color: #2aa73b;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li.completed:last-child::before {
  display: none;
  content: "";
  position: absolute;
  width: 100%;
  top: 10px;
  border-bottom: 3px solid;
  border-color: #2aa73b;
  left: 0;
  right: 0;
}
.master_order_view_sec .view_box .order_view_left .order_status .order_track ul li.completed .status-title {
  color: #FF7000;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 0;
}
.master_order_view_sec .view_box .order_view_left .order_details {
  border-radius: 8px;
  padding: 10px;
  background-color: #fff;
}
.master_order_view_sec .view_box .order_view_left .order_details .order_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px 0 0;
  border-bottom: 1px solid #ccc;
}
.master_order_view_sec .view_box .order_view_left .order_details .order_flex .delivered_status_flex {
  display: flex;
  width: 50%;
  justify-content: flex-end;
}
.master_order_view_sec .view_box .order_view_left .order_details .order_flex .delivered_status_flex .delivered_status {
  text-align: center;
}
.master_order_view_sec .view_box .order_view_left .order_details .order_flex .delivered_status_flex .delivered_status img {
  width: 50px;
}
.master_order_view_sec .view_box .order_view_left .order_details .order_flex .delivered_status_flex .delivered_status h5 {
  font-size: 15px;
  color: #2aa73b;
  margin: 5px 0 3px 0 !important;
  font-weight: 800;
}
.master_order_view_sec .view_box .order_view_left .order_details .order_flex .delivered_status_flex .delivered_status.cancelled h5 {
  color: #ef6a30 !important;
  margin: 5px 0 3px 0;
}
.master_order_view_sec .view_box .order_view_left .order_details .order_head {
  margin: 0 0 10px 0;
  padding: 0 0 0px 0;
}
.master_order_view_sec .view_box .order_view_left .order_details .order_head h2 {
  font-size: 18px;
  font-weight: 600;
  color: #FF7000;
}
.master_order_view_sec .view_box .order_view_left .order_details .order_head h3 {
  color: #000;
  margin: 8px 0 5px 0;
  font-size: 15px;
  font-weight: 600;
}
.master_order_view_sec .view_box .order_view_left .order_details .order_head h4 {
  color: #000;
  margin: 5px 0 0px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.master_order_view_sec .view_box .order_view_left .order_details .address_details {
  padding: 10px 5px;
  min-height: 115px;
  border-right: 1px solid #eee;
  margin-top: 10px;
}
.master_order_view_sec .view_box .order_view_left .order_details .address_details h4 {
  font-size: 16px;
  letter-spacing: 0.2px;
  margin: 0 15px 10px 0;
  color: #FF7000;
}
.master_order_view_sec .view_box .order_view_left .order_details .address_details h4.no_border {
  border: 0;
}
.master_order_view_sec .view_box .order_view_left .order_details .address_details .media img {
  width: 12px;
  margin-right: 10px;
}
.master_order_view_sec .view_box .order_view_left .order_details .address_details .media .address_lines p {
  font-weight: 600;
  letter-spacing: 0;
  font-family: "Clash Display Light";
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing {
  border-radius: 6px;
  margin: 10px 0px 25px 0px;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li {
  background: transparent;
  margin-bottom: 10px;
  display: block;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  position: relative;
  border-radius: 6px;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .cart_box_li {
  margin-bottom: 0;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .media {
  width: 100%;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .price {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 0;
  justify-content: space-between;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .price .price_box_flex {
  width: 75%;
  display: flex;
  align-items: center;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .price .form-increment {
  margin: 0 15px 0 0;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .price .price_overall {
  margin: 0px 0 5px 0;
  font-weight: 500;
  text-align: center;
  display: block;
  color: #FF7000;
  font-size: 15px;
  letter-spacing: 0;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .price .old_price {
  text-decoration: line-through;
  color: #a1a1a1;
  font-size: 13px;
  font-family: "Clash Display Light";
  text-align: center;
  display: block;
  padding-left: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .price .equal_to {
  color: #FF7000;
  padding: 0 5px;
  line-height: 24px;
  font-size: 16px;
  position: relative;
  bottom: 5px;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .cancel_order {
  border-radius: 13px !important;
  background: #fa1d72 !important;
  position: absolute !important;
  right: 10px;
  bottom: 10px;
  width: auto;
  height: 26px !important;
  line-height: 26px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li img.clear-wishlist {
  top: 0px;
  right: 5px;
  position: absolute;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .global-btn {
  margin-left: 10px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  height: 24px !important;
  border-radius: 24px !important;
  min-width: auto;
  background-color: #fa1d72 !important;
  background-image: none !important;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .cancel-btn {
  background-color: #fa1d72 !important;
  background-image: none !important;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .cancel-btn .mat-button-wrapper {
  font-size: 13px !important;
  color: #fff !important;
}
.master_order_view_sec .view_box .order_view_left .order_items_liting .order-product-listing ul li .dash_deals_box_li .custom_sub_heading {
  padding: 10px 10px 10px 10px;
  margin: 0;
}
.master_order_view_sec .view_box .order_view_right .order_price_details {
  padding: 0 0 5px 0;
  border-radius: 8px;
  margin: 0 0 20px 0;
  background-color: #fff;
}
.master_order_view_sec .view_box .order_view_right .order_price_details .payment_head {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px 12px 10px;
  margin: 0px 5px 5px 5px;
}
.master_order_view_sec .view_box .order_view_right .order_price_details .payment_head.account_details {
  padding-bottom: 12px !important;
}
.master_order_view_sec .view_box .order_view_right .order_price_details .payment_head.account_details p {
  font-weight: 600;
  letter-spacing: 0;
  font-family: "Clash Display Light";
}
.master_order_view_sec .view_box .order_view_right .order_price_details .payment_head h2 {
  font-size: 18px;
  font-weight: 600;
  color: #FF7000;
  margin-bottom: 10px;
}
.master_order_view_sec .view_box .order_view_right .order_price_details .payment_head h3 {
  color: #000;
  margin: 5px 0 0px 0;
  font-size: 13px;
  letter-spacing: 0.2px;
}
.master_order_view_sec .view_box .order_view_right .order_price_details .total-cost-box {
  background: #fff;
  padding: 0px 0px 0px 0px;
  margin-top: 15px;
  border-radius: 8px;
  margin-left: 0;
}
.master_order_view_sec .view_box .order_view_right .order_price_details .total-cost-box .total-cost {
  padding: 0 10px 5px 10px;
}
.master_order_view_sec .view_box .order_view_right .order_price_details .total-cost-box .total-cost .total-price {
  width: auto;
  color: #000;
  font-size: 15px;
  letter-spacing: 0;
}
.master_order_view_sec .view_box .order_view_right .order_price_details .total-cost-box .total-cost .total-price i {
  position: relative;
  top: 2px;
}
.master_order_view_sec .view_box .order_view_right .order_price_details .total-cost-box .total-cost.final_amount .total-text {
  color: #FF7000;
}
.master_order_view_sec .view_box .order_view_right .order_price_details .total-cost-box .total-cost.final_amount .total-price {
  color: #FF7000;
}
.master_order_view_sec .view_box .order_view_right .order_price_details .cancel_order {
  border-radius: 13px !important;
  background: #fa1d72 !important;
  width: auto;
  height: 26px !important;
  line-height: 26px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin: 10px auto 10px auto;
}
.master_order_view_sec .view_box .cart_box_li {
  display: block;
}
.delivery_notes {
  padding: 15px 0 10px 0;
  border-radius: 8px;
  margin: 0 0 20px 0;
  background-color: #ffffff;
}
.delivery_notes .head h4 {
  font-size: 22px;
  font-weight: 600;
  color: #ef6a30;
  padding: 0px 0 20px 10px;
  border-bottom: 1px solid #ccc;
  margin: 0 10px;
  font-family: "General Sans Medium";
}
.delivery_notes ul {
  padding: 0px 20px;
}
.delivery_notes ul li {
  margin: 20px 0;
}
.delivery_notes ul li .notes_content {
  background-color: #f1f1f1;
  padding: 10px 10px;
  border-radius: 8px;
}
.delivery_notes ul li .notes_content p {
  font-size: 12px;
  color: #2b4058;
  font-weight: 600;
  padding: 0 0 2px 0;
  font-family: "Clash Display Light";
}
.delivery_notes ul li .notes_content .flex_btns_track {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.delivery_notes ul li .notes_content .flex_btns_track a {
  color: #FF7000;
  font-family: "Clash Display Light";
  letter-spacing: 0;
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
}
.delivery_notes ul li .status {
  color: #a1a1a1;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.2px;
  font-family: "General Sans Medium";
  margin-top: 6px;
}
.flex_form_group {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.master_uploader {
  margin: 0.76em 0 0 0;
  padding-bottom: 1.34375em;
}
.master_uploader .uploaded_img ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.master_uploader .uploaded_img ul p {
  color: #a1a1a1;
  font-size: 13px;
  font-weight: 400;
  font-family: "Clash Display Light";
}
.master_uploader .uploaded_img ul li {
  position: relative;
  width: 75px;
  height: 75px;
  border: 1px solid #eee;
  margin: 10px 10px 0 0;
  padding: 0;
  background-color: #f8f9fb;
  border-radius: 4px;
}
.master_uploader .uploaded_img ul li .preview_img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: contain;
}
.master_uploader .uploaded_img ul li .close_img {
  position: absolute;
  top: -5px;
  right: -2px;
  cursor: pointer;
}
.master_uploader .uploaded_img ul li video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.master_uploader .uploaded_img ul .video_preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.directory_added_imgvidoes .master_uploader .uploaded_img ul li {
  width: 31%;
  height: 200px;
}
.support-management-chat .custom-tabs {
  border-radius: 0;
  background-color: #fff;
  border-right: 1px solid #eee;
}
.support-management-chat .custom-tabs .horizontal-toggle-buttons {
  border-radius: 0 !important;
  background-color: #fff;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.support-management-chat .custom-tabs .horizontal-toggle-buttons .mat-button-toggle {
  width: 49% !important;
}
.support-management-chat .table_search_box {
  padding: 5px 15px;
  border-bottom: 1px solid #eee;
}
.support-management-chat .table_search_box .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.support-management-chat .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.support-management-chat .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: transparent;
  border-radius: 24px !important;
  color: #f1f1f1;
}
.support-management-chat .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.support-management-chat .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 24px !important;
  border-left-style: solid;
  background: #f1f1f1;
}
.support-management-chat .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.4em 0 0.6em 0 !important;
}
.support-management-chat .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-suffix {
  top: 0;
}
.directory_form_sec {
  padding: 15px 10px 20px 15px;
  background: #fff;
  margin: 0px 0 15px 0;
  border-radius: 8px;
}
.directory_form_sec .custom-chip-list .mat-chip.mat-standard-chip {
  background-color: #ef6a304d;
  color: #ef6a30;
  border-radius: 8px;
  font-size: 12px;
  line-height: 18px;
  padding-top: 0 !important;
  letter-spacing: 0;
}
.directory_form_sec .custom-chip-list .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: none;
}
.directory_form_sec .flex_form_control {
  display: flex;
  align-items: center;
}
.directory_form_sec .flex_form_control .mat-form-field-outline-end {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.directory_form_sec .flex_form_control .mat-button, .directory_form_sec .flex_form_control .defaultLayout .btn-primary, .defaultLayout .directory_form_sec .flex_form_control .btn-primary, .directory_form_sec .flex_form_control .defaultLayout .btn-black, .defaultLayout .directory_form_sec .flex_form_control .btn-black, .directory_form_sec .flex_form_control .defaultLayout .btn-secondary, .defaultLayout .directory_form_sec .flex_form_control .btn-secondary, .directory_form_sec .flex_form_control .defaultLayout .btn-outline, .defaultLayout .directory_form_sec .flex_form_control .btn-outline {
  margin: 0;
  background-color: #f5f5f5;
  min-width: 100px;
  height: 37px;
  line-height: 37px;
  margin-top: -16px;
  border-radius: 0;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-left: 0;
  padding-left: 12px;
}
.directory_form_sec .flex_form_control .mat-button .mat-button-wrapper, .directory_form_sec .flex_form_control .defaultLayout .btn-primary .mat-button-wrapper, .defaultLayout .directory_form_sec .flex_form_control .btn-primary .mat-button-wrapper, .directory_form_sec .flex_form_control .defaultLayout .btn-black .mat-button-wrapper, .defaultLayout .directory_form_sec .flex_form_control .btn-black .mat-button-wrapper, .directory_form_sec .flex_form_control .defaultLayout .btn-secondary .mat-button-wrapper, .defaultLayout .directory_form_sec .flex_form_control .btn-secondary .mat-button-wrapper, .directory_form_sec .flex_form_control .defaultLayout .btn-outline .mat-button-wrapper, .defaultLayout .directory_form_sec .flex_form_control .btn-outline .mat-button-wrapper {
  font-size: 12px;
}
.directory_form_sec .flex_form_control .mat-button .mat-button-wrapper img, .directory_form_sec .flex_form_control .defaultLayout .btn-primary .mat-button-wrapper img, .defaultLayout .directory_form_sec .flex_form_control .btn-primary .mat-button-wrapper img, .directory_form_sec .flex_form_control .defaultLayout .btn-black .mat-button-wrapper img, .defaultLayout .directory_form_sec .flex_form_control .btn-black .mat-button-wrapper img, .directory_form_sec .flex_form_control .defaultLayout .btn-secondary .mat-button-wrapper img, .defaultLayout .directory_form_sec .flex_form_control .btn-secondary .mat-button-wrapper img, .directory_form_sec .flex_form_control .defaultLayout .btn-outline .mat-button-wrapper img, .defaultLayout .directory_form_sec .flex_form_control .btn-outline .mat-button-wrapper img {
  width: 12px;
}
.directory_form_sec .flex_form_control .mat-button:hover .mat-button-focus-overlay, .directory_form_sec .flex_form_control .defaultLayout .btn-primary:hover .mat-button-focus-overlay, .defaultLayout .directory_form_sec .flex_form_control .btn-primary:hover .mat-button-focus-overlay, .directory_form_sec .flex_form_control .defaultLayout .btn-black:hover .mat-button-focus-overlay, .defaultLayout .directory_form_sec .flex_form_control .btn-black:hover .mat-button-focus-overlay, .directory_form_sec .flex_form_control .defaultLayout .btn-secondary:hover .mat-button-focus-overlay, .defaultLayout .directory_form_sec .flex_form_control .btn-secondary:hover .mat-button-focus-overlay, .directory_form_sec .flex_form_control .defaultLayout .btn-outline:hover .mat-button-focus-overlay, .defaultLayout .directory_form_sec .flex_form_control .btn-outline:hover .mat-button-focus-overlay {
  opacity: 0;
}
.directory_form_sec .custom-tabs {
  margin: 0px;
}
.directory_form_sec .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label {
  height: 42px !important;
  padding: 0 10px !important;
  min-width: 135px !important;
}
.directory_form_sec .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  color: #a1a1a1;
  font-size: 15px;
  font-family: "Clash Display Light";
}
.directory_form_sec .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #FF7000;
}
.directory_form_sec .custom-tabs .mat-tab-group .mat-tab-body {
  padding: 10px 0px 0 0;
}
.directory_form_sec .custom-tabs .tabs-body {
  padding: 15px 15px 0px 15px;
  min-height: calc(100vh - 285px);
}
.directory_form_sec .add_documents_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 30px 10px;
}
.directory_form_sec .add_documents_box p {
  color: #FF7000;
  font-size: 18px;
  letter-spacing: 0;
}
.directory_form_sec .add_documents_box .global-btn {
  background-image: none !important;
  background-color: #FF7000;
}
.directory_form_sec .add_documents_formarray {
  position: relative;
  padding: 15px 0;
}
.directory_form_sec .add_documents_formarray .delete_array {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.directory_form_sec .doc_uploader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px dashed #FF7000;
  height: 36px;
  border-radius: 4px;
  padding: 0 10px;
  position: relative;
}
.directory_form_sec .doc_uploader input.file_input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 35px;
  height: 34px;
  cursor: pointer;
}
.directory_form_sec .doc_uploader .attached-doc {
  position: absolute;
  min-width: 200px;
  left: 10px;
  background: #ef6a3045;
  border-radius: 8px;
  padding: 5px 15px;
}
.directory_form_sec .doc_uploader .attached-doc h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.directory_form_sec .doc_uploader .attached-doc h4 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #FF7000;
}
.directory_form_sec .doc_uploader .attached-doc h4 img {
  width: 14px;
  margin-right: 10px;
}
.directory_form_sec .doc_uploader .attached-doc h4 .close-icon {
  width: 14px;
}
.directory_form_sec .form-heading {
  color: #FF7000;
  font-size: 18px;
  letter-spacing: 0;
  margin-bottom: 15px;
}
.directory_form_sec .add_form_array {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0 0 0;
}
.directory_form_sec .new_member_formgroup {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 4px;
}
.directory_form_sec .img_uploader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px dashed #FF7000;
  height: 32px;
  border-radius: 4px;
  padding: 0 10px;
}
.directory_form_sec .img_uploader input.file_input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 35px;
  height: 34px;
  cursor: pointer;
}
.directory_form_sec .team-members-list .service-card_box {
  margin: 10px !important;
  height: 300px;
  overflow: auto;
}
.directory_form_sec .team-members-list .team-member-card {
  background: #f1f1f1;
  border-radius: 8px;
  padding: 10px 10px;
  position: relative;
  margin: 10px 0px;
}
.directory_form_sec .team-members-list .team-member-card .delete-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 12px;
}
.directory_form_sec .team-members-list .team-member-card .media {
  align-items: flex-start;
}
.directory_form_sec .team-members-list .team-member-card .media .media-img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 10px;
}
.directory_form_sec .team-members-list .team-member-card .media .media-left .member-name {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.2px;
  margin: 0 0 0 0;
  padding: 0;
  font-family: "Clash Display Medium" !important;
}
.directory_form_sec .team-members-list .team-member-card .media .media-left .member-role {
  color: #21262c;
  font-family: "Clash Display Light";
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  letter-spacing: 0.2px;
  margin-top: 0;
}
.directory_form_sec .team-members-list .team-member-card .member-condition {
  font-size: 14px;
}
.directory_form_sec .team-members-list .team-member-card .member-condition span {
  font-size: 16px;
  margin-left: 5px;
  font-weight: 600;
  color: #FF7000;
}
.directory_form_sec .team-members-list .team-member-card .description-block p {
  font-size: 14px;
  color: #a1a1a1;
  font-weight: 400;
}
.directory_form_sec .team-members-list .team-member-card .member_service_name {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  margin: 0 0 5px 0;
  padding: 0;
  font-family: "Clash Display Medium" !important;
}
.directory_form_sec .team-members-list .team-member-card .member_name {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.2px;
  margin: 0 0 5px 0;
  padding: 0;
  font-family: "Clash Display Medium" !important;
}
.directory_form_sec .team-members-list .team-member-card .testimonial_img {
  margin-top: 10px;
  height: 200px;
  width: 100%;
}
.directory_form_sec .team-members-list .team-member-card .testimonial_img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.directory_form_sec .added_directory_box_flex {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.directory_form_sec .added_directory_box_flex .team-member-card {
  width: 45%;
  margin: 10px;
}
.directory_form_sec .location-list .location-card {
  background: #f1f1f1;
  border-radius: 8px;
  padding: 10px 15px;
  position: relative;
  margin: 10px 0px;
}
.directory_form_sec .location-list .location-card .delete-icon {
  position: absolute;
  top: 10px;
  right: 10px;
}
.directory_form_sec .location-list .location-card .member-name {
  font-size: 16px;
  font-weight: 600;
}
.directory_form_sec .location-list .location-card .member-role {
  font-size: 13px;
}
.directory_form_sec .location-list .location-card .address-block {
  position: relative;
  padding-left: 25px;
}
.directory_form_sec .location-list .location-card .address-block .pin-icon {
  position: absolute;
  left: 5px;
  top: 5px;
}
.directory_form_sec .location-list .location-card .address-block p {
  font-size: 14px;
  color: #a1a1a1;
  font-weight: 400;
}
.directory_form_sec .location-list .location-card .member-condition {
  font-size: 14px;
}
.directory_form_sec .location-list .location-card .member-condition span {
  font-size: 16px;
  margin-left: 5px;
  font-weight: 600;
  color: #212526;
  display: flex;
  align-items: center;
  font-family: "Clash Display Light";
}
.directory_form_sec .location-list .location-card .member-condition span img {
  position: relative;
  top: 0;
  margin-right: 5px;
}
.directory_form_sec .location-list .location-card .custom-chip-list {
  margin: 10px 0px;
  display: block;
}
.directory_form_sec .location-list .location-card .custom-chip-list .mat-chip.mat-standard-chip {
  background-color: #ffffff;
  color: #FF7000 !important;
  border-radius: 8px;
}
.directory_form_sec .location-list .location-card .custom-chip-list .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: none;
}
.directory_form_sec .directory-gallery-sec .featured_toggle {
  margin: 0 auto;
  margin-bottom: 15px;
}
.directory_form_sec .form-footer-btn {
  padding: 10px 16px 10px 15px;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #ccc;
  margin: 0 -15px;
}
.directory_form_sec .form-footer-btn .mat-button, .directory_form_sec .form-footer-btn .defaultLayout .btn-primary, .defaultLayout .directory_form_sec .form-footer-btn .btn-primary, .directory_form_sec .form-footer-btn .defaultLayout .btn-black, .defaultLayout .directory_form_sec .form-footer-btn .btn-black, .directory_form_sec .form-footer-btn .defaultLayout .btn-secondary, .defaultLayout .directory_form_sec .form-footer-btn .btn-secondary, .directory_form_sec .form-footer-btn .defaultLayout .btn-outline, .defaultLayout .directory_form_sec .form-footer-btn .btn-outline {
  margin-left: 15px;
}
.directory_form_sec .service_list_box_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.directory_form_sec .service_list_box {
  border-radius: 4px;
  margin: 0 10px 15px 10px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  border: 1px solid #eee;
  width: 31%;
  position: relative;
}
.directory_form_sec .service_list_box .service_img_box {
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease 0s;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.directory_form_sec .service_list_box .service_img_box img {
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 100%;
  object-fit: cover;
}
.directory_form_sec .service_list_box .service__content {
  padding: 10px 10px 6px 10px;
}
.directory_form_sec .service_list_box .service__content h4 {
  position: relative;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  color: #FF7000;
}
.directory_form_sec .service_list_box .service__content p {
  color: #a0a7b7;
  font-family: "Clash Display Light";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  letter-spacing: 0.2px;
  margin-top: 10px;
}
.directory_form_sec .service_list_box .service__remove {
  width: 30px;
  height: 30px;
  border: 1px solid #eee;
  line-height: 22px;
  text-align: center;
  border-radius: 24px;
  background: #eee;
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 9;
}
.directory_form_sec .service_list_box .service__remove img {
  width: 15px;
}
.directory_form_sec .social_account_list .social_account_card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.directory_form_sec .social_account_list .social_account_card li {
  position: relative;
  width: 45%;
  margin-right: 10px;
}
.directory_form_sec .social_account_list .social_account_card li .delete-icon {
  position: absolute;
  right: 10px;
  top: 16px;
  z-index: 99;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border: 1px solid #eee;
  line-height: 22px;
  text-align: center;
  border-radius: 24px;
  background: #fff;
  padding: 5px;
}
.directory_form_sec .social_account_list .social_account_card p {
  position: relative;
}
.directory_form_sec .social_account_list .social_account_card p span {
  background-color: #eee;
  padding: 10px;
  margin: 10px 0;
  border-radius: 4px;
  display: flex;
  width: auto;
  font-size: 15px;
  font-weight: 600;
}
.directory_form_sec .social_account_list .social_account_card p span img {
  margin-right: 10px;
}
.directory_form_sec .dental_timeings {
  background-color: #f2f2f2;
  padding: 10px 10px 0px 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  margin-top: 30px;
}
.directory_form_sec .dental_timeings .custom_sub_heading {
  background-color: #fff;
  height: 35px;
  line-height: 35px;
  margin: -10px -10px 0 -10px;
  padding: 0 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.directory_form_sec .dental_timeings ul {
  margin: 0px 0 0 0;
  position: relative;
}
.directory_form_sec .dental_timeings ul .delete-icon {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 99;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border: 1px solid #eee;
  line-height: 22px;
  text-align: center;
  border-radius: 24px;
  background: #fff;
  padding: 5px;
}
.master_catalogues_add_sec {
  border-radius: 8px;
  padding: 15px;
}
.master_catalogues_add_sec .custom-chip-list .mat-chip.mat-standard-chip {
  background-color: #ef6a304d;
  color: #ef6a30;
  border-radius: 24px;
  padding: 0 8px !important;
  height: 24px !important;
}
.master_catalogues_add_sec .custom-chip-list .mat-chip.mat-standard-chip i {
  font-size: 15px;
  position: relative;
  top: 1px;
  left: 2px;
}
.master_catalogues_add_sec .custom-chip-list .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: none;
}
.master_catalogues_add_sec .featured_toggle .mat-button-toggle-group {
  border: solid 1px #FF7000;
}
.master_catalogues_add_sec .featured_toggle .mat-button-toggle-group .mat-button-toggle {
  min-width: 125px;
  height: 34px;
  line-height: 16px;
  border-color: #FF7000;
}
.master_catalogues_add_sec .featured_toggle .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button {
  line-height: 34px;
  height: 32px;
}
.master_catalogues_add_sec .featured_toggle .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
  line-height: 32px;
}
.master_catalogues_add_sec .featured_toggle .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked {
  background-color: #FF7000;
}
.master_catalogues_add_sec .featured_toggle .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button .mat-button-toggle-label-content {
  color: #ffffff;
}
.master_catalogues_add_sec .catalogues_view_left {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 10px;
  background: #ffffff;
}
.master_catalogues_add_sec .catalogues_view_left .img_uploader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px dashed #FF7000;
  height: 32px;
  border-radius: 4px;
  padding: 0 10px;
}
.master_catalogues_add_sec .catalogues_view_left .img_uploader input.file_input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 35px;
  height: 34px;
  cursor: pointer;
}
.master_catalogues_add_sec .catalogues_view_left .master_uploader .uploaded_img {
  margin-bottom: 15px;
}
.master_catalogues_add_sec .catalogues_view_left .master_uploader .uploaded_img ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.master_catalogues_add_sec .catalogues_view_left .master_uploader .uploaded_img ul p {
  color: #a1a1a1;
  font-size: 13px;
  font-weight: 400;
  font-family: "Clash Display Light";
}
.master_catalogues_add_sec .catalogues_view_left .master_uploader .uploaded_img ul li {
  position: relative;
  width: 75px;
  height: 75px;
  border: 1px solid #eee;
  margin: 15px 10px 0 0;
  padding: 5px;
}
.master_catalogues_add_sec .catalogues_view_left .master_uploader .uploaded_img ul li .preview_img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.master_catalogues_add_sec .catalogues_view_left .master_uploader .uploaded_img ul li .preview_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.master_catalogues_add_sec .catalogues_view_left .master_uploader .uploaded_img ul li .close_img {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.master_catalogues_add_sec .catalogues_view_right {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 10px;
  background: #ffffff;
}
.uploader_progress {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px solid #eee;
  margin: 15px 10px 0 0;
  padding: 5px;
}
.master_signup_section .custom-slide-toggle .mat-slide-toggle {
  margin: 0px 10px;
  margin-top: 5px;
}
.master_signup_section .custom-slide-toggle .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff !important;
}
.master_signup_section .custom-slide-toggle .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  left: 6px;
}
.master_signup_section .custom-slide-toggle .mat-slide-toggle-thumb-container {
  top: 2px;
  left: 2px;
}
.master_signup_section .custom-slide-toggle .mat-slide-toggle-bar {
  height: 22px !important;
  width: 42px !important;
  border-radius: 25px !important;
  background-color: #999999;
  box-shadow: none !important;
}
.master_signup_section .custom-slide-toggle .mat-slide-toggle-thumb {
  height: 18px;
  width: 18px;
  border-radius: 50%;
}
.master_signup_section .signup_top_row {
  background: rgba(255, 255, 255, 0);
  border: 1px solid #e7eaf3;
  filter: drop-shadow(0px 2px 48px rgba(0, 0, 0, 0.06));
  padding: 15px 0;
}
.master_signup_section .signup_top_row .signup_heading h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  letter-spacing: 0.2px;
  color: #000000;
  text-transform: capitalize;
  font-weight: 500;
}
.master_signup_section .signup_deyails_box .subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_box_main .plan_head {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 0;
}
.master_signup_section .signup_deyails_box .subscriber_detailform_sec .plan_details_box .plan_details_listing .plan_box_main .plan_footer {
  border-top: 1px solid #FF7000;
}
.master_signup_section .signup_deyails_box .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #999999 !important;
}
.master_signup_section .signup_deyails_box .custom-form-control {
  width: 100%;
}
.master_signup_section .signup_deyails_box .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999999 !important;
  /* Firefox */
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.master_signup_section .signup_deyails_box .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.master_signup_section .signup_deyails_box .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999999 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.success_details {
  margin: 25px 0;
}
.success_details .status_img {
  width: 75px;
  margin: 10px auto 0 auto;
}
.success_details .status_img img {
  width: 100%;
  height: 100%;
}
.success_details h4 {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  margin: 20px auto 20px auto;
  line-height: 24px;
  letter-spacing: 0.2px;
  width: 75%;
  text-align: center;
  font-family: "General Sans Medium";
}
.success_details p {
  text-align: center;
  line-height: 20px;
  margin: 20px 0 25px 0;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.2px !important;
  color: #21262c;
  font-family: "Clash Display Light";
}
.success_details p span {
  color: #FF7000 !important;
  text-decoration: underline !important;
}
.select_profession_listing h4 {
  font-size: 19px;
  text-align: center;
  letter-spacing: 0;
  margin: 0 0 25px 0;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.select_profession_listing .custom-tabs {
  margin: 0 0 0 0;
}
.select_profession_listing .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container {
  overflow: visible;
}
.select_profession_listing .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels {
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
  border-radius: 4px;
}
.select_profession_listing .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label {
  height: 28px !important;
  padding: 0 8px !important;
  border: 1px solid #FF7000 !important;
  min-width: 100px;
}
.select_profession_listing .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  background-color: #FF7000;
}
.select_profession_listing .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #fff !important;
}
.select_profession_listing .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  color: #a1a1a1;
  font-size: 14px;
  font-family: "Clash Display Light";
  font-weight: 600;
}
.select_profession_listing .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #FF7000;
}
.select_profession_listing .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.select_profession_listing .custom-tabs .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select_profession_listing .custom-tabs .mat-tab-group .mat-ink-bar {
  display: none !important;
}
.select_profession_listing .custom-tabs .mat-tab-group .tabs-body {
  padding: 15px 10px;
}
.select_profession_listing .custom-tabs .mat-tab-group .tabs-body ul li {
  margin: 15px 0 10px 0;
}
.select_profession_listing .custom-tabs .mat-tab-group .tabs-body ul li .mat-radio-outer-circle {
  border-color: #FF7000;
  height: 15px;
  width: 15px;
  top: 5px;
  border-width: 1px;
}
.select_profession_listing .custom-tabs .mat-tab-group .tabs-body ul li .mat-radio-inner-circle {
  height: 15px;
  width: 15px;
  top: 5px;
}
.select_profession_listing .custom-tabs .mat-tab-group .tabs-body ul li .mat-radio-button .mat-radio-label .mat-radio-label-content {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: "General Sans Medium";
  color: #000;
  opacity: 1;
}
.select_profession_listing .mat-button, .select_profession_listing .defaultLayout .btn-primary, .defaultLayout .select_profession_listing .btn-primary, .select_profession_listing .defaultLayout .btn-black, .defaultLayout .select_profession_listing .btn-black, .select_profession_listing .defaultLayout .btn-secondary, .defaultLayout .select_profession_listing .btn-secondary, .select_profession_listing .defaultLayout .btn-outline, .defaultLayout .select_profession_listing .btn-outline {
  border-radius: 4px !important;
  height: 34px !important;
  line-height: 34px !important;
  background-image: none !important;
  padding: 0 15px 4px 15px !important;
  background-color: #ef6a30;
  min-width: 125px !important;
}
.select_profession_listing .mat-button .mat-button-wrapper, .select_profession_listing .defaultLayout .btn-primary .mat-button-wrapper, .defaultLayout .select_profession_listing .btn-primary .mat-button-wrapper, .select_profession_listing .defaultLayout .btn-black .mat-button-wrapper, .defaultLayout .select_profession_listing .btn-black .mat-button-wrapper, .select_profession_listing .defaultLayout .btn-secondary .mat-button-wrapper, .defaultLayout .select_profession_listing .btn-secondary .mat-button-wrapper, .select_profession_listing .defaultLayout .btn-outline .mat-button-wrapper, .defaultLayout .select_profession_listing .btn-outline .mat-button-wrapper {
  font-size: 16px;
}
.add_icon {
  position: relative;
  top: 8px;
  cursor: pointer;
}
.add_icon i {
  color: #FF7000;
}
.business_type_group .add_icon {
  top: 5px;
  right: -5px;
}
.business_type_group .add_icon i {
  font-size: 28px;
  margin-left: 10px;
}
.payment_details .status_img {
  width: 30%;
  margin: 0 auto;
}
.payment_details .status_img img {
  width: 100%;
  height: 100%;
}
.payment_details h4 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  margin: 20px auto 10px auto;
  line-height: 24px;
  letter-spacing: 0;
  width: 75%;
  text-align: center;
}
.payment_details h3 {
  color: #FF7000;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.payment_details p {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 10px 0px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  font-family: "Clash Display Light";
}
.payment_details p a {
  color: #FF7000;
  text-decoration: underline !important;
}
.other_details_form .other_details_head {
  font-size: 20px;
  margin: 0 0 25px 0;
  color: #212526;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.2px;
}
.other_details_form .other_details_row {
  padding-right: 50px;
}
.other_details_form .other_details_row .flex_form_group {
  align-items: flex-start;
}
.other_details_form .other_details_row .flex_form_group p {
  color: #000000;
  letter-spacing: 0;
  font-size: 16px;
}
.other_details_form .skip_row {
  margin-top: 30px;
  padding-right: 50px;
}
.other_details_form .skip_btn {
  height: 26px !important;
  line-height: 26px !important;
  padding: 0 0 0 0 !important;
}
.other_details_form .skip_btn .mat-button-wrapper {
  font-size: 13px;
}
.flex_label {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.address_toggle {
  box-shadow: none;
}
.address_toggle .mat-button-toggle {
  width: auto;
  height: 35px;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  border: 1px solid #f8f7f5;
  background: #fff;
  border-radius: 4px;
  color: #333;
  text-transform: capitalize;
  margin-bottom: 15px;
  margin-right: 15px;
}
.address_toggle .mat-button-toggle .mat-button-toggle-label-content {
  padding: 0 30px;
  line-height: 30px;
}
.address_toggle .mat-button-toggle.mat-button-toggle-checked {
  background-color: #FF7000;
  border-color: #FF7000;
}
.address_toggle .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #ffffff;
}
.support_center_sec .support_center_listing {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 10px 15px 10px;
  list-style: none;
  background: #fff;
}
.support_center_sec .support_center_listing .custom-tabs {
  padding: 0 !important;
}
.support_center_sec .support_center_listing .featured_toggle {
  padding: 0 !important;
}
.support_center_sec .support_center_listing .support_center_listing_tophead {
  width: auto;
  height: auto;
  margin: -8px -9px 0px -9px;
}
.support_center_sec .support_center_listing .support_center_listing_tophead .mat-button-toggle-group {
  border: solid 1px #ef6a30;
  width: 100%;
  border-radius: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.support_center_sec .support_center_listing .support_center_listing_tophead .mat-button-toggle-group .mat-button-toggle {
  width: 50%;
  height: 37px;
}
.support_center_sec .support_center_listing .support_center_listing_head {
  background-color: #fff;
  margin: 0 0px 0 0px;
  padding: 6px 10px 4px 10px;
  border-bottom: 0;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
  border-top: 0;
}
.support_center_sec .support_center_listing .support_center_listing_head .custom-form-search {
  margin-bottom: 0;
  border-bottom: 0;
}
.support_center_sec .support_center_listing .support_center_listing_head .custom-form-search .custom-form-control {
  padding-bottom: 10px;
}
.support_center_sec .support_center_listing .support_center_listing_body {
  min-height: 500px;
  max-height: 500px;
  height: 500px;
  overflow: auto;
  margin-right: -10px;
  padding-right: 10px;
  padding-top: 10px;
}
.support_center_sec .support_center_listing ul li {
  list-style: none;
  padding: 10px 10px 0 10px;
  margin: 5px 0px 10px 0px;
  cursor: pointer;
  border-radius: 8px;
  background: #f1f1f1;
  position: relative;
  border: 1px solid #f1f1f1;
}
.support_center_sec .support_center_listing ul li h4 {
  font-weight: 500;
  background: transparent;
  color: #0e1f29;
  padding: 0 0px 0 0px;
  border-top-left-radius: 0;
  line-height: 25px;
  font-size: 13px;
  letter-spacing: 0;
  font-family: "General Sans Medium";
}
.support_center_sec .support_center_listing ul li .support_description {
  font-weight: 500;
  background: transparent;
  color: #a1a1a1;
  padding: 0 10px 0 0px;
  border-top-left-radius: 0;
  line-height: 20px;
  font-size: 12px;
}
.support_center_sec .support_center_listing ul li .flex_support {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.support_center_sec .support_center_listing ul li .flex_support .flex_attachment {
  display: flex;
  align-items: center;
}
.support_center_sec .support_center_listing ul li .flex_support .flex_attachment p {
  color: #FF7000;
  font-size: 12px;
  padding-left: 6px;
}
.support_center_sec .support_center_listing ul li .flex_support .time {
  color: #a1a1a1;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 11px;
}
.support_center_sec .support_center_listing ul li.active {
  background: #fff;
  border: 1px solid #ef6a30;
  filter: drop-shadow(0px 2px 20px rgba(239, 106, 48, 0.15));
}
.support_center_sec .support_center_right {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  min-height: calc(100vh - 155px);
  max-height: calc(100vh - 155px);
  overflow: auto;
  background-attachment: fixed;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
}
.support_center_sec .support_center_right .support_msg_box {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.support_center_sec .support_center_right .support_msg_box .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.support_center_sec .support_center_right .support_msg_box .head h4 {
  font-size: 16px;
  color: #FF7000;
  margin: 0;
  padding: 0;
}
.support_center_sec .support_center_right .support_msg_box .head span {
  color: #a1a1a1;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 11px;
}
.support_center_sec .support_center_right .support_msg_box .head .global-btn {
  right: 10px;
  position: absolute !important;
  top: 30px;
}
.support_center_sec .support_center_right .support_msg_box .head .global-btn .mat-button-wrapper {
  color: #fff !important;
  font-size: 14px !important;
}
.support_center_sec .support_center_right .support_msg_box .reason_title {
  font-size: 16px;
  color: #0e1f29;
  margin: 5px 0 0 0;
  padding: 0;
  font-weight: 400;
  letter-spacing: 0;
}
.support_center_sec .support_center_right .support_msg_box .custom-form-group {
  margin: 10px 0;
}
.support_center_sec .support_center_right .support_msg_box .custom-form-group label {
  margin: 0 0 5px 0;
  display: block;
  font-weight: 500;
  font-size: 15px;
  text-align: left;
  color: #000;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.support_center_sec .support_center_right .support_msg_box .custom-form-group p {
  font-weight: 500;
  background: transparent;
  color: #a1a1a1;
  padding: 0 10px 0 0px;
  border-top-left-radius: 0;
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0;
  font-family: "General Sans Medium";
}
.custom-form-search {
  margin-bottom: 25px;
}
.custom-form-search .custom-form-control .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.custom-form-search .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.custom-form-search .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: transparent;
  border-radius: 24px !important;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05);
  color: #f1f1f1;
}
.custom-form-search .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.custom-form-search .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 24px !important;
  border-left-style: solid;
  background: #f1f1f1;
}
.custom-form-search .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.4em 0 0.6em 0 !important;
}
.custom-form-search .custom-form-control .mat-form-field .mat-form-field-suffix {
  top: 0;
}
.master_catalogues_planview_sec .plan_box_main {
  background: #f7f8f8;
  padding: 25px 15px 20px 25px;
  border-radius: 12px;
  width: 75%;
  margin: 25px auto;
}
.master_catalogues_planview_sec .plan_box_main .plan_head {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #fff;
}
.master_catalogues_planview_sec .plan_box_main .plan_head h4 {
  color: #FF7000;
  position: relative;
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
  letter-spacing: 0;
}
.master_catalogues_planview_sec .plan_box_main .plan_body {
  min-height: 300px;
}
.master_catalogues_planview_sec .plan_box_main .plan_body.auto_height {
  min-height: auto;
}
.master_catalogues_planview_sec .plan_box_main .plan_body .plan_items_listing ul li {
  color: #4a4a4a;
  font-size: 16px;
  font-weight: normal;
  margin: 0px 0 15px 0px;
  line-height: 22px;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  font-family: "Clash Display Light";
  word-break: break-all;
}
.master_catalogues_planview_sec .plan_box_main .plan_body .plan_items_listing ul li img {
  margin: 0 10px 0 0;
}
.master_catalogues_planview_sec .plan_box_main .plan_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 10px 0px 10px;
  padding: 20px 10px 0px 10px;
  border-top: 1px solid #999999;
}
.master_catalogues_planview_sec .plan_box_main .plan_footer .price {
  font-size: 32px;
  color: #FF7000;
}
.master_catalogues_planview_sec .plan_box_main .plan_footer .price sub {
  font-size: 14px;
  position: relative;
  bottom: 10px;
  font-weight: 600;
  letter-spacing: 0;
  font-family: "Clash Display Light";
}
.master_catalogues_planview_sec .plan_box_main .plan_footer .global-btn {
  min-width: 150px;
}
.flex_staus_toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #eee;
  padding: 4px 10px;
  border-radius: 4px;
}
.supplies_flex_amount {
  color: #596374;
  display: flex !important;
  align-items: center !important;
}
.supplies_flex_amount span {
  height: 32px;
}
.supplies_flex_amount .new-price {
  color: #596374 !important;
  letter-spacing: 0;
  padding-left: 10px;
  font-size: 20px !important;
}
.bid_value {
  font-size: 16px;
  color: #FF7000;
}
.bid_modal .flex_form_group {
  margin: 10px 0 12px 0;
}
.bid_modal .flex_form_group .custom-label {
  width: 40%;
}
.slot-selection h4 {
  font-size: 18px;
  margin: 0 0 0 0;
  letter-spacing: 0;
  color: #202020;
  font-weight: 600;
  font-family: "Clash Display Medium" !important;
}
.slot-selection .mat-button-toggle-group {
  border: 0px !important;
  margin: 10px 0 0 2px;
  flex-wrap: wrap;
}
.slot-selection .mat-button-toggle-group .mat-button-toggle {
  color: #596374;
  background: #fff !important;
  margin: 5px 5px 5px 0px;
  border-radius: 25px;
  border: 1px solid #FF7000;
  height: 25px;
  line-height: 0px;
}
.slot-selection .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content {
  letter-spacing: 0;
  opacity: 1;
  font-size: 12px;
  font-weight: 600;
  background: transparent;
  padding: 0 6px 0 6px;
  border-radius: 25px !important;
  height: 24px;
  line-height: 20px;
}
.slot-selection .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content i {
  font-size: 14px;
  position: relative;
  bottom: 2px;
}
.slot-selection .mat-button-toggle-group .mat-button-toggle-checked {
  background-color: #FF7000 !important;
  border-radius: 25px !important;
  opacity: 1;
}
.slot-selection .mat-button-toggle-group .mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #ffffff !important;
  opacity: 1;
  background-color: #FF7000;
}
.slot-selection .mat-button-toggle-group .mat-button-toggle-checked i {
  color: #fff !important;
}
.account_pay_sec .custom-tabs .mat-tab-group .mat-tab-body-wrapper {
  padding: 0 0px 0 15px !important;
}
.account_pay_sec .mat-tab-body {
  margin-left: -15px;
}
.account_pay_sec .mat-tab-body .mat-tab-body-content .tabs-body {
  padding: 15px 0px 15px 0px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-header {
  border-bottom: 0;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-header .mat-tab-label-container {
  background: #fff;
  border-radius: 6px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label {
  font-size: 17px;
  font-weight: 500;
  color: #727273;
  letter-spacing: 0.5px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .mat-tab-label-content .count {
  margin-left: 6px;
  color: #000;
  border: 1px solid #ef6a30;
  padding: 0 10px;
  border-radius: 24px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  color: #2692d0;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body {
  margin: 10px 0 0 0;
  padding: 15px;
  background: #fff;
  border-radius: 6px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .main_directory_details {
  margin: 15px 0;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .main_directory_details .directory_description .directory_description_right {
  min-height: auto;
  display: block;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 0px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .main_directory_details .directory_description .directory_description_right .media-body {
  margin: 10px 0 0 0;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .main_directory_details .directory_description .directory_description_right .media-body h4 {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.2px;
  text-align: left;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .main_directory_details .directory_description .directory_description_right .media-body p {
  color: #a1a1a1;
  font-size: 15px;
  letter-spacing: 0.2px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .main_directory_details .directory_description .directory_description_right .media-body p {
  color: #a1a1a1;
  font-size: 15px;
  letter-spacing: 0.2px;
  margin: 5px 0 5px 0px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .main_directory_details .directory_description .directory_description_right .media-body .flex_followers {
  display: flex;
  justify-content: space-between;
  margin: 15px 0 0 0;
  width: 50%;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .main_directory_details .directory_description .directory_description_right .media-body .flower_btn_box {
  text-align: left;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .main_directory_details .documents_sec {
  padding: 20px;
  margin: 0 -15px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .main_directory_details .dir_our_eam_sec .team_box_img {
  width: 150px;
  height: 150px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group {
  margin: 10px 0;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group .title {
  font-size: 18px;
  color: #FF7000;
  margin: 10px 0 5px 0;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group h4 {
  margin: 5px 0;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group .custom-label {
  margin: 0 0 5px 0;
  display: block;
  font-weight: 300;
  font-size: 13px;
  text-align: left;
  color: #000;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group .value {
  color: #a1a1a1;
  font-family: "Clash Display Light";
  letter-spacing: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group.form-group-flex {
  display: flex;
  align-items: flex-start;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group.form-group-flex .custom-label {
  min-width: 150px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group.form-group-flex .custom-slider {
  margin-left: 20px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group .list_group {
  display: inline-block;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group .list_group li {
  display: inline-block;
  padding: 1px 15px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  background: rgba(239, 106, 48, 0.15);
  margin: 5px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group .list_group li img {
  margin-right: 10px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group .list_group li span {
  color: #FF7000;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group.team-form-group .mat-expansion-panel {
  box-shadow: none !important;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group.team-form-group .mat-expansion-panel-header {
  padding: 0 10px;
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group.team-form-group .mat-expansion-indicator::after {
  padding: 4px !important;
  margin-top: -10px !important;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group.team-form-group .mat-expansion-panel-body {
  padding: 10px !important;
  border: 1px solid #eee;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group.team-form-group .mat-expansion-panel-body .our_team_box {
  background-color: #f1f1f1;
  padding: 5px 15px 15px 5px;
  border-radius: 6px;
  width: 60%;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group.team-form-group .mat-expansion-panel-body .our_team_box .media {
  align-items: center;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group.team-form-group .mat-expansion-panel-body .our_team_box .media .media-left img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group.team-form-group .mat-expansion-panel-body .our_team_box .form-group-flex {
  margin: 10px 0 0 0;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group.img_group {
  width: 200px;
  border-radius: 4px;
  object-fit: contain;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group .img_list_group ul {
  display: inline-block;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group .img_list_group ul li {
  display: inline-block;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .directory_details .custom-form-group .img_list_group ul li img {
  width: 90px;
  height: 75px;
  border-radius: 4px;
  object-fit: cover;
  border: 1px solid #eee;
  margin: 5px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -10px -15px 20px -15px;
  border-bottom: 1px solid #ccc;
  padding: 0 10px 7px 10px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_head .table_search_box {
  width: 40%;
  margin-right: 25px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_head .table_search_box .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_head .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_head .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: transparent;
  border-radius: 24px !important;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05);
  color: #f1f1f1;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_head .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_head .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 24px !important;
  border-left-style: solid;
  background: #f1f1f1;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_head .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.4em 0 0.6em 0 !important;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_head .table_search_box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-suffix {
  top: 0;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_body .appointments_box {
  height: 275px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #c1cbd7;
  text-align: center;
  padding: 10px;
  position: relative;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-wrap: anywhere;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_body .appointments_box .actions {
  position: absolute;
  top: 0px;
  right: 10px;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_body .appointments_box .appointments_img img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_body .appointments_box .appointments_details {
  margin: 10px 0 0 0;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_body .appointments_box .appointments_details h4 {
  font-size: 16px;
  font-weight: 600;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_body .appointments_box .appointments_details p {
  color: #000000;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  margin: 10px 0 0 0;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_body .appointments_box .appointments_details label {
  display: block;
  margin: 10px 0 0 0;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_body .appointments_box .appointments_details label .date_time {
  color: #FF7000;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  font-family: "Clash Display Light";
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_body .appointments_box .appointments_details .appointments_btn {
  height: 32px !important;
  line-height: 32px !important;
  border: 1px solid #e7f8ff;
  margin: 20px auto 0 auto;
  background-color: #e7f8ff !important;
  background-image: none !important;
}
.my_directory_listing_sec .mat-tab-group .mat-tab-body .tabs-body .appointments_sec .appointments_body .appointments_box .appointments_details .appointments_btn .mat-button-wrapper {
  color: #1cb5fd;
}
.my_directory_listing_sec .our-services_section .swiper-button-prev {
  left: -60px !important;
}
.my_directory_listing_sec .our-services_section .swiper-button-next {
  right: -15px !important;
}
.custom-slide-toggle .mat-slide-toggle {
  margin: 0px 10px;
  margin-top: 5px;
}
.custom-slide-toggle .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #FF7000 !important;
}
.custom-slide-toggle .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff !important;
}
.custom-slide-toggle .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  left: 3px;
}
.custom-slide-toggle .mat-slide-toggle-thumb-container {
  top: 2px;
}
.custom-slide-toggle .mat-slide-toggle-bar {
  height: 24px !important;
  width: 40px !important;
  border-radius: 25px !important;
  background-color: #4f627d;
  box-shadow: none !important;
}
.appointment_view_sec .appointment_view_body {
  background-color: #fff;
  padding: 15px;
  border-radius: 6px;
}
.appointment_view_sec .appointment_view_body .img_list_group ul {
  display: inline-block;
}
.appointment_view_sec .appointment_view_body .img_list_group ul li {
  display: inline-block;
}
.appointment_view_sec .appointment_view_body .img_list_group ul li img {
  width: auto;
  height: auto;
  border-radius: 4px;
  object-fit: cover;
  border: 1px solid #eee;
  margin: 5px;
  padding: 4px;
}
.flex_order_notes {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 6px;
}
.flex_order_notes .custom-form-group {
  display: flex;
  align-items: flex-start;
}
.flex_order_notes .custom-form-group .custom-label {
  margin: 0 0 5px 0;
  display: block;
  font-weight: 300;
  font-size: 13px;
  text-align: left;
  color: #000;
  min-width: 140px;
}
.flex_order_notes .custom-form-group .value {
  color: #a1a1a1;
  font-family: "Clash Display Medium" !important;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.flex_order_notes .custom-form-group .value a {
  color: #ef6a30;
  font-family: "Clash Display Light";
  letter-spacing: 0;
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
}
.master_catalogues_view_sec .doc_view_sec .doc_view_head {
  margin-bottom: -50px;
}
.mat-expansion-panel {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  margin-bottom: 20px !important;
  box-shadow: none !important;
}
.form_array_flex {
  margin: 15px 0;
}
.form_array_flex .form_array_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.form_array_flex .form_array_head h4 {
  font-size: 18px;
  letter-spacing: 0;
  color: #FF7000;
}
.add_array_form {
  position: relative;
  border: 1px solid #eee;
  padding: 10px 10px 10px 10px;
  margin: 10px 0;
}
.add_array_form .delete_array {
  position: absolute !important;
  top: 5px;
  right: 5px;
  margin-top: 0 !important;
}
.add_array_form .delete_array img {
  width: 12px;
}
.add_array_form .delete_array {
  height: 28px;
  line-height: 20px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-bottom: 10px !important;
  min-width: 20px !important;
  color: #fff;
  max-width: 70px !important;
  width: auto !important;
  display: block;
  border-radius: 24px !important;
  cursor: pointer;
}
.add_array_form .delete_array .mat-button-wrapper {
  color: #fff;
  font-size: 13px;
}
.custom_logo_loader img {
  width: 35%;
}
.custom_main_loader {
  width: 35%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter_mat_accordion .mat-expansion-panel {
  margin: 0 0 10px -2px !important;
}
.filter_mat_accordion .mat-expansion-panel .mat-expansion-panel-header {
  padding: 0 10px 0 6px;
}
.filter_mat_accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title .filter_head h2 {
  color: #202020;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  font-family: "Clash Display Light";
  margin-bottom: 0px;
}
.filter_mat_accordion .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 5px 10px 0 10px;
  border-top: 1px solid #eee;
}
.my_order_details .view_all_status {
  top: 10px !important;
}
.add_option_btn {
  height: 3.6em !important;
}
.select_add_btn {
  display: flex !important;
  justify-content: center;
  border: 1px solid #FF7000 !important;
  background-color: #FF7000;
  height: 26px;
  line-height: 22px !important;
  margin: 6px auto 0 auto !important;
}
.select_add_btn .mat-button-wrapper {
  text-transform: capitalize;
  color: #fff;
}
.tags_flex {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100% !important;
  margin-bottom: 10px !important;
}
.tags_flex .mat-button, .tags_flex .defaultLayout .btn-primary, .defaultLayout .tags_flex .btn-primary, .tags_flex .defaultLayout .btn-black, .defaultLayout .tags_flex .btn-black, .tags_flex .defaultLayout .btn-secondary, .defaultLayout .tags_flex .btn-secondary, .tags_flex .defaultLayout .btn-outline, .defaultLayout .tags_flex .btn-outline {
  padding: 0 4px !important;
  height: 26px !important;
  line-height: 26px !important;
}
.tags_flex .mat-button .mat-button-wrapper, .tags_flex .defaultLayout .btn-primary .mat-button-wrapper, .defaultLayout .tags_flex .btn-primary .mat-button-wrapper, .tags_flex .defaultLayout .btn-black .mat-button-wrapper, .defaultLayout .tags_flex .btn-black .mat-button-wrapper, .tags_flex .defaultLayout .btn-secondary .mat-button-wrapper, .defaultLayout .tags_flex .btn-secondary .mat-button-wrapper, .tags_flex .defaultLayout .btn-outline .mat-button-wrapper, .defaultLayout .tags_flex .btn-outline .mat-button-wrapper {
  font-size: 13px;
  line-height: 28px;
}
.tags_flex .mat-button i, .tags_flex .defaultLayout .btn-primary i, .defaultLayout .tags_flex .btn-primary i, .tags_flex .defaultLayout .btn-black i, .defaultLayout .tags_flex .btn-black i, .tags_flex .defaultLayout .btn-secondary i, .defaultLayout .tags_flex .btn-secondary i, .tags_flex .defaultLayout .btn-outline i, .defaultLayout .tags_flex .btn-outline i {
  font-size: 16px !important;
  line-height: 20px !important;
}
.colorBox {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 24px;
  border: 1px solid;
  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);
}
.followers_list_box {
  display: flex;
  justify-content: space-between;
  border: 1px solid #eee;
  margin: 5px 0;
  padding-right: 10px;
}
.followers_list_box .media {
  width: 75%;
}
.followers_list_box .media .media-left img {
  width: 100px;
  height: 100px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.followers_list_box .media .media-body {
  padding: 10px 10px 0 0;
}
.followers_list_box .media .media-body h4 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 0;
  text-transform: capitalize;
}
.followers_list_box .media .media-body p {
  color: #21262c !important;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.2px;
}
.followers_list_box .global-btn {
  height: 28px !important;
  margin-top: 10px;
  line-height: 28px !important;
}
.followers_list_box .global-btn .mat-button-wrapper {
  font-size: 13px;
  text-transform: capitalize;
}
::-webkit-file-upload-button {
  cursor: pointer;
}
.tga-form-group {
  position: relative;
  bottom: 5px;
}
.tga-form-group .custom-form-control {
  position: relative;
  top: 5px;
}
.no_diectory_box {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.no_diectory_box h3 {
  font-size: 20px;
  letter-spacing: 0;
  font-weight: 600;
  margin: 15px 0;
}
.master_feed_sec .feed_user_details {
  text-align: center;
  padding: 20px 20px;
}
.master_feed_sec .feed_user_details .user_img {
  width: 72px;
  height: 72px;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #eee;
  border-radius: 50%;
  border: 1px solid #eee;
}
.master_feed_sec .feed_user_details .user_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.master_feed_sec .feed_user_details .user_content h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0;
}
.master_feed_sec .feed_user_details .user_content .flex_followers {
  margin: 15px 0 0 0;
}
.master_feed_sec .feed_user_details .user_content .flex_followers .form-group .value {
  text-align: center;
  color: #FF7000;
  font-size: 28px;
  font-weight: 500;
  margin-left: 6px;
  letter-spacing: 0;
}
.master_feed_sec .feed_user_details .user_content .flex_followers .form-group .custom-label {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  margin-top: 0px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #000;
}
.master_feed_sec .feed_user_details .view_profile_btn {
  margin: 10px auto 0 auto;
  background-color: #ff6f0014 !important;
  background-image: none !important;
  border: 0px solid #FF7000 !important;
  height: 38px !important;
  padding-bottom: 0px !important;
}
.master_feed_sec .feed_user_details .view_profile_btn .mat-button-wrapper {
  color: #FF7000;
  width: 100%;
  line-height: 36px;
}
.master_feed_sec .feed_right .feed_loader {
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.master_feed_sec .feed_right .feed_loader img {
  width: 25%;
}
.master_feed_sec .feed_right .feed_box {
  height: auto;
  border-radius: 20px;
  background: #fff;
  padding: 0;
  margin: 30px 0 0px 50px;
  border: 0px solid #ddd;
}
.master_feed_sec .feed_right .feed_box .feed_header {
  border-bottom: 0px solid #f0f2f5;
  padding: 8px 8px 8px 8px;
}
.master_feed_sec .feed_right .feed_box .feed_header .user_media .media {
  align-items: center;
  margin: 10px 10px 0 10px;
}
.master_feed_sec .feed_right .feed_box .feed_header .user_media .media .mediall-left {
  width: 55px;
  height: 55px;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 50%;
}
.master_feed_sec .feed_right .feed_box .feed_header .user_media .media .mediall-left img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.master_feed_sec .feed_right .feed_box .feed_header .user_media .media .medial-left {
  width: 55px;
  height: 55px;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 50%;
}
.master_feed_sec .feed_right .feed_box .feed_header .user_media .media .medial-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.master_feed_sec .feed_right .feed_box .feed_header .user_media .media .media-body {
  margin-left: 15px;
}
.master_feed_sec .feed_right .feed_box .feed_header .user_media .media .media-body h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0px 0 4px 0;
  letter-spacing: 0.5px;
}
.master_feed_sec .feed_right .feed_box .feed_header .user_media .media .media-body .flex_title_time {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.master_feed_sec .feed_right .feed_box .feed_header .user_media .media .media-body .flex_title_time p {
  font-size: 15px;
  letter-spacing: 0;
  font-weight: 500;
  color: #8e8e8e;
}
.master_feed_sec .feed_right .feed_box .feed_header .user_media .media .media-body .flex_title_time .time {
  color: #8e8e8e;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.2px;
  font-family: "Clash Display Medium" !important;
}
.master_feed_sec .feed_right .feed_box .feed_body {
  padding: 10px;
}
.master_feed_sec .feed_right .feed_box .feed_body .feed_img {
  height: 300px;
  overflow: hidden;
  margin: 0px 0px;
  position: relative;
}
.master_feed_sec .feed_right .feed_box .feed_body .feed_img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: inherit;
  margin: 0 auto;
  width: 100%;
  cursor: pointer;
  object-fit: cover;
}
.master_feed_sec .feed_right .feed_box .feed_body .feed_img img.placeholder-img {
  cursor: default;
}
.master_feed_sec .feed_right .feed_box .feed_body .feed_content {
  overflow: hidden;
  padding: 10px 15px 0 15px;
  border-bottom: 1px solid #f0f2f5;
}
.master_feed_sec .feed_right .feed_box .feed_body .feed_content .total_feed_content {
  font-size: 14px;
  color: #464646;
  letter-spacing: 0px;
  margin-bottom: 10px;
  line-height: 20px;
  font-weight: 600;
  font-family: "Clash Display Light";
}
.master_feed_sec .feed_right .feed_box .feed_body .read__more {
  padding: 0 10px 5px 10px;
}
.master_feed_sec .feed_right .feed_box .feed_body .read__more a {
  padding-left: 4px;
  font-size: 13px;
  color: #a1a1a1;
  font-weight: 500;
  letter-spacing: 0;
}
.master_feed_sec .feed_right .feed_box .feed_body .read__more a:hover {
  color: #FF7000;
}
.master_feed_sec .feed_right .feed_box .feed_btn {
  height: 24px !important;
  padding: 0 0 2px 0 !important;
  line-height: 24px !important;
  width: 70px !important;
  min-width: 70px !important;
  background: #ef6a30 !important;
  background-image: none !important;
}
.master_feed_sec .feed_right .feed_box .feed_btn .mat-button-wrapper {
  letter-spacing: 0;
  font-size: 13px;
}
.master_feed_sec .feed_right .feed_box .feed_details_btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px 5px 15px;
  border-top: 1px solid #eee;
  margin: 0px 0px 0 0px;
  background-color: #ededed;
}
.master_feed_sec .feed_right .feed_box .feed_details_btns .user_details p {
  color: #21262c;
  font-weight: 600;
  font-size: 14px;
  margin: 0 0 8px 0;
  font-family: "Clash Display Light";
  display: flex;
  align-items: center;
}
.master_feed_sec .feed_right .feed_box .feed_details_btns .user_details p span {
  border: 1px solid #fff;
  height: 28px;
  width: 28px;
  border-radius: 24px;
  background-color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.master_feed_sec .feed_right .feed_box .feed_details_btns .user_details p span img {
  width: 15px;
}
.master_feed_sec .feed_right .feed_box .feed_footer {
  margin: 0;
  border-top: 0;
  margin: 10px 10px 0px 10px;
  border-top: 1px solid #eee;
}
.master_feed_sec .feed_right .feed_box .feed_footer .feed_like_comment {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 10px 0;
  padding: 7px 0;
}
.master_feed_sec .feed_right .feed_box .feed_footer .feed_like_comment .flex_feed {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.master_feed_sec .feed_right .feed_box .feed_footer .feed_like_comment .flex_feed img {
  margin-right: 5px;
  width: 20px;
}
.master_feed_sec .feed_right .feed_box .feed_footer .feed_like_comment .flex_feed span {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  color: #5c5c72;
  font-family: "Clash Display Light";
  padding-left: 5px;
}
.master_feed_sec .feed_right .feed_box .feed_footer .feed_like_comment .flex_feed.likes span {
  position: relative;
  top: 3px;
}
.master_feed_sec .feed_right .feed_box .feed_footer .feed_like_comment .flex_feed.likes span span {
  top: 0px;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 10px 10px;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group {
  width: 100%;
  margin-right: 15px;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
  margin: 0;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  padding-left: 0 !important;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: transparent;
  border-radius: 35px !important;
  color: #f0f2f5;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 35px !important;
  border-left-style: solid;
  background: #f0f2f5;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.4em 0 1em 0 !important;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group .mat-form-field .mat-form-field-prefix {
  top: 0px !important;
  left: 0px;
  padding-right: 10px;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group .mat-form-field .mat-form-field-prefix .comment_user_img {
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #f0f2f5;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group .mat-form-field .mat-form-field-prefix .comment_user_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group .mat-form-field .mat-form-field-suffix .emoji_box {
  cursor: pointer;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #959fab !important;
  /* Firefox */
  font-weight: 500 !important;
  font-family: "Clash Display Light";
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #959fab !important;
  font-weight: 500 !important;
  font-family: "Clash Display Light";
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .custom-form-group ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #959fab !important;
  font-weight: 600 !important;
  font-family: "Clash Display Light";
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .feed_bg_round {
  width: 30px;
  height: 30px;
  line-height: 25px;
  background: rgba(149, 165, 186, 0.7);
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .feed_bg_round img {
  width: auto;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .like_share_flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .like_share_flex .flex {
  display: flex;
  align-items: center;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer .like_share_flex .flex span {
  font-size: 15px;
  font-weight: 500;
  color: #323258;
  letter-spacing: 0;
  padding-left: 5px;
  text-transform: capitalize;
  cursor: pointer;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer form {
  width: 100%;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer form .comment_post_btn .global-btn {
  height: 24px !important;
  padding: 0 0 2px 0 !important;
  line-height: 24px !important;
  width: 55px !important;
  min-width: 55px !important;
  background: #ef6a30 !important;
  background-image: none !important;
}
.master_feed_sec .feed_right .feed_box .feed_bottom_footer form .comment_post_btn .global-btn .mat-button-wrapper {
  letter-spacing: 0;
  font-size: 13px;
}
.master_feed_sec .feed_right .feed_box .feed_comment_sec {
  margin: 0 10px;
  border-top: 1px solid #eee;
}
.master_feed_sec .feed_right .feed_box .feed_comment_sec .comment_media_box {
  padding: 10px 0 15px 0;
  border-bottom: 1px solid #eee;
}
.master_feed_sec .feed_right .feed_box .feed_comment_sec .comment_media_box .media .media-left {
  width: 55px;
  height: 55px;
  margin-right: 5px;
  overflow: hidden;
  background-color: #f0f2f5;
  border-radius: 50%;
  border: 1px solid #f0f2f5;
}
.master_feed_sec .feed_right .feed_box .feed_comment_sec .comment_media_box .media .media-left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.master_feed_sec .feed_right .feed_box .feed_comment_sec .comment_media_box .media .media-body {
  background: #f0f2f5;
  padding: 10px;
  border-radius: 12px;
  margin-top: 10px;
  border-top-left-radius: 0;
}
.master_feed_sec .feed_right .feed_box .feed_comment_sec .comment_media_box .media .media-body h4 {
  font-size: 19px;
  font-weight: 500;
  margin-top: 0;
  letter-spacing: 0.2px;
  margin-bottom: 4px;
  margin-right: 30px;
}
.master_feed_sec .feed_right .feed_box .feed_comment_sec .comment_media_box .media .media-body p {
  font-size: 13px;
  color: #21262c;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 600;
  margin-top: 8px;
  font-family: "Clash Display Light";
}
.master_feed_sec .feed_right .no-feed {
  font-size: 20px;
  margin: 20px 0px;
}
.feed_image_modal .modal-body {
  padding: 0 0px 0 0 !important;
  max-height: max-content !important;
}
.feed_image_modal .modal-body .swiper-container {
  border-radius: 10px;
}
.feed_image_modal .modal-body .swiper-container .swiper-wrapper {
  border-radius: 10px;
}
.feed_image_modal .modal-body .swiper-container .swiper-wrapper .swiper-slide {
  border-radius: 10px;
}
.feed_image_modal .modal-body .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Scrollbar Styling */
.freights_form_sec .custom-tabs .horizontal-toggle-buttons {
  border: 1px solid #eee;
}
.online_payment_form .custom-form-control {
  position: relative;
  color: #31325f;
  font-weight: 300;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
  width: 100%;
  background: #f9f9f9;
  border-radius: 6px !important;
  padding: 10px 10px 6px 10px;
  height: 36px;
  line-height: 34px;
  margin-bottom: 10px;
}
.online_payment_form .custom-form-group .custom-label {
  font-size: 14px;
  margin: 0 0 6px 0;
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #FF7000;
}
.empty_cart img {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  display: flex;
}
.empty_cart p {
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 0px 0;
  font-family: "Clash Display Light";
  padding: 5px 0;
  background-color: #eee;
}
.mat-progress-spinner {
  width: 90px;
  height: 90px;
}
.mat-progress-spinner svg {
  width: 90px !important;
  height: 90px !important;
  max-height: 90px !important;
}
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #FF7000 !important;
}
.custom-date-group .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.custom-date-group .mat-form-field-suffix {
  top: 0px !important;
}
.custom-date-group .mat-date-range-input {
  font-size: 13px;
  font-weight: 500;
  font-family: "Clash Display Light";
}
.custom-date-group .mat-form-field-outline-end {
  border-radius: 24px !important;
}
.Variant_column .Variant_column_boxcolumn {
  border: 1px solid #eee;
  padding: 10px;
  margin: 10px;
  border-radius: 4px;
}
.custom_ngx_search {
  width: 125px;
}
/* Scrollbar Styling */
.master_profile_right_sec::-webkit-scrollbar,
.profile_listing::-webkit-scrollbar,
.mat-autocomplete-panel::-webkit-scrollbar,
.card-container::-webkit-scrollbar,
.support_center_listing_body::-webkit-scrollbar,
.SideNavSticky::-webkit-scrollbar,
.testimonials_content::-webkit-scrollbar,
.mat-select-panel::-webkit-scrollbar,
.mat-drawer-inner-container::-webkit-scrollbar,
.left_ul::-webkit-scrollbar,
.support_center_right::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
.master_profile_right_sec::-webkit-scrollbar-track,
.profile_listing::-webkit-scrollbar-track,
.mat-autocomplete-panel::-webkit-scrollbar-track,
.card-container::-webkit-scrollbar-track,
.support_center_listing_body::-webkit-scrollbar-track,
.SideNavSticky::-webkit-scrollbar-track,
.testimonials_content::-webkit-scrollbar-track,
.mat-select-panel::-webkit-scrollbar-track,
.mat-drawer-inner-container::-webkit-scrollbar-track,
.left_ul::-webkit-scrollbar-track,
.support_center_right::-webkit-scrollbar-track {
  background-color: #ebebeb !important;
  border-radius: 10px !important;
}
.master_profile_right_sec::-webkit-scrollbar-thumb,
.profile_listing::-webkit-scrollbar-thumb,
.mat-autocomplete-panel::-webkit-scrollbar-thumb,
.card-container::-webkit-scrollbar-thumb,
.support_center_listing_body::-webkit-scrollbar-thumb,
.SideNavSticky::-webkit-scrollbar-thumb,
.testimonials_content::-webkit-scrollbar-thumb,
.mat-select-panel::-webkit-scrollbar-thumb,
.mat-drawer-inner-container::-webkit-scrollbar-thumb,
.left_ul::-webkit-scrollbar-thumb,
.support_center_right::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: #ccc !important;
}
.master_roles_selection {
  background-color: #fff;
  padding: 10px 10px 10px 10px;
}
.master_roles_selection .select_all_box {
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
.master_roles_selection .select_all_box span {
  display: flex;
  align-items: center;
}
.master_roles_selection .select_all_box span .material-icons {
  position: relative;
  top: 2px;
}
.master_roles_selection .select_all_box span i {
  margin-right: 10px;
}
.master_roles_selection .select_all_box span .fa-angle-down {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  top: 3px;
  left: 5px;
  cursor: pointer;
}
.master_roles_selection .roles_head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.master_roles_selection .roles_head .form-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding: 0 0 5px 0px;
  margin-bottom: 10px;
}
.master_roles_selection .roles_head .form-section .custom-form-group {
  margin-bottom: 0;
  margin: 0 0px;
  width: 40%;
  display: flex;
  align-items: center;
}
.master_roles_selection .roles_head .form-section .custom-form-group .custom-label {
  margin: 0 10px 5px 0;
  font-weight: 600;
  font-size: 15px;
  font-family: "Clash Display Light";
  min-width: 100px;
}
.master_roles_selection .roles_head .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  background: transparent !important;
}
.master_roles_selection .roles_head .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.master_roles_selection .roles_head .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: transparent;
  border-radius: 0px !important;
}
.master_roles_selection .roles_head .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.master_roles_selection .roles_head .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0px !important;
  border-left-style: solid;
  background: #fff;
}
.master_roles_selection .roles_head .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.2em 0 0.6em 0 !important;
}
.master_roles_selection .row-wrap {
  background: #eee;
  margin: 10px -10px 0 -10px;
  padding: 10px;
}
.master_roles_selection .user-role-card {
  background: #ffffff;
  padding: 0px 0px 10px 0px;
  border-radius: 6px;
  margin: 10px 5px 10px 5px;
}
.master_roles_selection .user-role-card .roles_inner_head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  padding: 0px 10px 10px 10px;
  margin: 5px 0px 5px 0px;
  border-bottom: 2px solid #eee;
  font-weight: 600;
}
.master_roles_selection .user-role-card .roles_inner_head input[type=checkbox] {
  height: 20px !important;
  width: 20px !important;
  margin-right: 8px;
  border-radius: 24px !important;
}
.master_roles_selection .user-role-card .roles_inner_head i {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  top: 3px;
  left: 5px;
  cursor: pointer;
}
.master_roles_selection .user-role-card .roles_inner_body .list-group-item {
  position: relative;
  display: block;
  padding: 6px 10px;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-family: "Clash Display Light";
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: #121212;
}
.master_roles_selection .user-role-card .roles_inner_body .list-group-item:last-child {
  border-bottom: 0px !important;
}
.master_roles_selection .user-role-card .roles_inner_body .list-group-item input[type=checkbox] {
  height: 15px !important;
  width: 15px !important;
  margin-right: 10px;
  border-radius: 24px !important;
}
.plans_view_sex .custom_form_group {
  margin: 0px 0;
}
.plans_view_sex .custom_form_group.block_form_group {
  margin-top: 0;
}
.plans_view_sex .view__plan__card {
  transition: all 0.3s ease;
  margin-bottom: 30px;
  padding: 15px 15px 15px 15px;
  position: relative;
  border-radius: 12px;
  background: #f7f8f8;
  overflow: hidden;
  margin: 0 auto;
}
.plans_view_sex .view__plan__card .plan_head {
  color: #FF7000;
  position: relative;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0;
  margin-bottom: 20px;
}
.plans_view_sex .view__plan__card i {
  font-size: 14px;
  position: relative;
  top: 1px;
  margin-right: 5px;
}
.plans_view_sex .view__plan__card .value {
  color: #212122 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.plans_view_sex .view__plan__card .sub_heading_plan {
  font-size: 18px;
  color: #FF7000;
  font-weight: 600;
}
.plans_view_sex .plan_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.client_view_sec .mat-tab-label {
  padding: 0 12px !important;
  margin: 0 5px !important;
  min-width: auto !important;
}
.directory-gallery-sec .before-after-body .master_uploader .uploaded_img ul {
  justify-content: center;
}
.directory-gallery-sec .before-after-body .master_uploader .uploaded_img ul li {
  width: 150px;
  height: 100px;
}
.handle-wrapper {
  opacity: 1 !important;
  z-index: 999 !important;
}
.after::before {
  border-right-width: 2px !important;
  border-right-style: solid !important;
  border-right-color: #fff !important;
  z-index: 99 !important;
}
.flex_before_after {
  display: flex;
  width: 100%;
}
.flex_before_after .custom-form-group {
  width: 48% !important;
  margin-right: 10px !important;
}
.flex.flex_btns {
  display: flex;
  align-items: center;
}
.flex.flex_btns .mat-button, .flex.flex_btns .defaultLayout .btn-primary, .defaultLayout .flex.flex_btns .btn-primary, .flex.flex_btns .defaultLayout .btn-black, .defaultLayout .flex.flex_btns .btn-black, .flex.flex_btns .defaultLayout .btn-secondary, .defaultLayout .flex.flex_btns .btn-secondary, .flex.flex_btns .defaultLayout .btn-outline, .defaultLayout .flex.flex_btns .btn-outline {
  margin-right: 10px;
}
.deals_read_more .modal-body {
  padding: 15px 25px 15px 15px !important;
}
.custom_video_group .master_uploader .uploaded_img ul li {
  width: 25%;
  height: 150px;
}
.stock_available {
  margin-bottom: 15px;
}
.stock_available .variant_availability {
  padding: 3px 10px;
  border-radius: 24px;
  width: auto;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: #fff;
  font-family: "Clash Display Light";
  background-color: #2fa84f;
  border-color: #138808;
}
.stock_available .variant_availability.available_chip {
  background-color: #2fa84f;
  border-color: #138808;
}
.stock_available .variant_availability.not_available_chip {
  background-color: #e2382a;
  border-color: #e2382a;
}
.stock_available b {
  margin: 0 0 0 10px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #FA5D50;
  font-family: "Clash Display Light";
}
.profile_complition_details .status_img {
  margin: 0 auto 30px auto;
  text-align: center;
}
.profile_complition_details .status_img img {
  width: 25%;
  height: 100%;
}
.profile_complition_details .status_content h2 {
  text-align: center;
  font-size: 20px;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 15px 0;
  font-family: "General Sans Medium";
}
.profile_complition_details .status_content p {
  text-align: center;
  line-height: 20px;
  margin: 20px 0 25px 0;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.2px !important;
  font-family: "Clash Display Light";
  color: #21262c;
  padding: 0 30px;
}
.master_reports_sec .iframe-sec {
  overflow: hidden;
  width: 100%;
}
.master_reports_sec .iframe-sec .iframe-box {
  margin: 15px 10px 15px 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  border-radius: 6px;
}
.master_reports_sec .iframe-sec .iframe-box .iframe-header {
  height: 45px;
  line-height: 45px;
  padding: 0 5px 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #FF7000;
}
.master_reports_sec .iframe-sec .iframe-box .iframe-header h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.master_reports_sec .iframe-sec .iframe-box .iframe-header .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  margin: 0px;
  padding: 0px;
}
.master_reports_sec .iframe-sec .iframe-box .iframe-header .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  border-radius: 24px !important;
  background-color: #fff;
}
.master_reports_sec .iframe-sec .openclose-filter-sec {
  border: 0;
}
.master_reports_sec .iframe-sec .iframe-body {
  background: #ffffff;
  padding: 15px 0 15px 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px;
}
.master_reports_sec .iframe-sec .iframe-body .advanced-pie-legend .total-label {
  opacity: 1;
  color: #4f627d;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.2px;
  margin: 5px 0;
  font-family: "General Sans Medium";
}
.master_reports_sec .iframe-sec .iframe-body .advanced-pie-legend .total-value {
  font-size: 40px;
  color: #ef6a30;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 0;
  font-family: "Roboto", sans-serif !important;
}
.master_reports_sec .iframe-sec .iframe-body .advanced-pie-legend .legend-items-container .legend-items .legend-item .item-color {
  border-radius: 25px;
}
.master_reports_sec .iframe-sec .iframe-body .advanced-pie-legend .legend-items-container .legend-items .legend-item .item-value {
  font-size: 26px;
  color: #323258;
  font-weight: 600;
  font-family: "Roboto", sans-serif !important;
}
.master_reports_sec .iframe-sec .iframe-body .advanced-pie-legend .legend-items-container .legend-items .legend-item .item-label {
  opacity: 1;
  color: #4f627d;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0;
  margin: 5px 0;
  font-family: "General Sans Medium";
}
.master_reports_sec .iframe-sec .iframe-body .ngx-charts {
  float: none;
}
.master_reports_sec .iframe-sec .iframe-body iframe {
  width: 100%;
  height: 100%;
}
.master_reports_sec .iframe-sec .iframe-body .category-card {
  border-radius: 8px;
  margin: 15px 10px;
  background: #ffffff;
}
.master_reports_sec .iframe-sec .iframe-body .category-card.bg-red {
  color: #f66565;
}
.master_reports_sec .iframe-sec .iframe-body .category-card.bg-red .card-header {
  background: #f66565;
}
.master_reports_sec .iframe-sec .iframe-body .category-card.bg-red .card-body {
  background: #fde0e0;
}
.master_reports_sec .iframe-sec .iframe-body .category-card.bg-orange {
  color: #fca003;
}
.master_reports_sec .iframe-sec .iframe-body .category-card.bg-orange .card-header {
  background: #fca003;
}
.master_reports_sec .iframe-sec .iframe-body .category-card.bg-orange .card-body {
  background: #fff5e5;
}
.master_reports_sec .iframe-sec .iframe-body .category-card.bg-blue {
  color: #6590f6;
}
.master_reports_sec .iframe-sec .iframe-body .category-card.bg-blue .card-header {
  background: #6590f6;
}
.master_reports_sec .iframe-sec .iframe-body .category-card.bg-blue .card-body {
  background: #e3edff;
}
.master_reports_sec .iframe-sec .iframe-body .category-card.bg-green {
  color: #34d43e;
}
.master_reports_sec .iframe-sec .iframe-body .category-card.bg-green .card-header {
  background: #34d43e;
}
.master_reports_sec .iframe-sec .iframe-body .category-card.bg-green .card-body {
  background: #e6fae7;
}
.master_reports_sec .iframe-sec .iframe-body .category-card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border-bottom: 1px solid #d6e0dc;
}
.master_reports_sec .iframe-sec .iframe-body .category-card .card-header .cat-icon {
  margin-right: 10px;
}
.master_reports_sec .iframe-sec .iframe-body .category-card .card-header .cat-icon img {
  filter: brightness(0) invert(1);
}
.master_reports_sec .iframe-sec .iframe-body .category-card .card-header .card-title {
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  margin: 0px;
}
.master_reports_sec .iframe-sec .iframe-body .category-card .card-body {
  padding: 10px 15px;
}
.master_reports_sec .iframe-sec .iframe-body .category-card .card-body .stats-content i {
  font-size: 60px;
}
.master_reports_sec .iframe-sec .iframe-body .category-card .card-body .stats-content img {
  width: 60px;
  height: 100%;
}
.master_reports_sec .iframe-sec .iframe-body .category-card .card-body .stats-content .count {
  font-size: 40px;
  font-weight: 700;
  color: #212526;
  margin: 0px;
}
.master_reports_sec .iframe-sec .iframe-body .category-card .card-body .stats-content h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0px;
}
.custom_right_sidenav_container {
  margin-top: 0 !important;
  width: 100%;
  height: 100%;
  z-index: 99 !important;
}
.custom_right_sidenav_container .sidenav_nav_head {
  background: #f4f7fc;
  border-bottom: 1px solid #eee;
  height: 50px;
  line-height: 50px;
  position: fixed;
  width: 30%;
  max-width: 100%;
  min-width: 100%;
  z-index: 999;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.141));
}
.custom_right_sidenav_container .sidenav_nav_head h4 {
  margin: 0;
  padding: 0 0 0 10px;
  line-height: 50px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
}
.custom_right_sidenav_container .sidenav_nav_head .sidenav_close_btn {
  position: absolute !important;
  opacity: 1;
  align-items: center;
  justify-content: center;
  background-color: #dadce0;
  height: 28px !important;
  width: 28px !important;
  line-height: 17px !important;
  min-width: 28px !important;
  top: 10px;
  right: 0;
  border-radius: 50% !important;
  z-index: 9999;
  padding: 0 !important;
  display: none;
}
.custom_right_sidenav_container .sidenav_nav_head .sidenav_close_btn .sidenav_close {
  font-size: 9px;
  height: 20px !important;
  width: 20px !important;
  line-height: 20px;
  text-align: center;
  background: #000;
  color: #fff;
  border-radius: 50%;
  border: 2px solid #000;
  transition: all 0.5s ease-in-out 0ms;
  display: inline-block;
}
.custom_right_sidenav_container .sidenav_nav_head .sidenav_close_btn .sidenav_close i {
  font-size: 14px;
  font-weight: 700;
  transition: all 0.5s ease-in-out 0ms;
  line-height: 16px;
}
.custom_right_sidenav_container .custom_right_sidenav {
  padding: 0px 0px 10px 0px;
  width: 25%;
  position: fixed !important;
  top: 0px;
  margin-top: 80px;
  border-right: 0;
  filter: drop-shadow(0px 0px 0 rgba(0, 0, 0, 0.141));
}
.custom_right_sidenav_container .custom_right_sidenav .sidenav_nav_body {
  background-color: #fff;
  padding: 40px 0px 10px 0px;
}
.custom_right_sidenav_container .custom_right_sidenav .sidenav_nav_body h2 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}
.custom_right_sidenav_container .custom_right_sidenav .sidenav_nav_body h1 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}
.custom_right_sidenav_container .custom_right_sidenav .sidenav_nav_body h3 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}
.custom_right_sidenav_container .custom_right_sidenav .sidenav_nav_body p {
  font-size: 13px;
  line-height: 22px;
  font-weight: 500;
}
.reviepw_items_modal .reviepw_items_sec .product-preview-slider .product_img .swiper-wrapper .swiper-slide {
  min-height: 300px;
  max-height: 300px;
}
.reviepw_items_modal .reviepw_items_sec .review_details .media {
  display: block;
}
.reviepw_items_modal .reviepw_items_sec .review_details .media .media-left {
  display: flex;
  align-items: center;
}
.reviepw_items_modal .reviepw_items_sec .review_details .media .media-left img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin-right: 15px;
}
.reviepw_items_modal .reviepw_items_sec .review_details .media .media-left .media-heading {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
.reviepw_items_modal .reviepw_items_sec .review_details .media .media-body {
  display: block;
}
.reviepw_items_modal .reviepw_items_sec .review_details .media .media-body p {
  padding: 0;
}
.mat-drawer-backdrop {
  background-color: rgba(0, 0, 0, 0.6);
}
.advanced-pie-legend .legend-items-container {
  width: 100%;
  margin-top: 50px;
}
.advanced-pie-legend .legend-items-container .legend-items {
  overflow: auto;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.advanced-pie-legend .legend-items-container .legend-items .item-percent {
  font-size: 20px !important;
  margin-left: 10px !important;
  opacity: 1 !important;
  font-weight: 500;
  font-family: "Roboto", sans-serif !important;
  color: #21262c;
  letter-spacing: 0;
}
.chart-legend .legend-wrap .legend-labels {
  padding: 0 10px;
  background: transparent;
  display: flex;
  justify-content: space-between;
}
.chart-legend .legend-label {
  align-items: center;
  width: 100%;
  display: inline-block;
}
.chart-legend .legend-label span {
  align-items: center;
  width: 100%;
}
.chart-legend .legend-label .legend-label-text {
  font-size: 14px;
  height: 30px;
  display: inline;
}
.chart-legend .legend-label .legend-label-color {
  border-radius: 50% !important;
  display: inline-block !important;
  height: 20px !important;
  margin-right: 4px;
  width: 20px !important;
}
.freight_ranges_view .freight_box_view {
  border: 1px solid #eee;
  padding: 10px;
  margin: 10px;
  border-radius: 4px;
}
.bid_message_td {
  width: 550px;
}
.terms_modal .modal_close_btn {
  top: 0px !important;
  right: 0 !important;
}
.terms_modal .modal-body {
  padding: 25px 15px 15px 15px !important;
}
.flip-book .view .prev,
.flip-book .view .next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
  right: 0;
  border: 1px solid #ccc !important;
  padding: 15px 10px !important;
  border-radius: 2px;
  background: #fff;
}
.flip-book .view .next {
  right: 0;
  border: 1px solid #fff;
  padding: 15px 10px;
  border-radius: 2px;
  background: #fff;
}
@media (max-width: 768px) {
  .main-search-box-input {
    display: flex;
    flex-direction: column;
  }

  .main-search-box-input > div {
    width: 100%;
  }

  .job-box-company-detail .jobcompanyLogo {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
  }

  .job-box-company-detail h3 {
    font-size: 18px;
    line-height: 24px;
  }

  .job-box-company-detail h4 {
    font-size: 15px;
    color: #000;
    line-height: 16px;
  }
}
.comparison__img.comparison__before, .comparison__img.comparison__after {
  width: 100%;
}
.slot-selection .mat-button-toggle-group .mat-button-toggle {
  overflow: hidden;
}
.mat-button-toggle-disabled .mat-button-toggle-button {
  background: #EF6A30;
  color: #fff;
  display: none;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  display: none;
}
.makAppBtn {
  position: absolute;
  right: 0px;
}
.leftLogo {
  width: 6%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  padding: 2px 4px;
}
.scrollable-list {
  max-height: calc(67px * 5);
}
.leftLogo {
  height: 0px !important;
}
.height100vh {
  height: 100vh;
}
.login-form .content .left-content .login-content .form-section .custom-form-group label {
  color: #16151A;
  font-size: 15px;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border: 0px !important;
}
.login-form .content .left-content .login-content .form-section .custom-form-group .custom-form-control .mat-form-field-infix {
  border-top: 0em solid transparent !important;
}
.login-form .content .left-content .login-content .mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: translateY(-9%);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: inherit !important;
  caret-color: inherit !important;
  -webkit-transition: background-color 9999s ease-in-out 0s !important;
  transition: background-color 9999s ease-in-out 0s !important;
}
.loginOr {
  margin-bottom: 10px;
  text-align: center;
  padding: 7px 0px;
}
.nopaddingMenu a.nopaddingMenu-a {
  padding: 0px !important;
  width: 50px;
  height: 50px !important;
  margin-top: 0px !important;
  background: #000;
  display: flex !important;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-left: 12px !important;
  margin-right: 0px !important;
}
.nopaddingMenu a.nopaddingMenu-a img {
  filter: brightness(200%) saturate(0%) contrast(1000%) invert(100%);
  -webkit-filter: brightness(200%) saturate(0%) contrast(1000%) invert(100%);
  -moz-filter: brightness(200%) saturate(0%) contrast(1000%) invert(100%);
  max-width: 18px;
  max-height: 18px;
}
.login-form .right-img {
  background: url('signuploginform-right-bg.jpg') no-repeat;
  background-size: cover;
}
.signup_column.rightSingUp {
  background-image: url('signuploginform-right-bg.jpg') !important;
  background-size: cover;
  min-height: 100vh !important;
  height: auto !important;
}
.subscriber_detailform_sec .plan_details_box {
  margin: auto;
  padding: 35px 40px;
  width: 75%;
  border-radius: 30px;
}
.signup_column ul li .custom-form-group {
  margin: 0px 10px !important;
}
.btnGray {
  border: 1px solid #ccc !important;
  color: #000 !important;
  background: none !important;
}
.subscriber_detailform_form .form-section .custom-form-group {
  margin: 0px 0px 10px;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-label {
  margin: 0 0 20px 0;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #000000;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control {
  width: 100%;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control.btn-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-select-value {
  color: #FF7000 !important;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  color: #FF7000 !important;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float {
  border-top-color: #ffffff !important;
  border: 0px !important;
  border-bottom-color: #fe8c2b !important;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  border-top-color: #ffffff !important;
  border: 0px !important;
  border-bottom-color: #fe8c2b !important;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  font-size: 16px;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  outline: 0px !important;
  padding: 0px !important;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover .mat-form-field-outline, .subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:focus .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
  outline: 0px !important;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 0px !important;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0px;
  border: 0px !important;
  border-bottom: 0px solid #FF7000;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0px !important;
  width: 100% !important;
  margin-top: 0px !important;
  border: 0px;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input,
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  color: #5B5772;
  padding: 15px 20px !important;
  width: calc(100% - 42px) !important;
  border-radius: 30px;
  border: 1px solid #DEDEDE;
  font-weight: normal !important;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input ::placeholder,
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea ::placeholder {
  color: #5B5772;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select {
  padding: 15px 20px !important;
  width: 100% !important;
  border-radius: 30px;
  border: 1px solid #DEDEDE;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select ::placeholder {
  color: #000000;
  border-radius: 30px;
  padding: 7px 10px !important;
  border: 1px solid #DEDEDE;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 15px;
  border: 0px;
  border-radius: 5px;
  box-shadow: 1px 1px 35px #ebebeb;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-radio-label {
  margin-right: 45px;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-inner-circle {
  background-color: #FF7000;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-select-placeholder {
  color: #5B5772 !important;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #5B5772 !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #5B5772 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #5B5772 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.subscriber_detailform_form .form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.subscriber_detailform_form .form-section .custom-form-group .mat-checkbox {
  margin: 5px 10px 5px 0px;
}
.subscriber_detailform_form .form-section .custom-form-group .mat-checkbox .mat-checkbox-label {
  font-size: 12px;
}
.subscriber_detailform_form .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
}
.subscriber_detailform_form .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  border-color: #b1b1b1;
  border-width: 1px;
}
.subscriber_detailform_form .form-section .custom-form-group .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.subscriber_detailform_form .form-section .custom-form-group .mat-checkbox-checked .mat-checkbox-label {
  color: #FF7000;
}
.subscriber_detailform_form .form-section .forgot_password_flex {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.subscriber_detailform_form .form-section .forgot_password_flex .mat-checkbox-frame {
  border-color: #FF7000;
}
.subscriber_detailform_form .form-section .forgot_password_flex .mat-checkbox-layout .mat-checkbox-label {
  color: #FF7000;
}
.subscriber_detailform_form .signup_ul_form .view-password {
  position: absolute;
  right: 4px;
  top: 35px;
}
.donthave .mat-button, .donthave .defaultLayout .btn-primary, .defaultLayout .donthave .btn-primary, .donthave .defaultLayout .btn-black, .defaultLayout .donthave .btn-black, .donthave .defaultLayout .btn-secondary, .defaultLayout .donthave .btn-secondary, .donthave .defaultLayout .btn-outline, .defaultLayout .donthave .btn-outline {
  flex: 1 1 auto !important;
}
.alreadyAcc {
  padding: 25px;
  text-align: center;
}
.signup_ul_form .mat-tab-labels .mat-tab-label {
  min-width: auto !important;
  padding: 0px 15px !important;
}
.signup_ul_form .mat-tab-header {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a.noIconMenu {
  font-size: 15px;
  font-weight: normal;
  color: #A8A8A8;
  padding-left: 8px;
  letter-spacing: 2px;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a.noIconMenu span {
  padding-left: 11px;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a.noIconMenu:hover {
  color: #000;
  font-weight: bold;
}
.profile_listing_section .profile_row .profile_left_column .profile_listing .profile_list_ul li a.noIconMenu.router-active {
  color: #000;
}
.userInfoFlex {
  display: flex;
  align-items: center;
}
.userName {
  word-break: break-all;
  margin-left: 15px;
  text-align: left;
}
.userName h4 {
  color: #000;
  font-size: 19px;
  margin: 0px;
}
.followNameLink {
  margin-left: 10px;
  font-size: 16px;
}
.followNameLink a {
  color: #FF7000 !important;
  font-size: 12px;
}
.new_feed_row {
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  color: #000;
  margin-bottom: 25px;
}
.new_feed_row .form_search .form-section {
  margin: 0px !important;
}
.new_feed_row .form_search .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 30px !important;
  background: #EAEAEA;
  border: 1px solid #EAEAEA;
}
.new_feed_row .form_search .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  border-radius: 30px !important;
}
.new_feed_row .form_search {
  position: relative;
}
.new_feed_row .form_search .filtered-results-container {
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 999;
  margin-top: -2px;
  padding: 10px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.new_feed_row .form_search .filtered-results-container .mat-list-base .mat-list-item .mat-list-item-content {
  padding: 0 6px !important;
}
.new_feed_row .form_search .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 1em 0 1.2em 0 !important;
}
.new_feed_row .form_search .search_btn img {
  width: 18px;
}
.addSection {
  border-radius: 20px !important;
  overflow: hidden;
  text-align: center;
  margin-bottom: 25px;
}
.form_search .form-section .custom-form-group .custom-form-control input.mat-input-element {
  color: #000 !important;
}
.form_search .form-section .custom-form-group .custom-form-control input.mat-input-element::placeholder {
  color: #000 !important;
}
/* Apply scroll to all dialogs */
.sub-modal .mat-dialog-container {
  overflow: auto !important;
  max-height: 100vh !important;
}
/* OR target only your specific modal */
.sub-modal .mat-dialog-container {
  overflow-y: auto !important;
  max-height: 100vh !important;
  padding: 0;
}
.matRoundIco {
  background: #F9F9F9;
  border: 1px solid #EFEFF4 !important;
  color: #8A8A8F;
  justify-content: center;
  border-radius: 50%;
  margin-left: 5px;
}
.terms_condition input {
  margin-right: 4px;
}
.success-snackbar .mat-simple-snackbar {
  justify-content: center;
}
.success-snackbar {
  background-color: #4caf50;
  /* Green */
  color: #fff;
}
.btn-xxs {
  padding: 2px 10px !important;
  font-size: 10px;
  height: 37px !important;
  line-height: 1;
  min-width: auto;
  height: auto;
}
.btn-xxs .mat-button-wrapper {
  font-size: 13px !important;
}
.viewClientPage .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0px !important;
}
.cSeach .mat-form-field-outline-end {
  background: #ffffff !important;
  border: 1px solid #BAC1C8 !important;
}
.cSeach .mat-form-field-outline {
  box-shadow: none !important;
}
.cSeach .mat-form-field-infix {
  border-top: 4px solid transparent !important;
}
.table_section .table_header .table_header_left .table_search_box .custom-form-group .custom-form-control.cSeach .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.8em 0 0.8em 0 !important;
}
.profile_listing_section .profile_row .profile_right_column .master_profile_right_sec {
  overflow: visible !important;
}
.master_dashboard_sec .master_dashboard_router .dashboard_bred_crumb {
  position: absolute;
  width: 100%;
  top: -50px;
  right: -10px;
}
.btn-primary:hover {
  color: #fff;
  background-color: #ff7000;
  border-color: #ff7000;
}
.notification_list a, .logout_icon a {
  border-radius: 50%;
}
table.mat-table {
  width: 100%;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .main_menu > li li a {
  padding-left: 15px;
}
.navbar_nav.profileLayout {
  background: #fff;
}
.navbar .navbar_nav.profileLayout .wrapper .web_navbar {
  padding: 20px 0px;
}
.navbar .navbar_nav.profileLayout .web_navbar .logo a img {
  margin-top: -12px;
}
.navbar .navbar_nav.profileLayout .web_navbar ul.main_menu > li > a {
  font-family: "Clash Grotesk";
  text-transform: capitalize;
  height: 48px;
  line-height: 50px;
}
.navbar .navbar_nav.profileLayout .web_navbar ul.main_menu > li > a.router-link-active {
  color: #ffffff;
  background: #FF7000;
  border-radius: 30px;
  padding: 0 10px;
}
.navbar .navbar_nav.profileLayout .web_navbar ul.main_menu > li > a::after {
  display: none;
}
.status-filter-box.padBo .custom-form-control .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.status-filter-box.padBo.form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 25px;
}
.catalogues_filter_sec .custom-form-control {
  box-sizing: border-box;
}
@media screen and (max-width: 992px) {
  .login-form .content .left-content .login-content.login-second-content {
    padding: 16px 0px;
    width: 90%;
  }

  .donthave {
    flex-direction: column;
  }

  .left-content.loginLeft {
    overflow-y: scroll;
  }

  .navbar {
    z-index: 999;
  }

  .master_router_outlet {
    border-radius: 0 !important;
  }

  .banner-swiper {
    margin-top: 40px;
  }

  .navbar .navbar_nav .mobile_navbar .logo {
    top: 9px;
  }

  .navbar .navbar_nav .mobile_navbar .mat-accordion .mat-expansion-panel.mat-expansion-panel-spacing {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
  }
}
.loader-inline svg {
  width: 20px !important;
  height: 20px !important;
}
.cdk-overlay-container .mat-menu-panel {
  overflow: inherit !important;
}
/* ------- COMMON CSS ------ */
*, ::after, ::before {
  box-sizing: initial;
}
.sec-padding-tb {
  padding: 75px 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Clash Display Medium";
}
h1 {
  color: #ff7000;
  font-size: 45px;
  line-height: 40px;
  margin-bottom: 20px;
  font-weight: normal;
}
h2 {
  color: #ff7000;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 20px;
  font-weight: normal;
}
h3 {
  color: #ff7000;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 20px;
  font-weight: normal;
}
h4 {
  color: #FF7000;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: normal;
}
h5 {
  color: #ff7000;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 10px;
  font-weight: normal;
}
h6 {
  color: #ff7000;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5px;
  font-weight: normal;
}
p {
  color: #000;
  line-height: 20px;
}
.banner-swiper::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-strips-bg.svg') no-repeat;
  background-size: cover;
  z-index: -1;
}
.banner-swiper .swiper-container {
  position: relative;
  width: 100%;
}
.banner-swiper .swiper-container .swiper-wrapper .swiper-slide {
  min-height: 400px;
}
.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .left-img .doctor {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text {
  display: flex;
  min-height: 700px;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 0px 0px 48px;
}
.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text h1 {
  font-size: 58px;
  line-height: 74px;
}
.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text p {
  margin-bottom: 32px;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations {
  display: flex;
  position: absolute;
  right: 35%;
  bottom: 10%;
  z-index: 2;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations span {
  cursor: pointer;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations span.swiper-button-disabled i {
  color: #FF7000;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations span.swiper-button-disabled svg path {
  fill: #908f8d;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations .banner-pagination {
  padding: 0px 20px;
  position: relative;
  bottom: 3px;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations .banner-pagination span {
  cursor: default;
}
.banner-swiper .swiper-container .swiper-wrapper .navigations .banner-pagination span.swiper-pagination-current {
  color: #FF7000;
}
.banner-section {
  position: relative;
}
.banner-section .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.banner-section .left-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.banner-section .left-img .banner-img-1 {
  margin: auto;
  width: 300px;
}
.banner-section .right-content p {
  margin-bottom: 20px;
}
.booking-banner-section {
  position: relative;
}
.booking-banner-section .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.booking-banner-section .left-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.booking-banner-section .left-img .banner-img-1 {
  margin: auto;
  width: 300px;
}
.booking-banner-section .right-content p {
  margin-bottom: 20px;
}
.contact-section {
  position: relative;
}
.contact-section .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.contact-section .left-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.contact-section .left-img .banner-img-1 {
  margin: auto;
  width: 300px;
}
.contact-section .right-content p {
  margin-bottom: 20px;
}
.dental-job-banner-sec {
  position: relative;
  min-height: 450px;
}
.dental-job-banner-sec::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 170px;
  height: 150px;
  background: url('left-side-img.png') no-repeat;
  background-size: cover;
}
.dental-job-banner-sec .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.dental-job-banner-sec .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.dental-job-banner-sec .right-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.dental-job-banner-sec .right-img .banner-img-1 {
  margin: auto;
  width: 100%;
}
.dental-job-banner-sec .right-content p {
  margin-bottom: 32px;
  font-size: 22px;
  font-weight: 700;
}
.howdy-banner-sec {
  position: relative;
  min-height: 450px;
}
.howdy-banner-sec::before {
  content: "";
  position: absolute;
  left: -5px;
  bottom: 0px;
  width: 290px;
  height: 290px;
  background: url('howdy-left.png') no-repeat;
  background-size: cover;
}
.howdy-banner-sec .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.howdy-banner-sec .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.howdy-banner-sec .right-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.howdy-banner-sec .right-img .banner-img-1 {
  margin: auto;
  width: 100%;
}
.howdy-banner-sec .right-content p {
  margin-bottom: 20px;
}
.dental-marketplace-banner-sec {
  position: relative;
  min-height: 450px;
}
.dental-marketplace-banner-sec::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 415px;
  height: 390px;
  background: url('right.png') no-repeat;
  background-size: cover;
}
.dental-marketplace-banner-sec .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.dental-marketplace-banner-sec .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.dental-marketplace-banner-sec .left-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.dental-marketplace-banner-sec .left-img .banner-img-1 {
  margin: auto;
  width: 100%;
}
.dental-marketplace-banner-sec .right-img img {
  width: 100%;
  margin: 38px 0px 0px;
}
.dental-marketplace-banner-sec .right-content p {
  margin-bottom: 20px;
}
.dental-learning-banner-sec {
  position: relative;
  min-height: 450px;
}
.dental-learning-banner-sec .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.dental-learning-banner-sec .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.dental-learning-banner-sec .left-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.dental-learning-banner-sec .left-img .banner-img-1 {
  margin: auto;
  width: 100%;
}
.dental-learning-banner-sec .right-img img {
  width: 100%;
  margin: 38px 0px 0px;
}
.dental-learning-banner-sec .right-content p {
  margin-bottom: 20px;
}
.dental-professional-banner-sec {
  position: relative;
  min-height: 450px;
}
.dental-professional-banner-sec .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.dental-professional-banner-sec .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.dental-professional-banner-sec .right-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.dental-professional-banner-sec .right-img .banner-img-1 {
  margin: auto;
  width: 400px;
  object-fit: cover;
}
.dental-professional-banner-sec .right-content p {
  margin-bottom: 32px;
  font-size: 22px;
  font-weight: 700;
}
.buy-sell-banner-sec {
  position: relative;
  min-height: 419px;
}
.buy-sell-banner-sec .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.buy-sell-banner-sec .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  width: 88%;
  margin: 0 0 0 auto;
}
.buy-sell-banner-sec .right-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.buy-sell-banner-sec .right-img .banner-img-1 {
  margin: auto;
  width: 660px;
  object-fit: cover;
}
.buy-sell-banner-sec .right-content p {
  margin-bottom: 32px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}
.catalog-banner-sec {
  position: relative;
  min-height: 450px;
}
.catalog-banner-sec .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.catalog-banner-sec .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.catalog-banner-sec .right-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.catalog-banner-sec .right-img .banner-img-1 {
  margin: auto;
  width: 68%;
  object-fit: cover;
}
.catalog-banner-sec .right-content p {
  margin-bottom: 32px;
  font-size: 22px;
  font-weight: 700;
}
.directory-listing-banner-sec {
  position: relative;
  min-height: 450px;
}
.directory-listing-banner-sec .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.directory-listing-banner-sec .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.directory-listing-banner-sec .right-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.directory-listing-banner-sec .right-img .banner-img-1 {
  margin: 54px 0px;
  width: 100%;
  object-fit: cover;
}
.directory-listing-banner-sec .right-content p {
  margin-bottom: 20px;
}
.directory-search {
  background-color: #ffefe8;
  padding: 24px 0px;
}
.directory-search .submit-listing {
  margin: 0 auto 48px;
  width: 90%;
}
.directory-search .submit-listing h2 {
  color: #0e1f29;
  margin-top: 24px;
}
.directory-search .submit-listing .form-section {
  width: 100%;
  /* padding: 0px 4px; */
  margin: 32px auto 0px;
}
.directory-search .submit-listing .form-section .custom-form-group {
  margin: 0px 0px 30px;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-label {
  margin: 0 0 20px 0;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #000000;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control {
  width: 100%;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control.btn-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-select-value {
  color: #FF7000 !important;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  color: #FF7000 !important;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-label {
  border: 0px !important;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  font-size: 16px;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  outline: 0px !important;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover .mat-form-field-outline, .directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:focus .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
  outline: 0px !important;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 8px !important;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 8px;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 10px 10px;
  border: 1px solid #FF7000;
  border-radius: 8px;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input,
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  color: #FF7000;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select ::placeholder {
  color: #000000;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 15px;
  border: 0px;
  border-radius: 5px;
  box-shadow: 1px 1px 35px #ebebeb;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-radio-label {
  margin-right: 45px;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-inner-circle {
  background-color: #FF7000;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #0e1f29 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.directory-search .submit-listing .form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.directory-search .submit-listing .form-section .custom-form-group .mat-checkbox {
  margin: 5px 10px 5px 0px;
}
.directory-search .submit-listing .form-section .custom-form-group .mat-checkbox .mat-checkbox-label {
  font-size: 12px;
}
.directory-search .submit-listing .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
}
.directory-search .submit-listing .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  border-color: #b1b1b1;
  border-width: 1px;
}
.directory-search .submit-listing .form-section .custom-form-group .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.directory-search .submit-listing .form-section .custom-form-group .mat-checkbox-checked .mat-checkbox-label {
  color: #FF7000;
}
.directory-search .submit-listing .form-section .forgot_password_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.directory-search .submit-listing .form-section .forgot_password_flex .mat-checkbox-frame {
  border-color: #FF7000;
}
.directory-search .submit-listing .form-section .forgot_password_flex .mat-checkbox-layout .mat-checkbox-label {
  color: #FF7000;
}
.directory-search .submit-listing .form-section .donthave p {
  color: #FF7000;
  margin: 16px 0px 24px;
}
.directory-search .mat-tab-group {
  background-color: #ffffff;
  border-radius: 8px;
}
.directory-search .mat-tab-label .mat-tab-label-content {
  font-family: "Clash Display";
  font-size: 20px;
}
.directory-search .mat-tab-group .mat-tab-labels .mat-tab-label {
  width: 50%;
  padding: 32px 0px;
  background: #a0a0a0;
  color: white;
}
.directory-search .mat-tab-group .mat-tab-labels {
  border: 1px solid #a0a0a0;
}
.directory-search .mat-tab-group .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  background-color: #0e1f29;
}
.directory-search .mat-tab-group.mat-primary .mat-ink-bar, .directory-search .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #0e1f29;
}
.directory-search .search-total {
  width: 90%;
  margin: 0px auto 48px;
}
.directory-search .search-total .form-section {
  width: 100%;
  /* padding: 0px 4px; */
  margin: 32px auto 0px;
}
.directory-search .search-total .form-section .custom-form-group {
  margin: 0px 0px 30px;
}
.directory-search .search-total .form-section .custom-form-group .custom-label {
  margin: 0 0 20px 0;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #000000;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control {
  width: 100%;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control.btn-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-select-value {
  color: #FF7000 !important;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  color: #FF7000 !important;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-label {
  border: 0px !important;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  font-size: 16px;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  outline: 0px !important;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover .mat-form-field-outline, .directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:focus .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
  outline: 0px !important;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 8px !important;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 8px;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 10px 10px;
  border: 1px solid #FF7000;
  border-radius: 8px;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input,
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  color: #FF7000;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select ::placeholder {
  color: #000000;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 15px;
  border: 0px;
  border-radius: 5px;
  box-shadow: 1px 1px 35px #ebebeb;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-radio-label {
  margin-right: 45px;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-inner-circle {
  background-color: #FF7000;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ccc !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.directory-search .search-total .form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.directory-search .search-total .form-section .custom-form-group .mat-checkbox {
  margin: 5px 10px 5px 0px;
}
.directory-search .search-total .form-section .custom-form-group .mat-checkbox .mat-checkbox-label {
  font-size: 12px;
}
.directory-search .search-total .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
}
.directory-search .search-total .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  border-color: #b1b1b1;
  border-width: 1px;
}
.directory-search .search-total .form-section .custom-form-group .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.directory-search .search-total .form-section .custom-form-group .mat-checkbox-checked .mat-checkbox-label {
  color: #FF7000;
}
.directory-search .search-total .form-section .forgot_password_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.directory-search .search-total .form-section .forgot_password_flex .mat-checkbox-frame {
  border-color: #FF7000;
}
.directory-search .search-total .form-section .forgot_password_flex .mat-checkbox-layout .mat-checkbox-label {
  color: #FF7000;
}
.directory-search .search-total .form-section .donthave p {
  color: #FF7000;
  margin: 16px 0px 24px;
}
.directory-search .search-total .search-list {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.directory-search .search-total .search-list h2 {
  color: #0e1f29;
  margin-top: 24px;
}
.directory-search .search-total .search-list .btn-right .mr {
  margin-right: 24px;
}
.directory-search .search-total .search-items {
  padding: 13px;
  background-color: #ffffff;
  filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.1));
  border-radius: 8px;
  margin: 0px 0px 24px 0px;
}
.directory-search .search-total .search-items .search-img img {
  object-fit: contain;
}
.directory-search .search-total .search-items .search-content h3 {
  color: #0e1f29;
  margin-bottom: 2px;
}
.directory-search .search-total .search-items .search-content p {
  margin-bottom: 8px;
}
.directory-search .icon-right {
  position: absolute;
  right: 15px;
  top: 12px;
}
.directory-search .icon-right img {
  width: 26px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.dental-job-search {
  padding: 24px 0px;
  position: relative;
}
.dental-job-search h1 {
  text-align: center;
  color: #ffffff;
  margin: 32px 0px 0px;
  font-size: 50px;
}
.dental-job-search::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
  z-index: -1;
}
.dental-job-search .submit-listing {
  margin: 0 auto 48px;
  width: 90%;
}
.dental-job-search .submit-listing h2 {
  color: #0e1f29;
  margin-top: 24px;
}
.dental-job-search .submit-listing .form-section {
  width: 100%;
  /* padding: 0px 4px; */
  margin: 32px auto 0px;
}
.dental-job-search .submit-listing .form-section .custom-form-group {
  margin: 0px 0px 30px;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-label {
  margin: 0 0 20px 0;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #000000;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control {
  width: 100%;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control.btn-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-select-value {
  color: #FF7000 !important;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  color: #FF7000 !important;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-label {
  border: 0px !important;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  font-size: 16px;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  outline: 0px !important;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover .mat-form-field-outline, .dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:focus .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
  outline: 0px !important;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 8px !important;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 8px;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 10px 10px;
  border: 1px solid #FF7000;
  border-radius: 8px;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input,
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  color: #FF7000;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select ::placeholder {
  color: #000000;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 15px;
  border: 0px;
  border-radius: 5px;
  box-shadow: 1px 1px 35px #ebebeb;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-radio-label {
  margin-right: 45px;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-inner-circle {
  background-color: #FF7000;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #0e1f29 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.dental-job-search .submit-listing .form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.dental-job-search .submit-listing .form-section .custom-form-group .mat-checkbox {
  margin: 5px 10px 5px 0px;
}
.dental-job-search .submit-listing .form-section .custom-form-group .mat-checkbox .mat-checkbox-label {
  font-size: 12px;
}
.dental-job-search .submit-listing .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
}
.dental-job-search .submit-listing .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  border-color: #b1b1b1;
  border-width: 1px;
}
.dental-job-search .submit-listing .form-section .custom-form-group .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.dental-job-search .submit-listing .form-section .custom-form-group .mat-checkbox-checked .mat-checkbox-label {
  color: #FF7000;
}
.dental-job-search .submit-listing .form-section .forgot_password_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.dental-job-search .submit-listing .form-section .forgot_password_flex .mat-checkbox-frame {
  border-color: #FF7000;
}
.dental-job-search .submit-listing .form-section .forgot_password_flex .mat-checkbox-layout .mat-checkbox-label {
  color: #FF7000;
}
.dental-job-search .submit-listing .form-section .donthave p {
  color: #FF7000;
  margin: 16px 0px 24px;
}
.dental-job-search .mat-tab-group {
  background-color: #ffffff;
  border-radius: 8px;
  margin: 50px 0px;
}
.dental-job-search .mat-tab-label .mat-tab-label-content {
  font-family: "Clash Display Medium";
  font-size: 20px;
}
.dental-job-search .mat-tab-group .mat-tab-labels .mat-tab-label {
  width: 50%;
  padding: 32px 0px;
  background: #a0a0a0;
  color: white;
}
.dental-job-search .mat-tab-group .mat-tab-labels {
  border: 1px solid #a0a0a0;
}
.dental-job-search .mat-tab-group .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  background: #0e1f29;
}
.dental-job-search .search-total {
  width: 90%;
  margin: 0px auto 48px;
}
.dental-job-search .search-total .form-section {
  width: 100%;
  /* padding: 0px 4px; */
  margin: 32px auto 0px;
}
.dental-job-search .search-total .form-section .custom-form-group {
  margin: 0px 0px 30px;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-label {
  margin: 0 0 20px 0;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #000000;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control {
  width: 100%;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control.btn-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-select-value {
  color: #FF7000 !important;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  color: #0e1f29 !important;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-label {
  border: 0px !important;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-select-placeholder {
  color: #0e1f29;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  font-size: 16px;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  outline: 0px !important;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover .mat-form-field-outline, .dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:focus .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
  outline: 0px !important;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 8px !important;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 8px;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 10px 10px;
  border: 1px solid #FF7000;
  border-radius: 8px;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input,
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  color: #FF7000;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select ::placeholder {
  color: #000000;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 15px;
  border: 0px;
  border-radius: 5px;
  box-shadow: 1px 1px 35px #ebebeb;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-radio-label {
  margin-right: 45px;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-inner-circle {
  background-color: #FF7000;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ccc !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.dental-job-search .search-total .form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.dental-job-search .search-total .form-section .custom-form-group .mat-checkbox {
  margin: 5px 10px 5px 0px;
}
.dental-job-search .search-total .form-section .custom-form-group .mat-checkbox .mat-checkbox-label {
  font-size: 12px;
}
.dental-job-search .search-total .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
}
.dental-job-search .search-total .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  border-color: #b1b1b1;
  border-width: 1px;
}
.dental-job-search .search-total .form-section .custom-form-group .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.dental-job-search .search-total .form-section .custom-form-group .mat-checkbox-checked .mat-checkbox-label {
  color: #FF7000;
}
.dental-job-search .search-total .form-section .forgot_password_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.dental-job-search .search-total .form-section .forgot_password_flex .mat-checkbox-frame {
  border-color: #FF7000;
}
.dental-job-search .search-total .form-section .forgot_password_flex .mat-checkbox-layout .mat-checkbox-label {
  color: #FF7000;
}
.dental-job-search .search-total .form-section .donthave p {
  color: #FF7000;
  margin: 16px 0px 24px;
}
.dental-job-search .search-total .search-list {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.dental-job-search .search-total .search-list h2 {
  color: #0e1f29;
  margin-top: 24px;
}
.dental-job-search .search-total .search-list .btn-right .mr {
  margin-right: 24px;
}
.dental-job-search .search-total .search-items {
  padding: 13px;
  background-color: #ffffff;
  filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.1));
  border-radius: 8px;
  margin: 0px 0px 24px 0px;
}
.dental-job-search .search-total .search-items .search-img {
  text-align: center;
}
.dental-job-search .search-total .search-items .search-img img {
  object-fit: contain;
}
.dental-job-search .search-total .search-items .search-content h3 {
  color: #0e1f29;
  margin-bottom: 2px;
}
.dental-job-search .search-total .search-items .search-content p {
  margin-bottom: 8px;
}
.dental-job-search .icon-right {
  position: absolute;
  right: 15px;
  top: 12px;
}
.dental-job-search .icon-right img {
  width: 26px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.service-design-banner-sec {
  position: relative;
  min-height: 400px;
}
.service-design-banner-sec::before {
  content: "";
  position: absolute;
  top: -100px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('banner-bg.png') no-repeat;
  background-size: cover;
  z-index: -1;
}
.service-design-banner-sec .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.service-design-banner-sec .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  width: 90%;
  margin: 0 0 0 auto;
}
.service-design-banner-sec .left-content .banner-text .btn-adj {
  width: 55%;
  display: flex;
  justify-content: space-between;
}
.service-design-banner-sec .right-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.service-design-banner-sec .right-img .banner-img-1 {
  margin: auto;
  width: 400px;
  object-fit: cover;
}
.service-design-banner-sec .right-content p {
  margin-bottom: 32px;
  font-size: 20px;
  font-weight: 700;
  line-height: 38px;
}
.dental-room-banner-sec {
  position: relative;
  min-height: 400px;
}
.dental-room-banner-sec .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.dental-room-banner-sec .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.dental-room-banner-sec .right-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.dental-room-banner-sec .right-img .banner-img-1 {
  z-index: -1;
  width: 534px;
  object-fit: cover;
  position: absolute;
  top: -25%;
  right: 121px;
}
.dental-room-banner-sec .right-content p {
  margin-bottom: 20px;
}
.service-for-all-banner-sec {
  position: relative;
  min-height: 410px;
}
.service-for-all-banner-sec .banner-fixed-img {
  position: absolute;
  bottom: 0px;
  max-width: 650px;
}
.service-for-all-banner-sec .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.service-for-all-banner-sec .right-img .banner-img {
  margin-left: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.service-for-all-banner-sec .right-img .banner-img-1 {
  margin: auto;
  width: 100%;
}
.service-for-all-banner-sec .right-content p {
  margin-bottom: 32px;
  font-size: 22px;
  font-weight: 700;
}
.openbook-sec {
  position: relative;
  background-color: #fef9f5;
  padding-bottom: 96px;
}
.openbook-sec .content {
  position: relative;
}
.openbook-sec .content .text {
  padding: 0px 48px;
}
.openbook-sec .content .text h1 {
  color: #FF7000;
  font-size: 36px;
}
.openbook-sec .content .text p {
  margin-bottom: 20px;
  color: #0e1f29;
}
.openbook-sec .content .cat-img {
  position: relative;
}
.openbook-sec .content .cat-img img {
  width: 645px;
  position: absolute;
  top: -52px;
  right: 0px;
}
.openbook-sec .content .listing ul {
  display: flex;
}
.openbook-sec .content .listing ul li a {
  color: #ffffff;
}
.openbook-sec .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.access-like-never-before-sec {
  position: relative;
  background-color: #fffcf7;
  padding-bottom: 96px;
}
.access-like-never-before-sec .content {
  position: relative;
}
.access-like-never-before-sec .content .text {
  padding: 0px 48px;
}
.access-like-never-before-sec .content .text h1 {
  color: #FF7000;
  font-size: 36px;
}
.access-like-never-before-sec .content .text p {
  margin-bottom: 20px;
  color: #0e1f29;
}
.access-like-never-before-sec .content .cat-img {
  position: relative;
}
.access-like-never-before-sec .content .cat-img img {
  width: 600px;
  position: absolute;
  top: 7px;
  right: 0px;
}
.access-like-never-before-sec .content .listing ul {
  display: flex;
}
.access-like-never-before-sec .content .listing ul li a {
  color: #ffffff;
}
.access-like-never-before-sec .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.dental-job-dashboard-sec {
  position: relative;
}
.dental-job-dashboard-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.dental-job-dashboard-sec .content {
  position: relative;
}
.dental-job-dashboard-sec .content .listing ul {
  display: flex;
}
.dental-job-dashboard-sec .content .listing ul li a {
  color: #ffffff;
}
.dental-job-dashboard-sec .content .text h1 {
  color: white;
  font-size: 36px;
}
.dental-job-dashboard-sec .content .text p {
  margin-bottom: 20px;
  color: white;
}
.dental-job-dashboard-sec .content h1 {
  color: white;
  font-size: 36px;
}
.dental-job-dashboard-sec .content p {
  margin-bottom: 20px;
  color: white;
}
.dental-job-dashboard-sec .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.dental-room-dashboard-sec {
  position: relative;
}
.dental-room-dashboard-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.dental-room-dashboard-sec .content {
  position: relative;
}
.dental-room-dashboard-sec .content .listing ul {
  display: flex;
}
.dental-room-dashboard-sec .content .listing ul li a {
  color: #ffffff;
}
.dental-room-dashboard-sec .content .text h1 {
  color: white;
  font-size: 36px;
}
.dental-room-dashboard-sec .content .text p {
  margin-bottom: 20px;
  color: white;
}
.dental-room-dashboard-sec .content h1 {
  color: white;
  font-size: 36px;
}
.dental-room-dashboard-sec .content p {
  margin-bottom: 20px;
  color: white;
}
.dental-room-dashboard-sec .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.dental-market-dashboard-sec {
  position: relative;
}
.dental-market-dashboard-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.dental-market-dashboard-sec .content {
  position: relative;
}
.dental-market-dashboard-sec .content .left-content {
  padding: 0px 48px;
}
.dental-market-dashboard-sec .content .left-content h1 {
  color: white;
  font-size: 36px;
}
.dental-market-dashboard-sec .content .left-content p {
  margin-bottom: 20px;
  color: white;
}
.dental-market-dashboard-sec .content .listing ul {
  display: flex;
}
.dental-market-dashboard-sec .content .listing ul li a {
  color: #ffffff;
}
.dental-market-dashboard-sec .content .text h1 {
  color: white;
  font-size: 36px;
}
.dental-market-dashboard-sec .content .text p {
  margin-bottom: 20px;
  color: white;
}
.dental-market-dashboard-sec .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.dental-professional-dashboard-sec {
  position: relative;
}
.dental-professional-dashboard-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.dental-professional-dashboard-sec .content {
  position: relative;
}
.dental-professional-dashboard-sec .content .listing ul {
  display: flex;
}
.dental-professional-dashboard-sec .content .listing ul li a {
  color: #ffffff;
}
.dental-professional-dashboard-sec .content .text h1 {
  color: white;
  font-size: 36px;
}
.dental-professional-dashboard-sec .content .text p {
  margin-bottom: 20px;
  color: white;
}
.dental-professional-dashboard-sec .content h1 {
  color: white;
  font-size: 36px;
}
.dental-professional-dashboard-sec .content p {
  margin-bottom: 20px;
  color: white;
}
.dental-professional-dashboard-sec .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.directory-listing-dashboard-sec {
  position: relative;
}
.directory-listing-dashboard-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.directory-listing-dashboard-sec .content {
  position: relative;
}
.directory-listing-dashboard-sec .content .listing ul {
  display: flex;
}
.directory-listing-dashboard-sec .content .listing ul li a {
  color: #ffffff;
}
.directory-listing-dashboard-sec .content .text h1 {
  color: white;
  font-size: 36px;
}
.directory-listing-dashboard-sec .content .text p {
  margin-bottom: 20px;
  color: white;
}
.directory-listing-dashboard-sec .content h1 {
  color: white;
  font-size: 36px;
}
.directory-listing-dashboard-sec .content p {
  margin-bottom: 20px;
  color: white;
}
.directory-listing-dashboard-sec .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.buy-sell-dashboard-sec {
  position: relative;
}
.buy-sell-dashboard-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.buy-sell-dashboard-sec .content {
  position: relative;
}
.buy-sell-dashboard-sec .content .left-content {
  padding: 0px 48px;
}
.buy-sell-dashboard-sec .content .listing ul {
  display: flex;
}
.buy-sell-dashboard-sec .content .listing ul li a {
  color: #ffffff;
}
.buy-sell-dashboard-sec .content .text h1 {
  color: white;
  font-size: 36px;
}
.buy-sell-dashboard-sec .content .text p {
  margin-bottom: 20px;
  color: white;
}
.buy-sell-dashboard-sec .content h1 {
  color: white;
  font-size: 36px;
}
.buy-sell-dashboard-sec .content p {
  margin-bottom: 20px;
  color: white;
}
.buy-sell-dashboard-sec .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.cataloge-dashboard-sec {
  position: relative;
}
.cataloge-dashboard-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.cataloge-dashboard-sec .content {
  position: relative;
}
.cataloge-dashboard-sec .content .cataloge-img img {
  object-fit: contain;
  padding: 0px 48px;
  width: 80%;
}
.cataloge-dashboard-sec .content .listing ul {
  display: flex;
}
.cataloge-dashboard-sec .content .listing ul li a {
  color: #ffffff;
}
.cataloge-dashboard-sec .content .text h1 {
  color: white;
  font-size: 36px;
}
.cataloge-dashboard-sec .content .text p {
  margin-bottom: 20px;
  color: white;
}
.cataloge-dashboard-sec .content h1 {
  color: white;
  font-size: 36px;
}
.cataloge-dashboard-sec .content p {
  margin-bottom: 20px;
  color: white;
}
.cataloge-dashboard-sec .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.dental-learninghub-dashboard-sec {
  position: relative;
}
.dental-learninghub-dashboard-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.dental-learninghub-dashboard-sec .content {
  position: relative;
  background: #f98228;
  padding: 24px 0px;
}
.dental-learninghub-dashboard-sec .content .listing ul {
  display: flex;
}
.dental-learninghub-dashboard-sec .content .listing ul li a {
  color: #ffffff;
}
.dental-learninghub-dashboard-sec .content .left-side {
  padding: 0px 48px;
}
.dental-learninghub-dashboard-sec .content .right-side {
  margin: 0 auto;
}
.dental-learninghub-dashboard-sec .content .right-side img {
  object-fit: contain;
  width: 300px;
}
.dental-learninghub-dashboard-sec .content h1 {
  color: white;
  font-size: 36px;
  margin: 32px 0px;
}
.dental-learninghub-dashboard-sec .content p {
  margin-bottom: 20px;
  color: white;
}
.dental-learninghub-dashboard-sec .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.supply-market-dashboard-sec {
  position: relative;
}
.supply-market-dashboard-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.supply-market-dashboard-sec .content {
  position: relative;
}
.supply-market-dashboard-sec .content .left img {
  idth: 68%;
  height: 358px;
  position: absolute;
  left: -75px;
  z-index: 9;
}
.supply-market-dashboard-sec .content .listing ul {
  display: flex;
}
.supply-market-dashboard-sec .content .listing ul li a {
  color: #ffffff;
}
.supply-market-dashboard-sec .content h1 {
  color: white;
  font-size: 36px;
}
.supply-market-dashboard-sec .content p {
  margin-bottom: 20px;
  color: white;
}
.supply-market-dashboard-sec .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.explore-swiper {
  padding: 15px 0px;
  box-shadow: 8px 6px 35px rgba(0, 0, 0, 0.15);
}
.explore-swiper .swiper-container {
  position: relative;
  width: 100%;
}
.explore-swiper .swiper-container .swiper-wrapper {
  max-width: 550px;
}
.explore-swiper .swiper-container .swiper-wrapper .swiper-slide span {
  top: 1px;
  font-family: "Clash Grotesk Medium";
}
.explore-swiper .swiper-container .swiper-wrapper .swiper-slide img {
  width: 20px;
  height: 20px;
}
.access-like p {
  margin-bottom: 20px;
}
.do-you-need {
  position: relative;
}
.do-you-need::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
  z-index: -1;
}
.do-you-need .doyou-img {
  margin-top: 56px;
}
.do-you-need .content {
  padding: 0px 0px 0px 54px;
}
.do-you-need .content h1 {
  font-size: 42px;
  line-height: 50px;
  color: #ffffff;
}
.do-you-need .content p {
  margin-bottom: 24px;
  color: #ffffff;
}
.want-maximise {
  background-color: #fff0e9;
}
.want-maximise .content {
  padding: 0px 0px 0px 54px;
}
.want-maximise .content h1 {
  font-size: 42px;
  line-height: 50px;
}
.want-maximise .content p {
  margin-bottom: 24px;
}
.dental-room-want-maximise {
  background-color: #fff0e9;
}
.dental-room-want-maximise .content {
  padding: 0px 0px 0px 54px;
}
.dental-room-want-maximise .content h1 {
  font-size: 42px;
  line-height: 50px;
}
.dental-room-want-maximise .content p {
  margin-bottom: 24px;
}
.market-maximise {
  background-color: #fff0e9;
}
.market-maximise .content {
  padding: 0px 0px 0px 54px;
}
.market-maximise .content h1 {
  font-size: 42px;
  line-height: 50px;
}
.market-maximise .content p {
  margin-bottom: 24px;
}
.supply-want-maximise {
  background-color: #fff0e9;
  padding: 48px 0px 0px;
  position: relative;
}
.supply-want-maximise .content {
  padding: 40px 0px 64px 54px;
}
.supply-want-maximise .content h1 {
  font-size: 42px;
  line-height: 41px;
  margin-top: 8%;
}
.supply-want-maximise .content h4 {
  color: #0e1f29;
}
.supply-want-maximise .content p {
  margin-bottom: 24px;
}
.supply-want-maximise .content-img {
  margin: 0 0 0 auto;
  width: 100%;
}
.supply-want-maximise .content-img img {
  position: absolute;
  width: 646px;
  /* height: 100%; */
  top: 0;
  right: 0px;
}
.buy-sell-consider {
  position: relative;
}
.buy-sell-consider::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
  z-index: -1;
}
.buy-sell-consider .consider-img img {
  margin-top: 48px;
}
.buy-sell-consider .content {
  padding: 0px 0px 0px 54px;
}
.buy-sell-consider .content ul {
  padding: 0px 0px 48px 48px;
}
.buy-sell-consider .content ul li {
  list-style-type: disc;
  color: #ffffff;
}
.buy-sell-consider .content h1 {
  font-size: 42px;
  line-height: 50px;
  color: #ffffff;
}
.buy-sell-consider .content p {
  margin-bottom: 24px;
  color: #ffffff;
}
.are-you-dental {
  background-color: #fff0e9;
}
.are-you-dental .content {
  padding: 0px 0px 0px 54px;
}
.are-you-dental .content h1 {
  font-size: 29px;
  line-height: 50px;
}
.are-you-dental .content p {
  margin-bottom: 24px;
}
.directorylist-want-maximise {
  position: relative;
}
.directorylist-want-maximise::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
  z-index: -1;
}
.directorylist-want-maximise .content {
  padding: 0px 0px 0px 54px;
}
.directorylist-want-maximise .content h1 {
  color: #ffffff;
  font-size: 42px;
  line-height: 50px;
}
.directorylist-want-maximise .content p {
  margin-bottom: 24px;
  color: #ffffff;
}
.why-dental-interface {
  position: relative;
}
.why-dental-interface::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 600px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.why-dental-interface .content {
  position: relative;
}
.why-dental-interface .content h1 {
  color: white;
}
.why-dental-interface .content p {
  color: white;
  text-align: center;
}
.why-dental-interface .content .icon-card {
  padding: 15px;
  border-bottom: 1px solid white;
  margin: 10px 0px;
}
.why-dental-interface .content .icon-card.no-border {
  border: 0px;
}
.why-dental-interface .content .icon-card .icon {
  background-color: #ffd4b2;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.why-dental-interface .content .icon-card .icon svg {
  width: 25px;
  outline: -webkit-focus-ring-color auto 0px !important;
}
.why-dental-interface .content .icon-card .icon i {
  font-size: 30px;
  color: white;
}
.why-dental-interface .content .icon-card .icon:hover {
  background-color: white;
  border: none;
}
.why-dental-interface .content .icon-card .icon:hover svg path {
  fill: #FF7000;
}
.why-dental-interface .content .icon-card .icon:hover i {
  color: #FF7000;
}
.why-dental-interface .content .icon-card span {
  color: white;
  font-family: "Clash Grotesk Medium";
  font-size: 24px;
}
.why-dental-interface .content .icon-card span a {
  color: white;
  font-family: "Clash Grotesk Medium";
  font-size: 20px;
}
.partner-types {
  position: relative;
}
.partner-types::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 600px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.partner-types .icon-card .icon {
  width: 75px;
  height: 75px;
}
.partner-types .icon-card .icon img {
  width: 24px;
  object-fit: contain;
}
.partner-types .icon-card .icon i {
  font-size: 30px;
}
.partner-types .icon-card span {
  font-family: "Clash Display Medium";
  font-size: 36px;
}
.partner-types .content {
  position: relative;
}
.partner-types .content h1 {
  color: white;
}
.partner-types .content p {
  color: white;
  text-align: center;
}
.partner-types .content .icon-card {
  padding: 15px;
  border-bottom: 1px solid #cfcfcf;
  margin: 10px 0px;
}
.partner-types .content .icon-card.no-border {
  border: 0px;
}
.partner-types .content .icon-card .icon {
  background-color: #ffffff;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
}
.partner-types .content .icon-card .icon i {
  font-size: 22px;
}
.partner-types .content .icon-card .icon svg {
  width: 25px;
}
.partner-types .content .icon-card .icon:hover {
  background-color: white;
}
.partner-types .content .icon-card .icon:hover svg path {
  fill: #FF7000;
}
.partner-types .content .icon-card span {
  color: white;
  font-family: "Clash Grotesk";
  font-size: 24px;
}
.dental-courses {
  position: relative;
}
.dental-courses::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 450px;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.dental-courses .content {
  position: relative;
}
.dental-courses .content h1 {
  color: white;
}
.dental-courses .content h2 {
  color: white;
  text-align: center;
}
.dental-courses .content p {
  color: white;
  text-align: center;
}
.dental-courses .content .icon-card {
  padding: 15px;
  border-bottom: 1px solid #cfcfcf;
  margin: 10px 0px;
}
.dental-courses .content .icon-card.no-border {
  border: 0px;
}
.dental-courses .content .icon-card .icon {
  background-color: #ffffff;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.dental-courses .content .icon-card .icon i {
  font-size: 22px;
}
.dental-courses .content .icon-card .icon img {
  width: 30px;
  object-fit: contain;
}
.dental-courses .content .icon-card .icon svg {
  width: 25px;
}
.dental-courses .content .icon-card .icon:hover {
  background-color: white;
}
.dental-courses .content .icon-card .icon:hover svg path {
  fill: #FF7000;
}
.dental-courses .content .icon-card span {
  color: white;
  font-family: "Clash Grotesk";
  font-size: 24px;
}
.why-dental-interface-grey {
  position: relative;
}
.why-dental-interface-grey::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 600px;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.why-dental-interface-grey .content {
  position: relative;
}
.why-dental-interface-grey .content h1 {
  color: white;
}
.why-dental-interface-grey .content p {
  color: white;
  text-align: center;
}
.why-dental-interface-grey .content .icon-card {
  padding: 15px;
  border-bottom: 1px solid white;
  margin: 10px 0px;
}
.why-dental-interface-grey .content .icon-card.no-border {
  border: 0px;
}
.why-dental-interface-grey .content .icon-card .icon {
  background-color: #cbcbcb;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.why-dental-interface-grey .content .icon-card .icon svg {
  width: 25px;
}
.why-dental-interface-grey .content .icon-card .icon:hover {
  background-color: white;
}
.why-dental-interface-grey .content .icon-card .icon:hover svg path {
  fill: #cbcbcb;
}
.why-dental-interface-grey .content .icon-card .icon i {
  font-size: 30px;
  color: white;
}
.why-dental-interface-grey .content .icon-card .icon:hover {
  background-color: white;
}
.why-dental-interface-grey .content .icon-card .icon:hover i {
  color: #cbcbcb;
}
.why-dental-interface-grey .content .icon-card span {
  color: white;
  font-family: "Clash Grotesk";
  font-size: 24px;
}
.about-dental-interface {
  position: relative;
}
.about-dental-interface::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.about-dental-interface .content {
  position: relative;
}
.about-dental-interface .content iframe {
  width: 100%;
  height: 650px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.about-dental-interface .content .right-content {
  padding: 0px 0px 0px 48px;
}
.about-dental-interface .content .right-content h1 {
  color: white;
}
.about-dental-interface .content .right-content p {
  margin-bottom: 20px;
  color: white;
}
.dental-interface-advantages .left-content .swiper-container {
  position: relative;
  width: 100%;
}
.dental-interface-advantages .left-content .swiper-container .swiper-wrapper {
  max-width: 550px;
}
.dental-interface-advantages .left-content .swiper-container .swiper-wrapper .swiper-slide {
  min-height: 500px;
}
.dental-interface-advantages .left-content .swiper-container .swiper-wrapper .swiper-slide p {
  margin-bottom: 20px;
}
.dental-interface-advantages .left-content .swiper-container .navigations {
  display: flex;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 2;
}
.dental-interface-advantages .left-content .swiper-container .navigations span {
  cursor: pointer;
}
.dental-interface-advantages .left-content .swiper-container .navigations span.swiper-button-disabled svg path {
  fill: #908f8d;
}
.dental-interface-advantages .left-content .swiper-container .navigations .advantages-pagination {
  padding: 0px 20px;
  position: relative;
  bottom: 3px;
}
.dental-interface-advantages .left-content .swiper-container .navigations .advantages-pagination span {
  cursor: default;
}
.dental-interface-advantages .left-content .swiper-container .navigations .advantages-pagination span.swiper-pagination-current {
  color: #FF7000;
}
.dental-interface-advantages .left-content .content-arg {
  width: 100%;
}
.dental-interface-advantages .right-img {
  position: relative;
}
.dental-interface-advantages .right-img .hands {
  position: absolute;
  top: 20%;
  right: 0px;
  width: 75%;
}
.dental-interface-advantages p {
  font-size: 21px;
  margin: 0px 0px 24px;
  line-height: 32px;
}
.designed-for-you {
  position: relative;
}
.designed-for-you.sec-padding-tb {
  padding: 150px 0px;
}
.designed-for-you::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.designed-for-you .content {
  position: relative;
}
.designed-for-you .content h1 {
  color: white;
}
.designed-for-you .content p {
  margin-bottom: 20px;
  color: white;
}
.dp-designed-for-you {
  position: relative;
}
.dp-designed-for-you.sec-padding-tb {
  padding: 150px 0px;
}
.dp-designed-for-you::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.dp-designed-for-you .content {
  position: relative;
}
.dp-designed-for-you .content h1 {
  color: white;
}
.dp-designed-for-you .content p {
  margin-bottom: 20px;
  color: white;
}
.buy-sell-designed-for-you {
  position: relative;
}
.buy-sell-designed-for-you.sec-padding-tb {
  padding: 150px 0px;
}
.buy-sell-designed-for-you::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.buy-sell-designed-for-you .content {
  position: relative;
}
.buy-sell-designed-for-you .content h1 {
  color: white;
}
.buy-sell-designed-for-you .content p {
  margin-bottom: 20px;
  color: white;
}
.cat-designed-for-you {
  position: relative;
}
.cat-designed-for-you.sec-padding-tb {
  padding: 150px 0px;
}
.cat-designed-for-you::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.cat-designed-for-you .content {
  position: relative;
}
.cat-designed-for-you .content h1 {
  color: white;
}
.cat-designed-for-you .content p {
  margin-bottom: 20px;
  color: white;
}
.are-you-question {
  position: relative;
}
.are-you-question.sec-padding-tb {
  padding: 150px 0px;
}
.are-you-question::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.are-you-question .content {
  position: relative;
}
.are-you-question .content h1 {
  color: white;
}
.are-you-question .content p {
  margin-bottom: 20px;
  color: white;
}
.you-are-invited {
  position: relative;
}
.you-are-invited.sec-padding-tb {
  padding: 98px 0px;
}
.you-are-invited::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.you-are-invited .content {
  position: relative;
}
.you-are-invited .content h1 {
  color: white;
}
.you-are-invited .content p {
  margin-bottom: 32px;
  color: white;
}
.you-are-invited .buttons {
  padding: 10px 0;
}
.network-instant {
  position: relative;
}
.network-instant.sec-padding-tb {
  padding: 96px 0px;
}
.network-instant::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.network-instant .content {
  position: relative;
}
.network-instant .content h1 {
  color: white;
}
.network-instant .content p {
  margin-bottom: 20px;
  color: white;
}
.mission-vision .left-img {
  position: relative;
}
.mission-vision .left-img .woman {
  position: absolute;
  left: 15%;
  bottom: 0px;
  width: 70%;
}
.mission-vision .mission {
  background-color: #FF7000;
  border-radius: 10px;
  padding: 35px;
  width: 75%;
  margin: 25px 5%;
}
.mission-vision .mission h1 {
  color: #ffffff;
  text-align: center;
  font-size: 42px;
  margin-bottom: 10px;
}
.mission-vision .mission p {
  color: #ffffff;
  font-size: 13px;
}
.mission-vision .vision {
  background-color: #908f8d;
  border-radius: 10px;
  padding: 35px;
  width: 75%;
  margin: 25px 5%;
}
.mission-vision .vision h1 {
  color: #ffffff;
  text-align: center;
  font-size: 42px;
  margin-bottom: 10px;
}
.mission-vision .vision p {
  color: #ffffff;
  font-size: 13px;
}
.dental-interface-team {
  position: relative;
}
.dental-interface-team.sec-padding-tb {
  padding: 150px 0px;
}
.dental-interface-team::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.dental-interface-team .content {
  position: relative;
}
.dental-interface-team .content h1 {
  color: white;
}
.dental-interface-team .content p {
  margin-bottom: 20px;
  color: white;
}
.testimonials {
  position: relative;
}
.testimonials::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-strips-bg.svg') no-repeat;
  background-size: cover;
}
.testimonials h1 {
  font-family: "Clash Grotesk Medium";
  font-size: 55px;
  margin: 0px 0px;
}
.testimonials h1 span {
  font-family: "Clash Display Extra Light";
  font-weight: 600;
}
.testimonials .swiper-container {
  width: 100%;
  margin: 0px auto;
  padding: 25px 0px 75px;
}
.testimonials .swiper-container .swiper-wrapper .swiper-slide {
  padding: 25px;
  border-radius: 10px;
  margin: 0px 17.5px;
  max-width: 350px;
  min-height: 300px;
  background-color: white;
  box-shadow: 2px 1px 30px rgba(0, 0, 0, 0.15);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.testimonials .swiper-container .swiper-wrapper .swiper-slide h6 {
  color: #FF7000;
  font-size: 18px;
  line-height: 24px;
}
.testimonials .swiper-container .swiper-wrapper .swiper-slide p {
  margin: 0 0px 15px;
  font-size: 18px;
  line-height: 24px;
}
.testimonials .swiper-button-next {
  right: -60px;
}
.testimonials .swiper-button-next:after {
  font-size: 20px;
  font-weight: 500;
  color: #FF7000;
  visibility: hidden;
}
.testimonials .swiper-button-next i {
  font-size: 48px;
  color: #FF7000;
}
.testimonials .swiper-button-prev {
  left: -60px;
}
.testimonials .swiper-button-prev:after {
  font-size: 20px;
  font-weight: 500;
  color: #FF7000;
  visibility: hidden;
}
.testimonials .swiper-button-prev i {
  font-size: 48px;
  color: #FF7000;
}
.testimonials .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  background-color: #ffd4b2;
  width: 10px;
  height: 10px;
}
.testimonials .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FF7000;
}
.faqs {
  position: relative;
}
.faqs::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.faqs h1 {
  color: white;
  position: relative;
}
.faqs .mat-accordion .mat-expansion-panel {
  box-shadow: none;
  background: transparent;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  border-bottom: 1px solid white;
  position: relative;
  transition: all 0.5s ease-in-out 0s;
  padding: 15px 0px;
  height: auto;
  border-radius: 0px;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
  background: transparent;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
  color: white;
  font-size: 20px;
  font-weight: 500;
  padding-right: 25px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 15px 0px 0px;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-body p {
  color: white;
  margin-bottom: 10px;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-indicator {
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding: 3px;
  border: 1px solid white;
  border-radius: 50%;
}
.faqs .mat-accordion .mat-expansion-panel .mat-expansion-indicator::after {
  background: url('assets-images-icons-faqs-arrow.svg') no-repeat;
  background-size: cover;
  height: 15px;
  width: 15px;
  padding: 0px;
  transform: rotate(90deg);
  position: absolute;
  top: 8px;
  left: 8px;
  border: 0px;
}
.faqs .mat-accordion .mat-expansion-panel.mat-expanded {
  margin: 0px;
}
.faqs .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-indicator {
  transform: rotate(90deg) !important;
}
.dental-ecosystem-sec {
  position: relative;
}
.dental-ecosystem-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.dental-ecosystem-sec h1 {
  color: white;
  position: relative;
}
.dental-ecosystem-sec p {
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  z-index: 9;
  margin-bottom: 32px;
}
.dental-ecosystem-sec .mat-accordion .icon {
  background-color: #FDBE71;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  color: #ffffff;
}
.dental-ecosystem-sec .mat-accordion .icon i {
  font-size: 22px;
}
.dental-ecosystem-sec .mat-accordion .icon img {
  filter: invert(1);
  width: 45px;
  object-fit: contain;
  fill: #FF7000;
}
.dental-ecosystem-sec .mat-accordion .icon:hover {
  background-color: white;
  color: #FF7000;
}
.dental-ecosystem-sec .mat-accordion .icon:hover img {
  filter: brightness(1);
}
.dental-ecosystem-sec .mat-accordion .mat-expansion-panel {
  box-shadow: none;
  background: transparent;
}
.dental-ecosystem-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  border-bottom: 1px solid white;
  position: relative;
  transition: all 0.5s ease-in-out 0s;
  padding: 15px 0px;
  height: auto;
  border-radius: 0px;
}
.dental-ecosystem-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
  background: transparent;
}
.dental-ecosystem-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
  color: white;
  font-size: 32px;
  font-weight: 500;
  padding-right: 25px;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  font-family: "Clash Display" !important;
}
.dental-ecosystem-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 15px 0px 0px;
}
.dental-ecosystem-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-body p {
  color: white;
  margin: 15px 0px 35px;
}
.dental-ecosystem-sec .mat-accordion .mat-expansion-panel .mat-expansion-indicator {
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding: 3px;
  border: 1px solid white;
  border-radius: 50%;
}
.dental-ecosystem-sec .mat-accordion .mat-expansion-panel .mat-expansion-indicator::after {
  background: url('assets-images-icons-faqs-arrow.svg') no-repeat;
  background-size: cover;
  height: 15px;
  width: 15px;
  padding: 0px;
  transform: rotate(90deg);
  position: absolute;
  top: 8px;
  left: 8px;
  border: 0px;
}
.dental-ecosystem-sec .mat-accordion .mat-expansion-panel.mat-expanded {
  margin: 0px;
}
.dental-ecosystem-sec .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-indicator {
  transform: rotate(90deg) !important;
}
.breadchumb {
  display: flex;
  z-index: 9;
  justify-content: space-between;
  margin: 0px 0px 48px 0px;
}
.breadchumb ul {
  display: flex;
}
.breadchumb ul li a {
  color: #ffffff;
  text-transform: uppercase;
  display: flex;
  font-size: 13px;
}
.breadchumb ul li a img {
  margin: 0px 16px;
  width: 20px;
  object-fit: contain;
}
.breadchumb .text-head {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: -6px;
  font-family: "General Sans";
}
.breadchumb-two {
  display: flex;
  z-index: 9;
  justify-content: space-between;
  margin: 48px 0px 48px 0px;
}
.breadchumb-two ul {
  display: flex;
}
.breadchumb-two ul li a {
  color: #FF7000;
  text-transform: uppercase;
  display: flex;
  font-size: 15px;
  font-family: "Clash Display Light";
  font-weight: 600;
}
.breadchumb-two ul li a img {
  margin: 0px 16px;
  width: 20px;
  object-fit: contain;
}
.breadchumb-two .text-head {
  color: #FF7000;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 100;
  margin-top: -6px;
  font-family: "Clash Grotesk Light";
  font-weight: 600;
  letter-spacing: 3px;
}
.breadchumb-three {
  display: flex;
  z-index: 9;
  justify-content: space-between;
  margin: 48px 0px 48px 0px;
}
.breadchumb-three ul {
  display: flex;
}
.breadchumb-three ul li a {
  color: #0e1f29;
  text-transform: uppercase;
  display: flex;
  font-size: 15px;
  font-family: "Clash Display Light";
  font-weight: 600;
}
.breadchumb-three ul li a img {
  margin: 0px 16px;
  width: 20px;
  object-fit: contain;
}
.breadchumb-three .text-head {
  color: #0e1f29;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 100;
  margin-top: -6px;
  font-family: "Clash Grotesk Light";
  font-weight: 600;
  letter-spacing: 3px;
}
.contact-home-form {
  position: relative;
}
.contact-home-form::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.contact-home-form .content {
  position: relative;
}
.contact-home-form .content .left-content h2 {
  color: #ffffff;
  margin: 98px 0px 64px;
  font-family: "General Sans Medium";
}
.contact-home-form .content .left-content h5 {
  color: #ffffff;
  margin-bottom: 50px;
}
.contact-home-form .content .right-img {
  position: relative;
  min-height: 414px;
}
.contact-home-form .content .right-img .contact-form-img {
  position: absolute;
  left: 13%;
  bottom: -54%;
  width: 660px;
  object-fit: contain;
}
.contact-home-form .content .right-img .contactus-form-img {
  position: absolute;
  left: 35%;
  bottom: -156px;
  width: 415px;
}
.contact-form {
  position: relative;
}
.contact-form::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.contact-form .content {
  position: relative;
}
.contact-form .content .left-content h2 {
  color: white;
  margin-bottom: 10px;
}
.contact-form .content .left-content h5 {
  color: white;
  margin-bottom: 50px;
}
.contact-form .content .right-img {
  position: relative;
  min-height: 415px;
}
.contact-form .content .right-img .contact-form-img {
  position: absolute;
  left: 35%;
  bottom: -124px;
  width: 415px;
}
.contact-form .content .right-img .contactus-form-img {
  position: absolute;
  left: 35%;
  bottom: -156px;
  width: 415px;
}
.rent-updates-form {
  position: relative;
  padding: 75px 0px 0px;
}
.rent-updates-form::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.rent-updates-form .content {
  position: relative;
}
.rent-updates-form .content .left-content h2 {
  color: white;
  margin-bottom: 32px;
}
.rent-updates-form .content .left-content h5 {
  color: white;
  margin-bottom: 50px;
}
.rent-updates-form .content .right-img {
  position: relative;
  min-height: 415px;
}
.rent-updates-form .content .right-img .contact-form-img {
  position: absolute;
  left: 48%;
  bottom: -75px;
  width: 298px;
}
.rent-updates-form .content .right-img .rent-img {
  width: 36%;
  margin: 0 auto;
}
.rent-updates-form .content .right-img .rent-img .rent-form-img {
  width: 375px;
  object-fit: contain;
  margin: 0px 0px -6px;
}
.plans-updates-form {
  position: relative;
  padding: 75px 0px 0px;
}
.plans-updates-form::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.plans-updates-form .content {
  position: relative;
}
.plans-updates-form .content .left-content h2 {
  color: white;
  margin-bottom: 32px;
}
.plans-updates-form .content .left-content h5 {
  color: white;
  margin-bottom: 50px;
}
.plans-updates-form .content .right-img {
  position: relative;
  min-height: 415px;
}
.plans-updates-form .content .right-img .contact-form-img {
  position: absolute;
  left: 48%;
  bottom: -75px;
  width: 298px;
}
.plans-updates-form .content .right-img .rent-img {
  width: 36%;
  margin: 0 auto;
}
.plans-updates-form .content .right-img .rent-img .rent-form-img {
  width: 375px;
  object-fit: contain;
  margin: 0px 0px -6px;
}
.direct-list-updates-form {
  position: relative;
  padding: 75px 0px 0px;
}
.direct-list-updates-form::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.direct-list-updates-form .content {
  position: relative;
}
.direct-list-updates-form .content .left-content h2 {
  color: white;
  margin-bottom: 32px;
}
.direct-list-updates-form .content .left-content h5 {
  color: white;
  margin-bottom: 50px;
}
.direct-list-updates-form .content .right-img {
  position: relative;
  min-height: 415px;
}
.direct-list-updates-form .content .right-img .contact-form-img {
  position: absolute;
  left: 48%;
  bottom: -75px;
  width: 298px;
}
.direct-list-updates-form .content .right-img .rent-img {
  width: 36%;
  margin: 0 auto;
}
.direct-list-updates-form .content .right-img .rent-img .rent-form-img {
  width: 375px;
  object-fit: contain;
  margin: 0px 0px -6px;
}
.dental-room-updates-form {
  position: relative;
  padding: 75px 0px 0px;
}
.dental-room-updates-form::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.dental-room-updates-form .content {
  position: relative;
}
.dental-room-updates-form .content .left-content h2 {
  color: white;
  margin-bottom: 32px;
}
.dental-room-updates-form .content .left-content h5 {
  color: white;
  margin-bottom: 50px;
}
.dental-room-updates-form .content .right-img {
  position: relative;
  min-height: 415px;
}
.dental-room-updates-form .content .right-img .contact-form-img {
  position: absolute;
  left: 48%;
  bottom: -75px;
  width: 298px;
}
.dental-room-updates-form .content .right-img .rent-img {
  width: 81%;
  margin: 48px auto -6px;
}
.dental-room-updates-form .content .right-img .rent-img .rent-form-img {
  width: 540px;
  object-fit: contain;
}
.sm-updates-form {
  position: relative;
  padding: 75px 0px 0px;
}
.sm-updates-form::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.sm-updates-form .content {
  position: relative;
}
.sm-updates-form .content .left-content h2 {
  color: white;
  margin-bottom: 32px;
}
.sm-updates-form .content .left-content p {
  color: white;
  margin-bottom: 50px;
}
.sm-updates-form .content .right-img {
  position: relative;
  min-height: 415px;
}
.sm-updates-form .content .right-img .contact-form-img {
  position: absolute;
  left: 48%;
  bottom: -75px;
  width: 298px;
}
.sm-updates-form .content .right-img .rent-img {
  width: 90%;
  margin: 0px auto -6px;
}
.sm-updates-form .content .right-img .rent-img .rent-form-img {
  width: 65%;
  margin: 22px 0px 0px 0px;
}
.learning-updates-form {
  position: relative;
  padding: 75px 0px 0px;
}
.learning-updates-form::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.learning-updates-form .content {
  position: relative;
}
.learning-updates-form .content .left-content h2 {
  color: white;
  margin-bottom: 32px;
}
.learning-updates-form .content .left-content h5 {
  color: white;
  margin-bottom: 50px;
}
.learning-updates-form .content .left-content p {
  font-size: 20px;
  margin-bottom: 20px;
  color: #ffffff;
}
.learning-updates-form .content .right-img {
  position: relative;
  min-height: 415px;
}
.learning-updates-form .content .right-img .contact-form-img {
  position: absolute;
  left: 48%;
  bottom: -75px;
  width: 298px;
}
.learning-updates-form .content .right-img .rent-img {
  width: 52%;
  margin: 0 auto;
}
.learning-updates-form .content .right-img .rent-img .rent-form-img {
  width: 100%;
}
.howdy-subscribe-updates-form {
  position: relative;
}
.howdy-subscribe-updates-form::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.howdy-subscribe-updates-form .content {
  position: relative;
}
.howdy-subscribe-updates-form .content h4 {
  font-size: 34px;
  color: #fff;
  line-height: 40px;
  font-family: "General Sans Medium";
  margin: 0px 0px 56px;
}
.howdy-subscribe-updates-form .content .left-content h2 {
  color: white;
  margin-bottom: 32px;
}
.howdy-subscribe-updates-form .content .left-content h5 {
  color: white;
  margin-bottom: 50px;
}
.howdy-subscribe-updates-form .content .right-img {
  position: relative;
  min-height: 415px;
}
.howdy-subscribe-updates-form .content .right-img .contact-form-img {
  position: absolute;
  left: 48%;
  bottom: -75px;
  width: 298px;
}
.howdy-subscribe-updates-form .content .right-img .contactus-form-img {
  position: absolute;
  left: 35%;
  bottom: -156px;
  width: 415px;
}
.subscribe-updates-form {
  position: relative;
}
.subscribe-updates-form::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.subscribe-updates-form .content {
  position: relative;
}
.subscribe-updates-form .content .left-content h2 {
  color: white;
  margin-bottom: 32px;
}
.subscribe-updates-form .content .left-content h5 {
  color: white;
  margin-bottom: 50px;
}
.subscribe-updates-form .content .right-img {
  position: relative;
  min-height: 415px;
}
.subscribe-updates-form .content .right-img .contact-form-img {
  position: absolute;
  left: 48%;
  bottom: -75px;
  width: 298px;
}
.subscribe-updates-form .content .right-img .contactus-form-img {
  position: absolute;
  left: 35%;
  bottom: -156px;
  width: 415px;
}
.directorylist-updates-form {
  position: relative;
}
.directorylist-updates-form::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.directorylist-updates-form .content {
  position: relative;
}
.directorylist-updates-form .content .left-content h2 {
  color: white;
  margin-bottom: 32px;
}
.directorylist-updates-form .content .left-content h5 {
  color: white;
  margin-bottom: 50px;
}
.directorylist-updates-form .content .right-img {
  position: relative;
  min-height: 415px;
}
.directorylist-updates-form .content .right-img .contact-form-img {
  position: absolute;
  left: 28%;
  bottom: -75px;
  width: 400px;
}
.directorylist-updates-form .content .right-img .contactus-form-img {
  position: absolute;
  left: 35%;
  bottom: -156px;
  width: 415px;
}
.subscribe-updates-form-white {
  position: relative;
}
.subscribe-updates-form-white .content {
  position: relative;
}
.subscribe-updates-form-white .content .left-content h2 {
  margin-bottom: 32px;
}
.subscribe-updates-form-white .content .left-content h5 {
  margin-bottom: 50px;
}
.subscribe-updates-form-white .content .left-content .form-section {
  width: 100%;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group {
  margin: 0px 0px 50px;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-label {
  margin: 0 0 20px 0;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #000000;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control {
  width: 100%;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  font-size: 16px;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  outline: 0px !important;
  padding: 0px !important;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover .mat-form-field-outline, .subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:focus .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
  outline: 0px !important;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 0px !important;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid #707070;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 10px 0px;
  border: 0px;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input,
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  color: white;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select ::placeholder {
  color: #000000;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 15px;
  border: 0px;
  border-radius: 5px;
  box-shadow: 1px 1px 35px #ebebeb;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-radio-label {
  margin-right: 45px;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-inner-circle {
  background-color: #FF7000;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FF7000 !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #FF7000 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #FF7000 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .mat-checkbox {
  margin: 5px 10px 5px 0px;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-label {
  font-size: 12px;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  border-color: #b1b1b1;
  border-width: 1px;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.subscribe-updates-form-white .content .left-content .form-section .custom-form-group .mat-checkbox-checked .mat-checkbox-label {
  color: #FF7000;
}
.subscribe-updates-form-white .content .right-img {
  position: relative;
  min-height: 415px;
}
.subscribe-updates-form-white .content .right-img .contact-form-img {
  position: absolute;
  left: 15%;
  bottom: -74px;
  object-fit: contain;
  width: 686px;
}
.subscribe-updates-form-white .content .right-img .contactus-form-img {
  position: absolute;
  left: 35%;
  bottom: -156px;
  width: 415px;
}
.cat-subscribe-updates-form-white {
  position: relative;
}
.cat-subscribe-updates-form-white .content {
  position: relative;
}
.cat-subscribe-updates-form-white .content .left-content h2 {
  margin-bottom: 32px;
}
.cat-subscribe-updates-form-white .content .left-content h5 {
  margin-bottom: 50px;
}
.cat-subscribe-updates-form-white .content .left-content .form-section {
  width: 100%;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group {
  margin: 0px 0px 50px;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-label {
  margin: 0 0 20px 0;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #000000;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control {
  width: 100%;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  font-size: 16px;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  outline: 0px !important;
  padding: 0px !important;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover .mat-form-field-outline, .cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:focus .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
  outline: 0px !important;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 0px !important;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid #707070;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 10px 0px;
  border: 0px;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input,
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  color: white;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select ::placeholder {
  color: #000000;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 15px;
  border: 0px;
  border-radius: 5px;
  box-shadow: 1px 1px 35px #ebebeb;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-radio-label {
  margin-right: 45px;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-inner-circle {
  background-color: #FF7000;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FF7000 !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #FF7000 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #FF7000 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .mat-checkbox {
  margin: 5px 10px 5px 0px;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-label {
  font-size: 12px;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  border-color: #b1b1b1;
  border-width: 1px;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.cat-subscribe-updates-form-white .content .left-content .form-section .custom-form-group .mat-checkbox-checked .mat-checkbox-label {
  color: #FF7000;
}
.cat-subscribe-updates-form-white .content .right-img {
  position: relative;
  min-height: 415px;
}
.cat-subscribe-updates-form-white .content .right-img .contact-form-img {
  position: absolute;
  left: 48%;
  bottom: -75px;
  width: 298px;
}
.cat-subscribe-updates-form-white .content .right-img .contactus-form-img {
  position: absolute;
  left: 35%;
  bottom: -156px;
  width: 415px;
}
.booking-banner-section {
  min-height: 600px;
}
.booking-banner-section .right-content {
  min-height: 500px;
  display: flex;
  /* align-items: center; */
  justify-content: center;
}
.booking-banner-section .right-content h1 {
  font-size: 58px;
}
.booking-banner-section .right-content p {
  margin-bottom: 48px;
  font-size: 20px;
  font-weight: 700;
}
.booking-banner-section .left-img {
  display: flex;
}
.booking-banner-section .left-img .banner-img-1 {
  margin: 0px 20% 0px auto;
  min-width: 411px;
  object-fit: contain;
}
.dental-professional-dashboard-sec {
  overflow: hidden;
  min-height: 690px;
}
.dental-professional-dashboard-sec .content .side-img {
  top: 84px;
  width: 600px;
  position: absolute;
  left: 0%;
  object-fit: cover;
}
.dental-professional-dashboard-sec .content .right-side {
  padding: 36px 48px;
}
.dental-professional-dashboard-sec .content h1 {
  font-size: 46px;
}
.dental-professional-dashboard-sec .content p {
  line-height: 27px;
  font-size: 15px;
  text-align: justify;
  margin: 0px 0px 56px;
}
.market-want-maximise .content {
  width: 80%;
}
.market-want-maximise .content p {
  margin-bottom: 32px;
  font-size: 17px;
  line-height: 25px;
}
.market-want-maximise .market-img {
  width: 700px;
  object-fit: fill;
}
.askquestion-form {
  position: relative;
}
.askquestion-form .content {
  position: relative;
}
.askquestion-form .content .left-content h2 {
  margin-bottom: 10px;
}
.askquestion-form .content .left-content h5 {
  margin-bottom: 50px;
}
.askquestion-form .content .left-content .form-section {
  width: 100%;
}
.askquestion-form .content .left-content .form-section .custom-form-group {
  margin: 0px 0px 50px;
}
.askquestion-form .content .left-content .form-section .custom-form-group.mbw {
  margin: 0px 0px 0px;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-label {
  margin: 0 0 20px 0;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #000000;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control {
  width: 100%;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  font-size: 16px;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  outline: 0px !important;
  padding: 0px !important;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover .mat-form-field-outline, .askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:focus .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
  outline: 0px !important;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 0px !important;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid #ff7000;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 10px 0px;
  border: 0px;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input,
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  color: white;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select ::placeholder {
  color: #000000;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 15px;
  border: 0px;
  border-radius: 5px;
  box-shadow: 1px 1px 35px #ebebeb;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-radio-label {
  margin-right: 45px;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-inner-circle {
  background-color: #FF7000;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #241515 !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #241515 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #241515 !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.askquestion-form .content .left-content .form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.askquestion-form .content .left-content .form-section .custom-form-group .mat-checkbox {
  margin: 5px 10px 5px 0px;
}
.askquestion-form .content .left-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-label {
  font-size: 12px;
}
.askquestion-form .content .left-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
}
.askquestion-form .content .left-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  border-color: #b1b1b1;
  border-width: 1px;
}
.askquestion-form .content .left-content .form-section .custom-form-group .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.askquestion-form .content .left-content .form-section .custom-form-group .mat-checkbox-checked .mat-checkbox-label {
  color: #FF7000;
}
.askquestion-form .content .right-img {
  position: relative;
}
.askquestion-form .content .right-img p {
  width: 80%;
  font-size: 13px;
}
.askquestion-form-org {
  position: relative;
}
.askquestion-form-org::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.askquestion-form-org .content {
  position: relative;
}
.askquestion-form-org .content .left-content h2 {
  margin-bottom: 10px;
}
.askquestion-form-org .content .left-content h5 {
  margin-bottom: 50px;
}
.askquestion-form-org .content .left-content .form-section {
  width: 100%;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group {
  margin: 0px 0px 50px;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-label {
  margin: 0 0 20px 0;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #000000;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control {
  width: 100%;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  font-size: 16px;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  outline: 0px !important;
  padding: 0px !important;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover .mat-form-field-outline, .askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex:focus .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
  outline: 0px !important;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  outline: 0px !important;
  border-radius: 0px !important;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid #ffffff;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 10px 0px;
  border: 0px;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input,
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  color: white;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select ::placeholder {
  color: #000000;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 15px;
  border: 0px;
  border-radius: 5px;
  box-shadow: 1px 1px 35px #ebebeb;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-radio-label {
  margin-right: 45px;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF7000;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-radio-checked .mat-radio-inner-circle {
  background-color: #FF7000;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff !important;
  /* Firefox */
  font-weight: 400 !important;
  text-transform: capitalize;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-select-arrow {
  margin: 0 0;
  opacity: 1;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .mat-icon {
  height: 30px;
  width: 30px;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .custom-form-control .arrow_icon {
  width: 20px;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .mat-checkbox {
  margin: 5px 10px 5px 0px;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-label {
  font-size: 12px;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .mat-checkbox .mat-checkbox-frame {
  border-color: #b1b1b1;
  border-width: 1px;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FF7000 !important;
}
.askquestion-form-org .content .left-content .form-section .custom-form-group .mat-checkbox-checked .mat-checkbox-label {
  color: #FF7000;
}
.askquestion-form-org .content .right-img {
  position: relative;
}
.askquestion-form-org .content .right-img h2 {
  color: white;
  margin-bottom: 10px;
}
.askquestion-form-org .content .right-img h5 {
  color: white;
  margin-bottom: 50px;
}
.askquestion-form-org .content .right-img p {
  color: white;
  width: 80%;
  font-size: 13px;
}
.key-advantage-sec {
  background-color: #fff0e9;
}
.key-advantage-sec .pricing_box {
  width: 80%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
  margin: 0 68px;
}
.key-advantage-sec .pricing_box .plan_head {
  margin: 0 0 0 0;
  padding: 15px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.key-advantage-sec .pricing_box .plan_head h2 {
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.key-advantage-sec .pricing_box .plan_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.key-advantage-sec .pricing_box .plan_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.key-advantage-sec .pricing_box .plan_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.key-advantage-sec .pricing_box .plans_body {
  padding: 25px 20px 20px 20px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.key-advantage-sec .pricing_box .plans_body .plan_item {
  padding: 11px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: center;
}
.key-advantage-sec .pricing_box .plans_body .plan_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.key-advantage-sec .pricing_box .plans_body .plan_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.key-advantage-sec .right-img img {
  width: 100%;
}
.howdy-key-advantage-sec {
  background-color: #fff0e9;
}
.howdy-key-advantage-sec .pricing_box {
  width: 80%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
  margin: 0 68px;
}
.howdy-key-advantage-sec .pricing_box .plan_head {
  margin: 0 0 0 0;
  padding: 15px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.howdy-key-advantage-sec .pricing_box .plan_head h2 {
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.howdy-key-advantage-sec .pricing_box .plan_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.howdy-key-advantage-sec .pricing_box .plan_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.howdy-key-advantage-sec .pricing_box .plan_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.howdy-key-advantage-sec .pricing_box .plans_body {
  padding: 25px 20px 20px 20px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.howdy-key-advantage-sec .pricing_box .plans_body .plan_item {
  padding: 11px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: center;
}
.howdy-key-advantage-sec .pricing_box .plans_body .plan_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.howdy-key-advantage-sec .pricing_box .plans_body .plan_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.howdy-key-advantage-sec .right-img img {
  width: 100%;
}
.locum-sea-sec {
  position: relative;
  padding: 75px 0px 0px;
}
.locum-sea-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
  z-index: -1;
}
.locum-sea-sec .card_box {
  width: 80%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
  margin: 16px 68px;
}
.locum-sea-sec .card_box .card_head {
  margin: 0 0 0 0;
  padding: 15px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.locum-sea-sec .card_box .card_head.second-col {
  background-color: #0e1f29;
  border-bottom: 1px solid #0e1f29;
}
.locum-sea-sec .card_box .card_head h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.locum-sea-sec .card_box .card_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.locum-sea-sec .card_box .card_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.locum-sea-sec .card_box .card_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.locum-sea-sec .card_box .card_body {
  padding: 25px 20px 20px 20px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.locum-sea-sec .card_box .card_body .card_item {
  padding: 11px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: center;
}
.locum-sea-sec .card_box .card_body .card_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.locum-sea-sec .card_box .card_body .card_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.locum-sea-sec .card_box .card_body .card_text p {
  font-size: 13px;
  margin: 8px 0px 24px 0px;
}
.locum-sea-sec .card_box .card_body .card_text .btn-set {
  text-align: center;
  margin-bottom: 32px;
}
.locum-sea-sec .right-img {
  margin: 0 0px 0px auto;
}
.locum-sea-sec .right-img img {
  width: 375px;
  object-fit: cover;
  margin-bottom: -6px;
}
.searching-for-dental-sec {
  position: relative;
  padding: 75px 0px 75px;
}
.searching-for-dental-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('search-bg.png') no-repeat;
  background-size: cover;
  z-index: -1;
}
.searching-for-dental-sec .card_box {
  width: 90%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
  margin: 16px 68px;
}
.searching-for-dental-sec .card_box .card_head {
  margin: 0 0 0 0;
  padding: 15px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.searching-for-dental-sec .card_box .card_head.second-col {
  background-color: #0e1f29;
  border-bottom: 1px solid #0e1f29;
}
.searching-for-dental-sec .card_box .card_head h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.searching-for-dental-sec .card_box .card_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.searching-for-dental-sec .card_box .card_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.searching-for-dental-sec .card_box .card_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.searching-for-dental-sec .card_box .card_body {
  padding: 25px 20px 20px 20px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.searching-for-dental-sec .card_box .card_body .card_item {
  padding: 11px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: center;
}
.searching-for-dental-sec .card_box .card_body .card_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.searching-for-dental-sec .card_box .card_body .card_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.searching-for-dental-sec .card_box .card_body .card_text p {
  font-size: 13px;
  margin: 8px 0px 24px 0px;
}
.searching-for-dental-sec .card_box .card_body .card_text .btn-set {
  text-align: center;
  margin-bottom: 32px;
}
.searching-for-dental-sec .right-img {
  margin: 0 auto;
}
.searching-for-dental-sec .right-img img {
  width: 663px;
  object-fit: cover;
  /* margin-bottom: -5px; */
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.buy-sell-key-advantage-sec {
  background-color: #fff0e9;
  padding: 150px 0px 80px;
}
.buy-sell-key-advantage-sec .pricing_box {
  width: 80%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
  margin: 0 68px;
}
.buy-sell-key-advantage-sec .pricing_box .plan_head {
  margin: 0 0 0 0;
  padding: 15px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.buy-sell-key-advantage-sec .pricing_box .plan_head h2 {
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.buy-sell-key-advantage-sec .pricing_box .plan_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.buy-sell-key-advantage-sec .pricing_box .plan_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.buy-sell-key-advantage-sec .pricing_box .plan_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.buy-sell-key-advantage-sec .pricing_box .plans_body {
  padding: 25px 20px 20px 20px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.buy-sell-key-advantage-sec .pricing_box .plans_body .plan_item {
  padding: 11px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: center;
}
.buy-sell-key-advantage-sec .pricing_box .plans_body .plan_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.buy-sell-key-advantage-sec .pricing_box .plans_body .plan_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.buy-sell-key-advantage-sec .right-img img {
  width: 100%;
}
.key-learning-advantage-sec {
  background-color: #f3f3f3;
}
.key-learning-advantage-sec .wrapper-two .pricing_box {
  width: 80%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
  margin: 0 68px;
}
.key-learning-advantage-sec .wrapper-two .pricing_box .plan_head {
  margin: 0 0 0 0;
  padding: 15px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.key-learning-advantage-sec .wrapper-two .pricing_box .plan_head h2 {
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.key-learning-advantage-sec .wrapper-two .pricing_box .plan_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.key-learning-advantage-sec .wrapper-two .pricing_box .plan_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.key-learning-advantage-sec .wrapper-two .pricing_box .plan_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.key-learning-advantage-sec .wrapper-two .pricing_box .plans_body {
  padding: 25px 20px 20px 20px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.key-learning-advantage-sec .wrapper-two .pricing_box .plans_body .plan_item {
  padding: 11px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: center;
}
.key-learning-advantage-sec .wrapper-two .pricing_box .plans_body .plan_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.key-learning-advantage-sec .wrapper-two .pricing_box .plans_body .plan_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.key-learning-advantage-sec .wrapper-two .right-img img {
  width: 100%;
}
.key-feature-sec-org {
  position: relative;
}
.key-feature-sec-org::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.key-feature-sec-org .pricing_box {
  width: 98%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
}
.key-feature-sec-org .pricing_box .plan_head {
  margin: 0 0 0 0;
  padding: 15px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.key-feature-sec-org .pricing_box .plan_head.second-col {
  background-color: #0e1f29;
  border-bottom: 1px solid #0e1f29;
}
.key-feature-sec-org .pricing_box .plan_head h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.key-feature-sec-org .pricing_box .plan_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.key-feature-sec-org .pricing_box .plan_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.key-feature-sec-org .pricing_box .plan_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.key-feature-sec-org .pricing_box .plans_body {
  padding: 25px 20px 20px 20px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.key-feature-sec-org .pricing_box .plans_body .plan_item {
  padding: 11px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: center;
}
.key-feature-sec-org .pricing_box .plans_body .plan_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.key-feature-sec-org .pricing_box .plans_body .plan_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.key-feature-sec-org .right-img img {
  width: 100%;
}
.key-feature-sec {
  position: relative;
}
.key-feature-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.key-feature-sec .pricing_box {
  width: 98%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
}
.key-feature-sec .pricing_box .plan_head {
  margin: 0 0 0 0;
  padding: 15px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.key-feature-sec .pricing_box .plan_head.second-col {
  background-color: #0e1f29;
  border-bottom: 1px solid #0e1f29;
}
.key-feature-sec .pricing_box .plan_head h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.key-feature-sec .pricing_box .plan_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.key-feature-sec .pricing_box .plan_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.key-feature-sec .pricing_box .plan_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.key-feature-sec .pricing_box .plans_body {
  padding: 25px 20px 20px 20px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.key-feature-sec .pricing_box .plans_body .plan_item {
  padding: 11px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: center;
}
.key-feature-sec .pricing_box .plans_body .plan_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.key-feature-sec .pricing_box .plans_body .plan_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.key-feature-sec .right-img img {
  width: 100%;
}
.market-key-feature-sec {
  position: relative;
}
.market-key-feature-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.market-key-feature-sec .pricing_box {
  width: 98%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
}
.market-key-feature-sec .pricing_box .plan_head {
  margin: 0 0 0 0;
  padding: 15px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.market-key-feature-sec .pricing_box .plan_head.second-col {
  background-color: #0e1f29;
  border-bottom: 1px solid #0e1f29;
}
.market-key-feature-sec .pricing_box .plan_head h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.market-key-feature-sec .pricing_box .plan_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.market-key-feature-sec .pricing_box .plan_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.market-key-feature-sec .pricing_box .plan_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.market-key-feature-sec .pricing_box .plans_body {
  padding: 25px 20px 20px 20px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.market-key-feature-sec .pricing_box .plans_body .plan_item {
  padding: 11px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: center;
}
.market-key-feature-sec .pricing_box .plans_body .plan_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.market-key-feature-sec .pricing_box .plans_body .plan_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.market-key-feature-sec .right-img img {
  width: 100%;
}
.supply-key-feature-sec {
  position: relative;
}
.supply-key-feature-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.supply-key-feature-sec .title {
  z-index: 9;
  text-align: center;
  color: #ffffff;
  margin-bottom: 40px;
}
.supply-key-feature-sec .pricing_box {
  width: 98%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
}
.supply-key-feature-sec .pricing_box .plan_head {
  margin: 0 0 0 0;
  padding: 15px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.supply-key-feature-sec .pricing_box .plan_head.second-col {
  background-color: #0e1f29;
  border-bottom: 1px solid #0e1f29;
}
.supply-key-feature-sec .pricing_box .plan_head h2 {
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.supply-key-feature-sec .pricing_box .plan_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.supply-key-feature-sec .pricing_box .plan_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.supply-key-feature-sec .pricing_box .plan_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.supply-key-feature-sec .pricing_box .plans_body {
  padding: 25px 20px 20px 20px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.supply-key-feature-sec .pricing_box .plans_body .plan_item {
  padding: 11px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: center;
}
.supply-key-feature-sec .pricing_box .plans_body .plan_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.supply-key-feature-sec .pricing_box .plans_body .plan_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.supply-key-feature-sec .right-img img {
  width: 100%;
}
.dental-job-key-feature-sec {
  position: relative;
}
.dental-job-key-feature-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('assets-images-grey-bg.svg') no-repeat;
  background-size: cover;
}
.dental-job-key-feature-sec .title {
  z-index: 9;
  text-align: center;
  color: #ffffff;
  margin-bottom: 40px;
}
.dental-job-key-feature-sec .pricing_box {
  width: 98%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
}
.dental-job-key-feature-sec .pricing_box .plan_head {
  margin: 0 0 0 0;
  padding: 15px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.dental-job-key-feature-sec .pricing_box .plan_head.second-col {
  background-color: #0e1f29;
  border-bottom: 1px solid #0e1f29;
}
.dental-job-key-feature-sec .pricing_box .plan_head h2 {
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.dental-job-key-feature-sec .pricing_box .plan_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.dental-job-key-feature-sec .pricing_box .plan_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.dental-job-key-feature-sec .pricing_box .plan_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.dental-job-key-feature-sec .pricing_box .plans_body {
  padding: 25px 20px 20px 20px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.dental-job-key-feature-sec .pricing_box .plans_body .plan_item {
  padding: 11px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: center;
}
.dental-job-key-feature-sec .pricing_box .plans_body .plan_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.dental-job-key-feature-sec .pricing_box .plans_body .plan_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.dental-job-key-feature-sec .right-img img {
  width: 100%;
}
.directory-key-feature-sec {
  position: relative;
}
.directory-key-feature-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #B1B1B1;
  background-size: cover;
}
.directory-key-feature-sec .pricing_box {
  width: 98%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
}
.directory-key-feature-sec .pricing_box .plan_head {
  margin: 0 0 0 0;
  padding: 15px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.directory-key-feature-sec .pricing_box .plan_head.second-col {
  background-color: #0e1f29;
  border-bottom: 1px solid #0e1f29;
}
.directory-key-feature-sec .pricing_box .plan_head h2 {
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.directory-key-feature-sec .pricing_box .plan_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.directory-key-feature-sec .pricing_box .plan_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.directory-key-feature-sec .pricing_box .plan_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.directory-key-feature-sec .pricing_box .plans_body {
  padding: 25px 20px 20px 20px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.directory-key-feature-sec .pricing_box .plans_body .plan_item {
  padding: 11px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: center;
}
.directory-key-feature-sec .pricing_box .plans_body .plan_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.directory-key-feature-sec .pricing_box .plans_body .plan_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.directory-key-feature-sec .right-img img {
  width: 100%;
}
.all-plans-section {
  position: relative;
  padding: 0px 0px 80px;
}
.all-plans-section::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #dadada;
  background-size: cover;
  z-index: -1;
}
.all-plans-section .content .plans-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.all-plans-section .content .plans-heading .form-section .custom-form-group .custom-form-control {
  width: 17%;
  margin: 40px auto;
}
.all-plans-section .content .plans-heading .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  background-color: #ffffff;
  padding: 15px !important;
  border: 0px;
  border-radius: 5px;
  box-shadow: 1px 1px 35px #ebebeb;
}
.all-plans-section .content .plans-heading .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border: 1px solid transparent;
}
.all-plans-section .content .plans-heading .form-section .mat-select-placeholder {
  color: #0e1f29;
}
.all-plans-section .content .plans-heading h1 {
  font-size: 46px;
}
.all-plans-section .content .mat-tab-body-content {
  overflow: hidden;
}
.all-plans-section .plantabs .mat-tab-labels {
  justify-content: space-between;
  width: 100%;
}
.all-plans-section .plantabs .mat-tab-label {
  padding: 0px 0px !important;
}
.all-plans-section .plantabs .mat-tab-label .mat-tab-label-content {
  font-family: "Clash Display Medium" !important;
  font-size: 30px !important;
  padding: 0px 0px;
  font-weight: 500 !important;
}
.all-plans-section .plantabs .mat-tab-label-active {
  color: #0e1f29;
}
.all-plans-section .plantabs .mat-tab-group.mat-primary .mat-ink-bar, .all-plans-section .plantabs .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #0e1f29 !important;
}
.all-plans-section .plantabs .pricing_box {
  width: 98%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
  margin: 48px 8px;
}
.all-plans-section .plantabs .pricing_box .plan_head {
  margin: 0 0 0 0;
  padding: 24px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.all-plans-section .plantabs .pricing_box .plan_head.second-col {
  background-color: #0e1f29;
  border-bottom: 1px solid #0e1f29;
}
.all-plans-section .plantabs .pricing_box .plan_head h2 {
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  line-height: 25px;
  text-align: center;
}
.all-plans-section .plantabs .pricing_box .plan_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.all-plans-section .plantabs .pricing_box .plan_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.all-plans-section .plantabs .pricing_box .plan_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.all-plans-section .plantabs .pricing_box .plans_body {
  padding: 48px 40px 20px 40px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.all-plans-section .plantabs .pricing_box .plans_body.second_body {
  padding: 48px 12px 20px 12px;
}
.all-plans-section .plantabs .pricing_box .plans_body.highlet {
  background-color: #FF7000;
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_box .plans_body.highlet h5 {
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_box .plans_body.highlet .plan_item {
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_box .plans_body.highlet .plan_item i {
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_box .plans_body h4 {
  color: #0e1f29;
  padding: 0px 20px;
  font-size: 21px;
}
.all-plans-section .plantabs .pricing_box .plans_body h5 {
  color: #0e1f29;
  padding: 0px 0px;
  font-size: 15px;
  line-height: 22px;
  font-family: "Clash Grotesk", sans-serif !important;
  font-weight: 600;
}
.all-plans-section .plantabs .pricing_box .plans_body .plan_item {
  padding: 16px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: flex-start;
}
.all-plans-section .plantabs .pricing_box .plans_body .plan_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.all-plans-section .plantabs .pricing_box .plans_body .plan_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.all-plans-section .plantabs .pricing_box .plans_body .price-body {
  border: 1px solid #ff7000;
  border-radius: 4px;
  text-align: center;
}
.all-plans-section .plantabs .pricing_box .plans_body .price-body h2 {
  text-align: center;
  background: #ff7000;
  color: white;
  font-size: 22px;
  font-weight: 300;
}
.all-plans-section .plantabs .pricing_box .plans_body .price-body h3 {
  font-size: 25px;
  margin-bottom: 10px;
}
.all-plans-section .plantabs .pricing_box .plans_body .price-body h3 span {
  font-size: 43px;
}
.all-plans-section .plantabs .pricing_box .plans_body .price-body p {
  padding: 6px 6px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
}
.all-plans-section .plantabs .pricing_box .plans_body .price-body .btn-plan {
  width: 52%;
  background-color: #ff7000;
  color: #fff !important;
  margin: 11px;
  text-align: center;
  padding: 0 !important;
  height: 45px;
  border-radius: 15px !important;
}
.all-plans-section .plantabs .pricing_box .btn-plan {
  width: 100%;
  height: 80px;
  padding: 0 54px 0 0px !important;
  filter: drop-shadow(8px 6px 20px rgba(0, 0, 0, 0.1));
  border-radius: 8px !important;
  background-color: #FF7000;
  color: #ffffff !important;
  margin: -12px 0px 0px;
}
.all-plans-section .plantabs .pricing_box .btn-plan:hover {
  background-color: #ffffff;
  color: #FF7000;
}
.all-plans-section .plantabs .pricing_box .btn-plan .price-adjust {
  display: flex;
  align-items: center;
  justify-content: center;
}
.all-plans-section .plantabs .pricing_box .btn-plan .price-adjust p {
  color: #fff;
  font-size: 12px;
}
.all-plans-section .plantabs .pricing_box .btn-plan .price-adjust p span {
  font-size: 20px;
}
.all-plans-section .plantabs .pricing_box .btn-plan .price-adjust .price {
  font-size: 24px;
  line-height: 54px;
  margin: 0px 10px 0px 41px;
}
.all-plans-section .plantabs .pricing_box .btn-plan .price-adjust .time {
  text-align: left;
  line-height: 10px;
  font-family: "Clash Display Light";
  font-size: 11px;
  font-weight: 600;
  margin: 12px;
}
.all-plans-section .plantabs .pricing_box .btn-plan .price-adjust .detail {
  text-align: center;
  line-height: 20px;
  font-family: "Clash Display Light";
  font-size: 9px;
  font-weight: 400;
}
.all-plans-section .plantabs .pricing_box .btn-plan .price-adjust .dental-professional-banner-sec {
  text-align: center;
  line-height: 20px;
  font-family: "Clash Display Light";
  font-size: 14px;
  font-weight: 600;
}
.all-plans-section .plantabs .pricing_box .btn-plan .mat-button-wrapper {
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_box .btn-plan-two {
  width: 100%;
  height: 80px;
  padding: 0 54px 0 0px !important;
  filter: drop-shadow(8px 6px 20px rgba(0, 0, 0, 0.1));
  border-radius: 8px !important;
  background-color: #ffffff;
  color: #FF7000 !important;
  margin: -12px 0px 0px;
}
.all-plans-section .plantabs .pricing_box .btn-plan-two:hover {
  background-color: #FF7000;
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_box .btn-plan-two:hover .mat-button-wrapper {
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_box .btn-plan-two .price-adjust {
  display: grid;
  align-items: center;
  justify-content: center;
}
.all-plans-section .plantabs .pricing_box .btn-plan-two .price-adjust .price {
  font-size: 34px;
  line-height: 54px;
  margin: 0px 10px 0px 0px;
}
.all-plans-section .plantabs .pricing_box .btn-plan-two .price-adjust .time {
  text-align: left;
  line-height: 20px;
  font-family: "Clash Display Light";
  font-size: 14px;
  font-weight: 600;
}
.all-plans-section .plantabs .pricing_box .btn-plan-two .price-adjust p {
  text-align: center;
  line-height: 10px;
  font-family: "Clash Display Light";
  font-size: 10px;
  font-weight: 600;
}
.all-plans-section .plantabs .pricing_box .btn-plan-two .price-adjust .detail {
  font-size: 11px;
  font-size: 11px;
  margin: 0 -35px 3px 0;
}
.all-plans-section .plantabs .pricing_box .btn-plan-two .mat-button-wrapper {
  color: #FF7000;
}
.all-plans-section .plantabs .pricing_boxs {
  max-width: 100%;
  padding: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
  margin: 48px 8px;
}
.all-plans-section .plantabs .pricing_boxs .plan_head {
  margin: 0 0 0 0;
  padding: 24px 15px;
  border-bottom: 1px solid #FF7000;
  background-color: #FF7000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 2;
}
.all-plans-section .plantabs .pricing_boxs .plan_head.second-col {
  background-color: #0e1f29;
  border-bottom: 1px solid #0e1f29;
}
.all-plans-section .plantabs .pricing_boxs .plan_head h2 {
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  line-height: 25px;
  text-align: center;
}
.all-plans-section .plantabs .pricing_boxs .plan_head h2 span {
  position: absolute;
  right: 15px;
  top: 16px;
}
.all-plans-section .plantabs .pricing_boxs .plan_head h2 span img {
  width: 21px;
  background: white;
  padding: 7px;
  border-radius: 50%;
}
.all-plans-section .plantabs .pricing_boxs .plan_head h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "General Sans Semibold", sans-serif !important;
  display: flex;
}
.all-plans-section .plantabs .pricing_boxs .plans_body {
  padding: 25px 10px;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  margin: -10px 0 0 0;
  transition: all 0.5s ease-in-out;
}
.all-plans-section .plantabs .pricing_boxs .plans_body.second_body {
  padding: 25px 10px;
}
.all-plans-section .plantabs .pricing_boxs .plans_body.highlet {
  background-color: #FF7000;
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_boxs .plans_body.highlet h5 {
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_boxs .plans_body.highlet .plan_item {
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_boxs .plans_body.highlet .plan_item i {
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_boxs .plans_body h4 {
  color: #0e1f29;
  padding: 0px 20px;
  font-size: 21px;
}
.all-plans-section .plantabs .pricing_boxs .plans_body h5 {
  color: #0e1f29;
  padding: 0px 0px;
  font-size: 15px;
  line-height: 22px;
  font-family: "Clash Grotesk", sans-serif !important;
  font-weight: 600;
}
.all-plans-section .plantabs .pricing_boxs .plans_body .plan_item {
  padding: 16px 16px;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
  display: flex;
  align-items: flex-start;
  max-width: 325px;
}
.all-plans-section .plantabs .pricing_boxs .plans_body .plan_item i {
  color: #FF7000;
  font-size: 24px;
  margin-right: 12px;
}
.all-plans-section .plantabs .pricing_boxs .plans_body .plan_item img {
  margin-right: 10px;
  width: 16px;
  object-fit: contain;
}
.all-plans-section .plantabs .pricing_boxs .plans_body .price-body {
  border: 1px solid #ff7000;
  border-radius: 4px;
  text-align: center;
}
.all-plans-section .plantabs .pricing_boxs .plans_body .price-body h2 {
  text-align: center;
  background: #ff7000;
  color: white;
  font-size: 22px;
  font-weight: 300;
}
.all-plans-section .plantabs .pricing_boxs .plans_body .price-body h3 {
  font-size: 25px;
  margin-bottom: 10px;
}
.all-plans-section .plantabs .pricing_boxs .plans_body .price-body h3 span {
  font-size: 43px;
}
.all-plans-section .plantabs .pricing_boxs .plans_body .price-body p {
  padding: 6px 6px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  font-family: "Clash Grotesk", sans-serif !important;
}
.all-plans-section .plantabs .pricing_boxs .plans_body .price-body .btn-plan {
  width: 70%;
  background-color: #ff7000;
  color: #fff !important;
  margin: 11px;
  text-align: center;
  padding: 0 !important;
  height: 45px;
  border-radius: 15px !important;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan {
  width: 100%;
  height: 80px;
  padding: 0 54px 0 0px !important;
  filter: drop-shadow(8px 6px 20px rgba(0, 0, 0, 0.1));
  border-radius: 8px !important;
  background-color: #FF7000;
  color: #ffffff !important;
  margin: -12px 0px 0px;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan:hover {
  background-color: #ffffff;
  color: #FF7000;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan .price-adjust {
  display: flex;
  align-items: center;
  justify-content: center;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan .price-adjust p {
  color: #fff;
  font-size: 12px;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan .price-adjust p span {
  font-size: 20px;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan .price-adjust .price {
  font-size: 24px;
  line-height: 54px;
  margin: 0px 10px 0px 41px;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan .price-adjust .time {
  text-align: left;
  line-height: 10px;
  font-family: "Clash Display Light";
  font-size: 11px;
  font-weight: 600;
  margin: 12px;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan .price-adjust .detail {
  text-align: center;
  line-height: 20px;
  font-family: "Clash Display Light";
  font-size: 9px;
  font-weight: 400;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan .price-adjust .dental-professional-banner-sec {
  text-align: center;
  line-height: 20px;
  font-family: "Clash Display Light";
  font-size: 14px;
  font-weight: 600;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan .mat-button-wrapper {
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan-two {
  width: 100%;
  height: 80px;
  padding: 0 54px 0 0px !important;
  filter: drop-shadow(8px 6px 20px rgba(0, 0, 0, 0.1));
  border-radius: 8px !important;
  background-color: #ffffff;
  color: #FF7000 !important;
  margin: -12px 0px 0px;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan-two:hover {
  background-color: #FF7000;
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan-two:hover .mat-button-wrapper {
  color: #ffffff;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan-two .price-adjust {
  display: grid;
  align-items: center;
  justify-content: center;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan-two .price-adjust .price {
  font-size: 34px;
  line-height: 54px;
  margin: 0px 10px 0px 0px;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan-two .price-adjust .time {
  text-align: left;
  line-height: 20px;
  font-family: "Clash Display Light";
  font-size: 14px;
  font-weight: 600;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan-two .price-adjust p {
  text-align: center;
  line-height: 10px;
  font-family: "Clash Display Light";
  font-size: 10px;
  font-weight: 600;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan-two .price-adjust .detail {
  font-size: 11px;
  font-size: 11px;
  margin: 0 -35px 3px 0;
}
.all-plans-section .plantabs .pricing_boxs .btn-plan-two .mat-button-wrapper {
  color: #FF7000;
}
.all-plans-section .plantabs .pricing_table {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 14px;
  box-shadow: 1px 1px 35px #ebebeb;
  margin: 48px 0px 0px;
}
.all-plans-section .plantabs .pricing_table .blur {
  filter: blur(8px);
  -webkit-filter: blur(8px);
}
.all-plans-section .plantabs .pricing_table .comingsoon {
  padding: 40px 0px 26px;
  color: #FF7000;
}
.all-plans-section .plantabs .pricing_table .dptable {
  width: 100%;
  max-width: 100%;
  font-family: "Clash Display Medium" !important;
}
.all-plans-section .plantabs .pricing_table .dptable td {
  font-size: 18px;
  padding: 4px 0px;
  text-align: center;
}
.all-plans-section .plantabs .pricing_table .dptable td:first-child {
  width: 27%;
  text-align: left;
}
.all-plans-section .plantabs .pricing_table .innertable {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.all-plans-section .plantabs .pricing_table .innertable td {
  font-size: 16px;
  padding: 4px 0px;
  text-align: center;
}
.all-plans-section .plantabs .pricing_table .innertable td:first-child {
  width: 27%;
  text-align: left;
}
.all-plans-section .plantabs .pricing_table .supply-head-table {
  width: 100%;
  max-width: 100%;
  font-family: "Clash Display Medium" !important;
}
.all-plans-section .plantabs .pricing_table .supply-head-table td {
  font-size: 15px;
  padding: 4px 0px;
  text-align: center;
}
.all-plans-section .plantabs .pricing_table .supply-head-table td.firsttd {
  width: 27%;
}
.all-plans-section .plantabs .pricing_table .supplytable {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.all-plans-section .plantabs .pricing_table .supplytable td {
  font-size: 16px;
  padding: 4px 0px;
}
.all-plans-section .plantabs .pricing_table .supplytable td:first-child {
  width: 27%;
  text-align: left;
}
.all-plans-section .plantabs .pricing_table .mat-expansion-indicator {
  background: #FF7000 !important;
  padding: 0px 6px !important;
  border-radius: 50%;
  color: white !important;
}
.all-plans-section .plantabs .pricing_table .mat-expansion-indicator::after {
  border-color: white;
  border-width: 0 3px 3px 0 !important;
  padding: 3px !important;
}
.all-plans-section .plantabs .pricing_table .mat-expansion-panel-header {
  width: 27%;
  padding: 0 0px;
}
.all-plans-section .plantabs .pricing_table .mat-accordion .mat-expansion-panel:first-of-type {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.all-plans-section .plantabs .pricing_table .mat-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom: 1px solid #EBEBEB;
}
.all-plans-section .plantabs .pricing_table .mat-expansion-panel-header-title {
  font-size: 19px !important;
  font-family: "Clash Display Medium" !important;
}
.all-plans-section .plantabs .pricing_table .mat-expansion-panel-body {
  padding: 0 0px 15px !important;
}
.all-plans-section .plantabs .pricing_table .mat-expansion-panel {
  box-shadow: none !important;
}
.all-plans-section .plantabs .pricing_table .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover {
  background-color: #ffffff !important;
}
.all-plans-section .plantabs .pricing_table .fa-times-circle {
  color: #cacaca;
  font-size: 19px;
}
.all-plans-section .plantabs .pricing_table .fa-check-circle {
  color: #FF7000;
  font-size: 19px;
}
.all-plans-section .complete-plan .form-section .custom-form-group .custom-form-control {
  width: 46%;
  margin: 40px auto;
}
.all-plans-section .complete-plan .form-section .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 17px 40px;
  border: 1px solid;
  border-radius: 30px;
  box-shadow: 1px 1px 35px #ebebeb;
  font-size: 22px;
  font-weight: 600;
}
.all-plans-section .complete-plan .form-section .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border: 1px solid transparent;
}
.all-plans-section .complete-plan .form-section .mat-select-placeholder {
  color: #0e1f29;
}
.setdrop {
  width: 16px;
}
.directory-listing-dashboard-sec .content {
  position: relative;
}
.directory-listing-dashboard-sec .content .side-img {
  top: 0px;
  width: 500px;
  position: absolute;
  left: 0%;
  object-fit: cover;
}
.booking-sec {
  position: relative;
}
.booking-sec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 600px;
  background: url('assets-images-orange-bg.svg') no-repeat;
  background-size: cover;
}
.booking-sec .content {
  position: relative;
}
.booking-sec .content h1 {
  color: white;
}
.booking-sec .content h2 {
  color: #000000;
  margin: 0px;
}
.booking-sec .content p {
  color: white;
  text-align: center;
}
.booking-sec .content .booking-form {
  background-color: white;
  border-radius: 10px;
  margin: 50px 0px;
  padding-top: 50px;
  max-width: 100%;
}
.booking-sec .content .booking-form .booking-options {
  width: 50%;
  margin: 50px auto 0px;
}
.booking-sec .content .booking-form .mat-tab-group {
  margin: 50px;
}
.booking-sec .content .booking-form .mat-tab-group .mat-tab-header {
  border: 0px;
}
.booking-sec .content .booking-form .mat-tab-group .mat-tab-labels {
  border: 1px solid #FF7000;
  border-radius: 8px;
}
.booking-sec .content .booking-form .mat-tab-group .mat-tab-labels .mat-tab-label {
  width: 33.333%;
}
.booking-sec .content .booking-form .mat-tab-group .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  background-color: #FF7000;
  border: 0px;
  color: white;
  opacity: 1;
}
.booking-sec .content .booking-form .mat-tab-group .mat-ink-bar {
  background-color: transparent !important;
}
.booking-sec .content .booking-form .mat-tab-header-pagination-chevron {
  height: 16px !important;
  width: 16px !important;
  border-color: #FF7000;
}
.man-img {
  margin-top: 48px;
  object-fit: contain;
}
.z9 {
  z-index: 9;
}
/* ------------------------------ BREAK-POINTS ------------------------------ */
/* ------------------ MOBILE-PHONES-VERTICAL-HORIZONTAL ------------------ */
@media screen and (min-width:300px) and (max-width: 767px) {
  .sec-padding {
    padding: 25px;
  }

  .sec-padding-tb {
    padding: 25px 0px;
  }

  .sec-margin-b {
    margin-bottom: 25px;
  }

  .navbar .navbar_nav .web_navbar {
    display: none;
  }
  .navbar .navbar_nav .mobile_navbar {
    display: block !important;
  }

  h1 {
    font-size: 34px;
    line-height: 40px;
  }

  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .left-img {
    display: none !important;
  }
  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text {
    padding: 0px 16px 0px 16px;
  }
  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text h1 {
    font-size: 34px;
    line-height: 40px;
  }

  .access-like-never-before-sec {
    height: 675px;
  }
  .access-like-never-before-sec .content .text {
    padding: 0px 16px;
  }
  .access-like-never-before-sec .content .text h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .access-like-never-before-sec .content .cat-img img {
    width: 100%;
    top: 24px;
  }

  .why-dental-interface .content h1 {
    text-align: center;
  }
  .why-dental-interface .content .icon-card {
    padding: 12px 24px;
    border-bottom: 1px solid transparent;
    margin: 0px 0px;
  }
  .why-dental-interface .content .icon-card span {
    font-size: 13px;
  }
  .why-dental-interface .content .icon-card .icon i {
    font-size: 25px;
  }

  .about-dental-interface .content iframe {
    height: 300px;
  }
  .about-dental-interface .content .right-content {
    padding: 0px 8px 0px 32px;
  }

  .mission-vision .mission h1 {
    font-size: 16px;
  }
  .mission-vision .vision h1 {
    font-size: 16px;
  }

  .dental-interface-advantages .left-content .content-arg {
    width: 82%;
    margin: 32px auto;
  }
  .dental-interface-advantages p {
    font-size: 17px;
    line-height: 28px;
  }

  .testimonials h1 {
    font-size: 36px;
  }

  .breadchumb-two {
    display: block;
    margin: 48px 0px 24px 0px;
  }
  .breadchumb-two ul {
    margin: 0px 0px 8px;
  }

  .breadchumb-three {
    display: block;
    margin: 48px 0px 24px 0px;
  }
  .breadchumb-three ul {
    margin: 0px 0px 8px;
  }

  .designed-for-you.sec-padding-tb {
    padding: 48px 0px;
  }

  .dental-interface-team.sec-padding-tb {
    padding: 48px 0px;
  }

  .testimonials .swiper-button-prev {
    left: 85%;
    top: 23%;
  }
  .testimonials .swiper-button-prev i {
    font-size: 26px;
  }
  .testimonials .swiper-button-next {
    right: 0px;
    top: 23%;
  }
  .testimonials .swiper-button-next i {
    font-size: 26px;
  }

  .contact-home-form .content .left-content h2 {
    margin: 48px 0px 64px;
  }
  .contact-home-form .content .right-img {
    min-height: 0px;
  }
  .contact-home-form .content .right-img .contact-form-img {
    display: none;
  }

  .login-form {
    padding: 24px 0px 0px;
  }
  .login-form .content .left-content .login-content.login-second-content {
    padding: 16px 16px;
    width: 82%;
    margin: 0px auto;
  }
  .login-form .content .left-content .login-content .form-section {
    width: 100%;
  }
  .login-form .content .left-content .login-content .title h2 {
    font-size: 25px;
    margin-bottom: 6px;
    line-height: 27px;
  }
  .login-form .content .right-img {
    display: none !important;
    min-height: 0px;
  }

  .breadchumb {
    display: block;
  }
  .breadchumb ul {
    align-items: center;
  }
  .breadchumb .text-head {
    font-size: 13px;
    margin-top: 16px;
  }

  .dental-job-banner-sec::before {
    display: none;
  }

  .locum-sea-sec .card_box {
    width: 98%;
    margin: 16px 2px;
  }
  .locum-sea-sec .card_box .card_head h2 {
    font-size: 21px;
    line-height: 24px;
  }
  .locum-sea-sec .card_box .btn-primary .mat-button-wrapper {
    font-size: 10px;
  }
  .locum-sea-sec .right-img img {
    width: 100%;
  }

  .searching-for-dental-sec .card_box {
    width: 98%;
    margin: 16px 2px;
  }
  .searching-for-dental-sec .card_box .card_head h2 {
    text-align: left;
    font-size: 21px;
    line-height: 24px;
  }
  .searching-for-dental-sec .card_box .btn-primary .mat-button-wrapper {
    font-size: 7px;
  }
  .searching-for-dental-sec .card_box .btn-primary .mat-button-wrapper img {
    width: 30px;
    height: 30px;
  }
  .searching-for-dental-sec .right-img img {
    display: none;
  }

  .dental-job-banner-sec .left-content {
    min-height: 350px;
    padding: 0px 16px;
  }
  .dental-job-banner-sec .right-content h1 {
    margin-bottom: 8px;
  }
  .dental-job-banner-sec .right-content p {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 24px;
  }

  .dental-learning-banner-sec .left-content {
    min-height: 350px;
    padding: 0px 16px;
  }
  .dental-learning-banner-sec .right-content h1 {
    margin-bottom: 8px;
  }
  .dental-learning-banner-sec .right-content p {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 24px;
  }
  .dental-learning-banner-sec .right-img img {
    margin: 0px 0px 0px;
  }

  .booking-banner-section .left-img .banner-img-1 {
    min-width: 225px;
    margin: 0px auto;
  }
  .booking-banner-section .right-content {
    min-height: 350px;
    padding: 0px 16px;
  }
  .booking-banner-section .right-content h1 {
    font-size: 34px;
    margin-bottom: 8px;
  }
  .booking-banner-section .right-content p {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 24px;
  }
  .booking-banner-section .right-img img {
    margin: 0px 0px 0px;
  }

  .booking-sec .content .booking-form .booking-options {
    width: 86%;
    margin: 50px auto 0px;
  }
  .booking-sec .content .booking-form .mat-tab-group {
    margin: 50px 0px;
  }

  .dental-professional-banner-sec .left-content {
    min-height: 350px;
    padding: 0px 16px;
  }
  .dental-professional-banner-sec .right-content h1 {
    margin-bottom: 8px;
  }
  .dental-professional-banner-sec .right-content p {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 24px;
  }
  .dental-professional-banner-sec .right-img img {
    margin: 0px 0px 0px;
    width: 100% !important;
  }

  .service-for-all-banner-sec .left-content {
    min-height: 210px;
    padding: 24px 16px;
    align-items: flex-end;
  }
  .service-for-all-banner-sec .right-content h1 {
    margin-bottom: 8px;
  }
  .service-for-all-banner-sec .right-content p {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 24px;
  }

  .dental-job-search h1 {
    font-size: 34px;
  }
  .dental-job-search .search-total .search-list {
    display: inline-block;
  }
  .dental-job-search .search-total .search-list h2 {
    font-size: 24px;
  }
  .dental-job-search .search-total .search-list .btn-right .mr {
    margin-bottom: 16px;
  }
  .dental-job-search .search-total .search-items .search-img img {
    width: 75px;
  }

  .dental-job-dashboard-sec .content h1 {
    line-height: 35px;
    font-size: 27px;
    margin: 24px 0px 24px 0px;
  }

  .directory-listing-dashboard-sec .content h1 {
    margin: 48% 0px 0px;
  }
  .directory-listing-dashboard-sec .content .side-img {
    top: -48px;
    width: 345px;
  }

  .rent-updates-form.sec-padding-tb {
    padding: 25px 0px 0px;
  }
  .rent-updates-form .content .right-img .rent-img {
    width: 75%;
    margin: 0 auto;
  }
  .rent-updates-form .content .right-img .rent-img .rent-form-img {
    width: 256px;
  }

  .plans-updates-form.sec-padding-tb {
    padding: 25px 0px 0px;
  }
  .plans-updates-form .content .right-img {
    min-height: 333px;
  }
  .plans-updates-form .content .right-img .rent-img {
    width: 100%;
    margin: 0 auto;
  }
  .plans-updates-form .content .right-img .rent-img .rent-form-img {
    width: 100%;
  }

  .dental-ecosystem-sec .mat-accordion .icon {
    width: 36px;
    height: 36px;
  }
  .dental-ecosystem-sec .mat-accordion .icon i {
    font-size: 15px;
  }
  .dental-ecosystem-sec .mat-accordion .icon img {
    width: 20px;
  }
  .dental-ecosystem-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
    font-size: 11px;
  }

  .askquestion-form .content .right-img p {
    width: 100%;
    margin: 0px 0px 24px;
  }

  .why-dental-interface-grey .content h1 {
    text-align: center;
    font-size: 28px;
    line-height: 35px;
  }
  .why-dental-interface-grey .content p {
    margin: 0px 0px 24px;
  }
  .why-dental-interface-grey .content .icon-card {
    padding: 1px 16px;
    border-bottom: 1px solid transparent;
  }
  .why-dental-interface-grey .content .icon-card .icon {
    width: 35px;
    height: 35px;
  }
  .why-dental-interface-grey .content .icon-card .icon svg {
    width: 16px;
  }
  .why-dental-interface-grey .content .icon-card .icon i {
    color: #ffffff;
  }
  .why-dental-interface-grey .content .icon-card span {
    font-size: 13px;
  }

  .subscribe-updates-form .content .right-img .contact-form-img {
    position: absolute;
    left: 12%;
    bottom: -25px;
    width: 236px;
    object-fit: cover;
  }
  .subscribe-updates-form .content .left-content p {
    font-size: 16px;
    color: #ffffff;
    margin: 0px 0px 24px;
  }

  .colum-reverse {
    flex-direction: column-reverse !important;
  }

  .directory-listing-banner-sec {
    min-height: 365px;
  }
  .directory-listing-banner-sec .right-img .banner-img-1 {
    margin: 0px 0px 54px;
    width: 100%;
  }

  .directory-search .search-total .search-list {
    display: block;
  }
  .directory-search .search-total .search-list .btn-right .mr {
    margin-bottom: 16px;
  }
  .directory-search .icon-right img {
    display: none;
  }

  .directorylist-want-maximise .content {
    padding: 0px 0px 56px 0px;
  }

  .service-design-banner-sec .left-content {
    min-height: 460px;
    width: 98%;
  }
  .service-design-banner-sec .left-content .banner-text .btn-adj {
    width: 80%;
  }
  .service-design-banner-sec .right-img .banner-img-1 {
    width: 335px;
  }

  .supply-market-dashboard-sec .content h1 {
    font-size: 28px;
    line-height: 36px;
    margin: 24px 0px;
  }
  .supply-market-dashboard-sec .content .left img {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0px;
  }

  .supply-want-maximise .content {
    padding: 40px 0px 54px 0px;
  }
  .supply-want-maximise .content h1 {
    font-size: 32px;
    line-height: 38px;
  }
  .supply-want-maximise .content-img img {
    position: relative;
    width: 100%;
    margin-bottom: -6px;
  }

  .sm-updates-form .content .right-img {
    min-height: 340px;
  }
  .sm-updates-form .content .right-img .rent-img .rent-form-img {
    width: 100%;
    margin: 24px 0px -24px 0px;
  }

  .do-you-need .content {
    padding: 40px 0px 0px 0px;
  }
  .do-you-need .content h1 {
    font-size: 36px;
  }

  .buy-sell-banner-sec .left-content {
    width: 95%;
    margin: 24px 0 0 auto;
  }
  .buy-sell-banner-sec .right-img .banner-img-1 {
    width: 100%;
  }

  .buy-sell-dashboard-sec .content .left-content {
    padding: 0px 8px;
  }

  .buy-sell-consider .content {
    padding: 40px 0px 0px 0px;
  }
  .buy-sell-consider .consider-img img {
    margin-top: 48px;
    margin-bottom: -6px;
  }

  .buy-sell-key-advantage-sec .pricing_box {
    width: 92%;
    margin: 0 16px;
  }

  .buy-sell-designed-for-you.sec-padding-tb {
    padding: 48px 0px;
  }

  .openbook-sec .content .text {
    padding: 0px 0px;
  }
  .openbook-sec .content .cat-img img {
    position: relative;
    top: 40px;
    width: 100%;
  }

  .cataloge-dashboard-sec .content .cataloge-img img {
    padding: 0px 0px;
    width: 100%;
  }

  .key-advantage-sec .pricing_box {
    width: 96%;
    margin: 0 8px;
  }

  .cat-designed-for-you.sec-padding-tb {
    padding: 48px 0px;
  }

  .dental-learninghub-dashboard-sec .content .left-side {
    padding: 0px 0px;
  }
  .dental-learninghub-dashboard-sec .content h1 {
    margin: 0px 0px 32px;
  }

  .are-you-dental .content {
    padding: 40px 0px 0px 0px;
  }
  .are-you-dental .content h1 {
    line-height: 40px;
  }

  .key-learning-advantage-sec .wrapper-two .pricing_box {
    width: 96%;
    margin: 0 8px;
  }

  .are-you-question.sec-padding-tb {
    padding: 48px 0px;
  }

  .dental-courses .content .icon-card {
    border-bottom: 1px solid transparent;
  }

  .learning-updates-form.sec-padding-tb {
    padding: 25px 0px 0px;
  }
  .learning-updates-form .content .right-img {
    margin: 0px 0px -8px;
  }
  .learning-updates-form .content .right-img .rent-img {
    width: 70%;
  }

  .dental-marketplace-banner-sec::before {
    display: none;
  }
  .dental-marketplace-banner-sec .left-content {
    min-height: 350px;
    padding: 0px 16px;
  }
  .dental-marketplace-banner-sec .right-img img {
    margin: 0px 0px 0px;
  }

  .dental-market-dashboard-sec .content .left-content {
    padding: 0px 0px;
  }

  .market-maximise .content {
    padding: 40px 0px 0px 0px;
  }
  .market-maximise .content h1 {
    font-size: 35px;
  }

  .market-want-maximise .content {
    width: 100%;
    padding: 40px 0px;
  }

  .direct-list-updates-form .content .right-img {
    min-height: 400px;
  }
  .direct-list-updates-form .content .right-img .rent-img {
    width: 78%;
    margin: 0px auto -24px;
  }
  .direct-list-updates-form .content .right-img .rent-img .rent-form-img {
    width: 100%;
  }

  .dental-room-banner-sec .left-content {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 245px;
  }
  .dental-room-banner-sec .right-img .banner-img-1 {
    position: relative;
    top: 0px;
    right: 0px;
    width: 100%;
  }

  .network-instant.sec-padding-tb {
    padding: 48px 0px;
  }

  .dental-room-want-maximise .content {
    padding: 48px 0px 0px 0px;
  }
  .dental-room-want-maximise .content h1 {
    font-size: 35px;
    line-height: 42px;
  }

  .dental-room-updates-form.sec-padding-tb {
    padding: 25px 0px 0px;
  }
  .dental-room-updates-form .content .right-img .rent-img {
    width: 100%;
  }
  .dental-room-updates-form .content .right-img .rent-img .rent-form-img {
    width: 100%;
  }

  .howdy-banner-sec::before {
    display: none;
  }

  .partner-types .content .icon-card {
    border-bottom: 1px solid transparent;
    margin: 0px 0px;
  }
  .partner-types .content .icon-card span {
    font-size: 18px;
  }
  .partner-types .content .icon-card .icon {
    width: 48px;
    height: 48px;
    margin-right: 8px;
  }
  .partner-types .content .icon-card .icon img {
    width: 18px;
  }

  .howdy-key-advantage-sec .pricing_box {
    width: 96%;
    margin: 0 8px;
  }

  .you-are-invited.sec-padding-tb {
    padding: 48px 0px;
  }

  .howdy-subscribe-updates-form .content .right-img .contact-form-img {
    left: 48px;
    bottom: -24px;
    width: 71%;
  }

  .all-plans-section .content .plans-heading .form-section .custom-form-group .custom-form-control {
    width: 100%;
  }
  .all-plans-section .content .plans-heading h1 {
    font-size: 26px;
    line-height: 30px;
  }
  .all-plans-section .plantabs .mat-tab-label .mat-tab-label-content {
    font-size: 18px;
    padding: 0px 16px;
  }
  .all-plans-section .plantabs .pricing_box .plans_body {
    padding: 48px 16px 20px 16px;
  }
  .all-plans-section .complete-plan .form-section .custom-form-group .custom-form-control {
    width: 100%;
  }
  .all-plans-section .complete-plan .form-section .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    font-size: 12px;
  }

  .dental-professional-dashboard-sec .content h1 {
    font-size: 34px;
  }
  .dental-professional-dashboard-sec .content .side-img {
    top: 0px;
    width: 100%;
    position: relative;
    left: 0%;
  }
  .dental-professional-dashboard-sec .content .right-side {
    padding: 36px 0px;
  }

  .dp-designed-for-you.sec-padding-tb {
    padding: 40px 0px;
  }

  .subscribe-updates-form-white .content .right-img {
    min-height: 260px;
  }
  .subscribe-updates-form-white .content .right-img .contact-form-img {
    position: relative;
    left: 0;
    bottom: -24px;
    object-fit: contain;
    width: 100%;
  }

  .contact-section .right-content {
    padding: 0px 16px;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .contact-section .banner-fixed-img {
    max-width: 54px;
  }

  .contact-form .content .right-img .contactus-form-img {
    position: relative;
    left: 0%;
    bottom: -24px;
    width: 100%;
  }
}
/* ------------------------------ MOBILE-PHONES-VERTICAL -------------------- */
/* ------------------------------ MOBILE-PHONES-HORIZONTAL ---------------- */
/* --------------------- MEDIUM-SCREENS ------------------- */
/* --------------------- I-PAD-TABLETS-HORIZONTAL ------------------- */
@media screen and (min-width:768px) and (max-width: 991px) {
  .navbar .navbar_nav {
    height: 60px;
  }
  .navbar .navbar_nav .web_navbar {
    display: none;
  }
  .navbar .navbar_nav .mobile_navbar {
    display: block !important;
  }

  .sec-padding-tb {
    padding: 29px 0px;
  }

  .contact-section .banner-fixed-img {
    max-width: 214px;
    object-fit: cover;
  }
  .contact-section .left-img .banner-img {
    margin-left: 16px;
    width: 70%;
  }

  .contact-form .content .right-img .contactus-form-img {
    left: 0%;
    bottom: -156px;
    width: 373px;
  }

  .booking-banner-section {
    min-height: 500px;
  }
  .booking-banner-section .right-content h1 {
    font-size: 35px;
  }
  .booking-banner-section .right-content p {
    line-height: 32px;
  }
  .booking-banner-section .left-img .banner-img-1 {
    margin: 0px 4% 0px auto;
    min-width: 343px;
  }

  .dental-professional-banner-sec .left-content .content-adj {
    padding: 0px 0px 0px 48px;
  }
  .dental-professional-banner-sec .left-content .content-adj h1 {
    font-size: 34px;
    line-height: 36px;
  }
  .dental-professional-banner-sec .left-content .content-adj p {
    line-height: 28px;
  }
  .dental-professional-banner-sec .right-img .banner-img-1 {
    width: 380px;
  }

  .dental-professional-dashboard-sec .content .side-img {
    top: 0px;
    width: 100%;
    position: relative;
    left: 0%;
  }

  .directory-listing-dashboard-sec .content .side-img {
    top: 0px;
    width: 100%;
    position: relative;
    left: 0%;
  }

  .dp-designed-for-you.sec-padding-tb {
    padding: 48px 0px;
  }

  .key-advantage-sec .pricing_box {
    width: 90%;
    margin: 0 24px;
  }

  h1 {
    font-size: 34px;
    line-height: 50px;
  }

  .subscribe-updates-form-white .content .right-img .contact-form-img {
    left: 0%;
    bottom: -21px;
    object-fit: contain;
    width: 382px;
  }

  .main-footer .footer-links {
    flex-wrap: wrap;
  }
  .main-footer .footer-links .column_footer {
    max-width: 46% !important;
    margin: 0 18px 16px 0px !important;
  }

  .howdy-banner-sec {
    min-height: 255px;
  }
  .howdy-banner-sec::before {
    width: 50px;
    height: 50px;
  }
  .howdy-banner-sec .left-content {
    min-height: 250px;
  }

  .partner-types::before {
    min-height: 525px;
  }
  .partner-types .content .icon-card span {
    font-size: 17px;
  }

  .network-instant.sec-padding-tb {
    padding: 30px 0px;
  }

  .howdy-key-advantage-sec .right-img {
    min-height: 420px;
    display: flex;
    align-items: center;
  }
  .howdy-key-advantage-sec .pricing_box {
    width: 100%;
    margin: 0 0px;
  }

  .you-are-invited.sec-padding-tb {
    padding: 30px 0px;
  }

  .breadchumb .text-head {
    font-size: 13px;
  }

  .howdy-subscribe-updates-form .content h4 {
    font-size: 24px;
    margin: 0px 0px 32px;
  }
  .howdy-subscribe-updates-form .content .right-img .contact-form-img {
    left: 17%;
    bottom: -30px;
    width: 250px;
    object-fit: cover;
  }

  .dental-room-banner-sec {
    min-height: 255px;
  }
  .dental-room-banner-sec .left-content {
    min-height: 250px;
  }
  .dental-room-banner-sec .right-img .banner-img-1 {
    width: 327px;
    object-fit: cover;
    position: absolute;
    top: -20%;
    right: 0px;
  }

  .dental-room-dashboard-sec .content h1 {
    font-size: 25px;
    line-height: 32px;
  }

  .dental-room-updates-form .content .right-img .rent-img {
    width: 100%;
    margin: 0px auto 0px;
    display: flex;
    align-items: flex-end;
    min-height: 599px;
  }
  .dental-room-updates-form .content .right-img .rent-img .rent-form-img {
    margin-bottom: -28px;
    width: 100%;
  }

  .key-feature-sec-org .pricing_box .plan_head h2 {
    font-size: 16px;
    justify-content: flex-start;
  }

  .dental-room-want-maximise {
    padding: 29px 0px;
  }
  .dental-room-want-maximise .set-img {
    margin-bottom: -23%;
  }
  .dental-room-want-maximise .content h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .directory-listing-banner-sec {
    min-height: 255px;
  }
  .directory-listing-banner-sec .left-content {
    min-height: 250px;
  }
  .directory-listing-banner-sec .left-content h1 {
    font-size: 26px;
    line-height: 35px;
  }
  .directory-listing-banner-sec .right-img .banner-img-1 {
    margin: 32px 0px 0px;
  }

  .direct-list-updates-form .content .left-content h2 {
    margin-bottom: 16px;
    font-size: 22px;
    line-height: 28px;
  }
  .direct-list-updates-form .content .left-content p {
    margin-bottom: 16px;
  }
  .direct-list-updates-form .content .right-img .rent-img {
    width: 68%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    min-height: 600px;
  }
  .direct-list-updates-form .content .right-img .rent-img .rent-form-img {
    width: 100%;
    margin: 0px 0px -29px;
  }

  .directorylist-want-maximise {
    overflow: hidden;
    padding: 29px 0px;
  }
  .directorylist-want-maximise .content h1 {
    font-size: 26px;
    line-height: 36px;
  }

  .directory-key-feature-sec .pricing_box .plan_head h2 {
    font-size: 16px;
    justify-content: flex-start;
  }

  .rent-updates-form .content .right-img .rent-img {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    min-height: 570px;
  }
  .rent-updates-form .content .right-img .rent-img .rent-form-img {
    margin: 0px 0px -29px;
  }

  .colum-reverse-tab {
    flex-direction: column-reverse !important;
  }

  .dental-market-dashboard-sec .set-image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dental-market-dashboard-sec .set-image img {
    width: 50%;
    margin: 0px 0px 48px;
  }

  .market-maximise .content h1 {
    font-size: 32px;
    line-height: 28px;
  }

  .market-key-feature-sec .pricing_box .plan_head h2 {
    font-size: 18px;
    justify-content: flex-start;
  }

  .market-want-maximise .content {
    width: 100%;
  }
  .market-want-maximise .content h1 {
    font-size: 25px;
    line-height: 38px;
  }
  .market-want-maximise .content p {
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 21px;
  }

  .dental-learning-banner-sec {
    min-height: 255px;
  }
  .dental-learning-banner-sec .left-content {
    min-height: 250px;
  }

  .service-for-all-banner-sec {
    min-height: 230px;
  }
  .service-for-all-banner-sec .left-content {
    min-height: 230px;
    padding: 0px 16px;
  }

  .why-dental-interface-grey .content .icon-card span {
    font-size: 18px;
  }
  .why-dental-interface-grey .content .icon-card .icon i {
    color: #ffffff;
  }

  .subscribe-updates-form .content .left-content p {
    color: #ffffff;
    margin-bottom: 16px;
  }
  .subscribe-updates-form .content .right-img .contact-form-img {
    position: relative;
    left: 28px;
    bottom: -30px;
    width: 85%;
    object-fit: cover;
  }

  .locum-sea-sec .card_box {
    width: 100%;
    margin: 0px 0px;
  }
  .locum-sea-sec .card_box .card_head h2 {
    justify-content: flex-start;
  }
  .locum-sea-sec .right-img img {
    width: 100%;
  }

  .dental-job-dashboard-sec {
    overflow: hidden;
  }
  .dental-job-dashboard-sec .content h1 {
    font-size: 26px;
    line-height: 35px;
  }

  .dental-job-banner-sec {
    min-height: 260px;
  }
  .dental-job-banner-sec::before {
    display: none;
  }
  .dental-job-banner-sec .left-content {
    min-height: 260px;
    padding: 0px 16px;
  }

  .rent-updates-form .content .left-content h2 {
    margin-bottom: 12px;
    font-size: 28px;
    line-height: 36px;
  }

  .searching-for-dental-sec .card_box {
    width: 100%;
    margin: 16px 0px;
  }
  .searching-for-dental-sec .right-img img {
    width: 335px;
  }
  .searching-for-dental-sec .btn-primary .mat-button-wrapper {
    font-size: 10px;
  }

  .dental-job-search .search-total .search-list h2 {
    font-size: 22px;
  }
  .dental-job-search .search-total .search-items .search-content h3 {
    font-size: 22px;
  }
  .dental-job-search h1 {
    margin: 8px 0px 0px;
    font-size: 34px;
  }
  .dental-job-search .mat-tab-label .mat-tab-label-content {
    font-size: 16px;
  }

  .buy-sell-banner-sec {
    min-height: 244px;
  }
  .buy-sell-banner-sec .left-content {
    min-height: 232px;
  }
  .buy-sell-banner-sec .right-content h1 {
    font-size: 28px;
    line-height: 31px;
  }
  .buy-sell-banner-sec .right-content p {
    margin-bottom: 11px;
  }
  .buy-sell-banner-sec .right-img .banner-img-1 {
    width: 100%;
  }

  .dental-learninghub-dashboard-sec {
    overflow: hidden;
  }
  .dental-learninghub-dashboard-sec .content .left-side {
    padding: 0px 0px;
  }
  .dental-learninghub-dashboard-sec .content h1 {
    font-size: 29px;
    margin: 8px 0px;
  }
  .dental-learninghub-dashboard-sec .content .right-side img {
    width: 100%;
  }

  .are-you-dental .content {
    padding: 0px 0px 0px 0px;
  }
  .are-you-dental .content h1 {
    font-size: 23px;
    line-height: 30px;
  }
  .are-you-dental .content p {
    margin-bottom: 14px;
    font-size: 12px;
  }

  .key-learning-advantage-sec .wrapper-two .pricing_box {
    margin: 0 8px;
    width: 100%;
  }

  .are-you-question.sec-padding-tb {
    padding: 30px 0px;
  }

  .dental-courses {
    overflow: hidden;
  }
  .dental-courses .content .icon-card span {
    font-size: 19px;
  }

  .learning-updates-form .content .left-content h2 {
    margin-bottom: 10px;
  }
  .learning-updates-form .content .left-content p {
    font-size: 16px;
  }
  .learning-updates-form .content .right-img .rent-img {
    width: 92%;
  }
  .learning-updates-form .content .right-img .rent-img .rent-form-img {
    margin: 0px 0px -35px;
  }

  .catalog-banner-sec {
    min-height: 255px;
  }
  .catalog-banner-sec .left-content {
    min-height: 250px;
  }

  .openbook-sec .content .cat-img {
    margin: 0 auto;
    width: 60%;
  }
  .openbook-sec .content .cat-img img {
    width: 100%;
    position: relative;
    top: -35px;
  }

  .cataloge-dashboard-sec .content .cataloge-img {
    width: 60%;
    margin: 0 auto;
  }
  .cataloge-dashboard-sec .content .cataloge-img img {
    width: 100%;
    padding: 0px 0px;
  }

  .key-advantage-sec .pricing_box .plan_head h2 {
    font-size: 17px;
    justify-content: flex-start;
  }

  .cat-designed-for-you.sec-padding-tb {
    padding: 48px 0px;
  }

  .buy-sell-dashboard-sec .set-image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .buy-sell-dashboard-sec .set-image img {
    width: 50%;
    margin: 0px 0px 48px;
  }
  .buy-sell-dashboard-sec .content .left-content {
    padding: 0px 0px;
  }
  .buy-sell-dashboard-sec .content .left-content h1 {
    font-size: 28px;
    line-height: 40px;
  }

  .buy-sell-consider .consider-img img {
    margin-top: 64px;
    margin-bottom: -6px;
  }
  .buy-sell-consider .content h1 {
    font-size: 24px;
    line-height: 24px;
  }
  .buy-sell-consider .content p {
    font-size: 13px;
    margin-bottom: 8px;
  }
  .buy-sell-consider .content ul {
    padding: 0px 0px 8px 48px;
  }
  .buy-sell-consider .content ul li {
    font-size: 12px;
  }

  .buy-sell-key-advantage-sec .pricing_box {
    width: 97%;
    margin: 0 0px;
  }
  .buy-sell-key-advantage-sec .pricing_box .plan_head h2 {
    font-size: 16px;
    justify-content: flex-start;
  }

  .buy-sell-designed-for-you.sec-padding-tb {
    padding: 30px 0px;
  }
  .buy-sell-designed-for-you .content h1 {
    font-size: 30px;
  }

  .service-design-banner-sec .left-content .banner-text .btn-adj {
    width: 86%;
  }
  .service-design-banner-sec .right-img .banner-img-1 {
    width: 100%;
  }

  .supply-market-dashboard-sec .content .left {
    width: 70%;
    margin: 0 auto 32px;
  }
  .supply-market-dashboard-sec .content .left img {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
  }

  .supply-want-maximise .content {
    padding: 0px 0px 32px 0px;
  }
  .supply-want-maximise .content h1 {
    font-size: 28px;
    line-height: 34px;
  }
  .supply-want-maximise .content-img {
    margin: 0 0 0 auto;
    width: 100%;
    height: 785px;
    display: flex;
    align-items: flex-end;
  }
  .supply-want-maximise .content-img img {
    position: relative;
    width: 100%;
    /* height: 100%; */
    top: 0;
    right: 0px;
  }

  .do-you-need .content {
    padding: 12px 0px 0px 0px;
  }
  .do-you-need .content h1 {
    font-size: 27px;
    line-height: 32px;
  }
  .do-you-need .content p {
    margin-bottom: 10px;
  }
  .do-you-need .doyou-img {
    margin-top: 56px;
    margin-bottom: -73px;
  }

  .sm-updates-form .content .right-img {
    min-height: 400px;
  }
  .sm-updates-form .content .right-img .rent-img {
    width: 100%;
    margin: 0px auto 0px;
  }
  .sm-updates-form .content .right-img .rent-img .rent-form-img {
    margin: 58px 0px -35px 0px;
    width: 100%;
  }

  .contact-home-form .content .left-content h2 {
    margin: 0px 0px 24px;
    font-size: 21px;
    line-height: 31px;
  }
  .contact-home-form .content .right-img .contact-form-img {
    bottom: -25%;
    width: 88%;
  }

  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .left-img {
    justify-content: flex-end;
  }
  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text {
    min-height: 440px;
    padding: 0px 0px 0px 0px;
  }
  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text h1 {
    font-size: 35px;
    line-height: 40px;
  }
  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text p {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .banner-swiper .swiper-container .swiper-wrapper .navigations {
    right: 32%;
    bottom: 4%;
  }

  .access-like-never-before-sec .content .cat-img {
    width: 60%;
    margin: 0 auto;
  }
  .access-like-never-before-sec .content .cat-img img {
    width: 100%;
    position: relative;
    top: 0px;
  }

  .why-dental-interface .content .icon-card span {
    font-size: 17px;
  }
  .why-dental-interface .content .icon-card .icon i {
    font-size: 25px;
  }

  .about-dental-interface .content iframe {
    height: 460px;
  }
  .about-dental-interface .content .right-content {
    padding: 0px 0px 0px 0px;
  }
  .about-dental-interface .content .right-content h1 {
    line-height: 39px;
  }

  .dental-interface-advantages .left-content .content-arg {
    padding: 0px 16px;
  }
  .dental-interface-advantages p {
    font-size: 16px;
  }

  .designed-for-you.sec-padding-tb {
    padding: 30px 0px;
  }

  .dental-interface-team.sec-padding-tb {
    padding: 30px 0px;
  }

  .mission-vision .left-img .mis-vis {
    width: 100%;
    height: 100%;
  }
  .mission-vision .left-img .woman {
    width: 80%;
  }
  .mission-vision .mission h1 {
    font-size: 34px;
  }
  .mission-vision .vision h1 {
    font-size: 34px;
  }

  .testimonials .swiper-button-prev {
    left: 10px;
  }
  .testimonials .swiper-button-next {
    right: 10px;
  }
  .testimonials h1 {
    font-size: 34px;
  }

  .all-plans-section .content .plans-heading h1 {
    font-size: 33px;
    line-height: 40px;
  }
  .all-plans-section .content .plans-heading .form-section .custom-form-group .custom-form-control {
    width: 30%;
    margin: 40px auto;
  }
  .all-plans-section .plantabs .mat-tab-label .mat-tab-label-content {
    font-size: 22px;
  }
  .all-plans-section .plantabs .pricing_box .plan_head {
    padding: 8px 15px;
  }
  .all-plans-section .plantabs .pricing_box .plan_head h2 {
    font-size: 13px;
  }
  .all-plans-section .plantabs .pricing_box .plans_body {
    padding: 16px 8px 20px 8px;
  }
  .all-plans-section .plantabs .pricing_box .plans_body h4 {
    padding: 0px 20px;
    font-size: 16px;
  }
  .all-plans-section .plantabs .pricing_box .plans_body h5 {
    padding: 0px 8px;
    font-size: 13px;
  }
  .all-plans-section .plantabs .pricing_box .plans_body .plan_item {
    padding: 5px 3px;
    font-size: 10px;
  }
  .all-plans-section .plantabs .pricing_box .plans_body .plan_item i {
    font-size: 14px;
  }
  .all-plans-section .plantabs .pricing_box .btn-plan {
    padding: 0 0px 0 0px !important;
  }
  .all-plans-section .plantabs .pricing_box .btn-plan .price-adjust .price {
    font-size: 23px;
  }
  .all-plans-section .plantabs .pricing_box .btn-plan-two {
    padding: 0 0px 0 0px !important;
  }
  .all-plans-section .plantabs .pricing_box .btn-plan-two .price-adjust .price {
    font-size: 23px;
  }
  .all-plans-section .complete-plan .form-section .custom-form-group .custom-form-control {
    width: 70%;
    margin: 40px auto;
  }

  .plans-updates-form {
    padding: 48px 0px 0px;
  }
  .plans-updates-form .content .right-img .rent-img {
    width: 100%;
    margin: 0 auto;
  }
  .plans-updates-form .content .right-img .rent-img .rent-form-img {
    width: 368px;
    /* object-fit: contain; */
    /* margin: 0px 0px -6px; */
    position: absolute;
    bottom: 6px;
    /* right: 0; */
    left: 0px;
  }

  .login-form .content .left-content .login-content.login-second-content {
    padding: 16px 0px;
    width: 94%;
    margin: 0px auto;
  }
  .login-form .content .right-img {
    min-height: 100vh;
    justify-content: flex-end;
  }
  .login-form .content .right-img .rent-img {
    width: 100%;
    margin: 0px auto 0px 0px;
  }
}
/* --------------------- I-PAD-TABLETS-HORIZONTAL ------------------- */
@media screen and (min-width:992px) and (max-width: 1199px) {
  .navbar .navbar_nav {
    height: 60px;
  }
  .navbar .navbar_nav .web_navbar {
    display: none;
  }
  .navbar .navbar_nav .mobile_navbar {
    display: block !important;
  }

  .sec-padding-tb {
    padding: 48px 0px;
  }

  .contact-section .banner-fixed-img {
    max-width: 214px;
    object-fit: cover;
  }
  .contact-section .left-img .banner-img {
    margin-left: 16px;
    width: 70%;
  }

  .contact-form {
    padding: 48px 0px 0px;
  }
  .contact-form .content .right-img .contactus-form-img {
    left: 12%;
    bottom: -84px;
    width: 411px;
  }

  .booking-banner-section {
    min-height: 500px;
  }
  .booking-banner-section .right-content h1 {
    font-size: 35px;
  }
  .booking-banner-section .right-content p {
    line-height: 32px;
  }
  .booking-banner-section .left-img .banner-img-1 {
    margin: 0px 4% 0px auto;
    min-width: 343px;
  }

  .dental-professional-banner-sec .left-content .content-adj {
    padding: 0px 0px 0px 48px;
  }
  .dental-professional-banner-sec .left-content .content-adj h1 {
    font-size: 34px;
    line-height: 36px;
  }
  .dental-professional-banner-sec .left-content .content-adj p {
    line-height: 28px;
  }
  .dental-professional-banner-sec .right-img .banner-img-1 {
    width: 380px;
  }

  .dental-professional-dashboard-sec .content .side-img {
    top: 28%;
    width: 100%;
    position: relative;
    left: 0%;
  }

  .directory-listing-dashboard-sec .content .side-img {
    top: 22%;
    width: 87%;
    position: relative;
    left: 0%;
  }

  .dp-designed-for-you.sec-padding-tb {
    padding: 48px 0px;
  }

  .key-advantage-sec .pricing_box {
    width: 90%;
    margin: 0 24px;
  }

  h1 {
    font-size: 34px;
    line-height: 50px;
  }

  .subscribe-updates-form-white {
    padding: 48px 0px 0px;
  }
  .subscribe-updates-form-white .content .right-img .contact-form-img {
    left: 0%;
    bottom: 0px;
    object-fit: contain;
    width: 100%;
  }

  .main-footer p {
    font-size: 14px;
  }

  .howdy-banner-sec {
    min-height: 255px;
  }
  .howdy-banner-sec::before {
    width: 50px;
    height: 50px;
  }
  .howdy-banner-sec .left-content {
    min-height: 250px;
  }

  .partner-types::before {
    min-height: 525px;
  }
  .partner-types .content .icon-card span {
    font-size: 17px;
  }

  .network-instant.sec-padding-tb {
    padding: 30px 0px;
  }

  .howdy-key-advantage-sec .right-img {
    min-height: 420px;
    display: flex;
    align-items: center;
  }
  .howdy-key-advantage-sec .pricing_box {
    width: 100%;
    margin: 0 0px;
  }

  .you-are-invited.sec-padding-tb {
    padding: 30px 0px;
  }

  .breadchumb .text-head {
    font-size: 13px;
  }

  .howdy-subscribe-updates-form {
    padding: 48px 0px 0px;
  }
  .howdy-subscribe-updates-form .content h4 {
    font-size: 24px;
    margin: 0px 0px 32px;
  }
  .howdy-subscribe-updates-form .content .right-img .contact-form-img {
    left: 17%;
    bottom: 0px;
    width: 250px;
    object-fit: cover;
  }

  .dental-room-banner-sec {
    min-height: 255px;
  }
  .dental-room-banner-sec .left-content {
    min-height: 250px;
  }
  .dental-room-banner-sec .right-img .banner-img-1 {
    width: 327px;
    object-fit: cover;
    position: absolute;
    top: -20%;
    right: 0px;
  }

  .dental-room-dashboard-sec .content h1 {
    font-size: 25px;
    line-height: 32px;
  }

  .dental-room-updates-form {
    padding: 48px 0px 0px;
  }
  .dental-room-updates-form .content .right-img .rent-img {
    width: 100%;
    margin: 0px auto 0px;
    display: flex;
    align-items: flex-end;
    min-height: 599px;
  }
  .dental-room-updates-form .content .right-img .rent-img .rent-form-img {
    width: 100%;
  }

  .key-feature-sec-org .pricing_box .plan_head h2 {
    font-size: 16px;
    justify-content: flex-start;
  }

  .dental-room-want-maximise {
    padding: 29px 0px;
  }
  .dental-room-want-maximise .set-img {
    margin-bottom: -6%;
  }
  .dental-room-want-maximise .content h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .directory-listing-banner-sec {
    min-height: 255px;
  }
  .directory-listing-banner-sec .left-content {
    min-height: 250px;
  }
  .directory-listing-banner-sec .left-content h1 {
    font-size: 26px;
    line-height: 35px;
  }
  .directory-listing-banner-sec .right-img .banner-img-1 {
    margin: 32px 0px 0px;
  }

  .direct-list-updates-form {
    padding: 48px 0px 0px;
  }
  .direct-list-updates-form .content .left-content h2 {
    margin-bottom: 16px;
    font-size: 22px;
    line-height: 28px;
  }
  .direct-list-updates-form .content .left-content p {
    margin-bottom: 16px;
  }
  .direct-list-updates-form .content .right-img .rent-img {
    width: 68%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    min-height: 600px;
  }
  .direct-list-updates-form .content .right-img .rent-img .rent-form-img {
    width: 100%;
    margin: 0px 0px;
  }

  .directorylist-want-maximise {
    overflow: hidden;
    padding: 30px 0px 0px;
  }
  .directorylist-want-maximise .content h1 {
    font-size: 26px;
    line-height: 36px;
  }

  .directory-key-feature-sec .pricing_box .plan_head h2 {
    font-size: 16px;
    justify-content: flex-start;
  }

  .rent-updates-form {
    padding: 48px 0px 0px;
  }
  .rent-updates-form .content .right-img .rent-img {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    min-height: 570px;
  }
  .rent-updates-form .content .right-img .rent-img .rent-form-img {
    width: 340px;
    margin: 0px auto;
  }

  .dental-market-dashboard-sec .set-image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dental-market-dashboard-sec .set-image img {
    width: 100%;
    margin: 0px 0px 48px;
  }

  .market-maximise .content h1 {
    font-size: 32px;
    line-height: 28px;
  }

  .market-key-feature-sec .pricing_box .plan_head h2 {
    font-size: 18px;
    justify-content: flex-start;
  }

  .market-want-maximise .content {
    width: 100%;
  }
  .market-want-maximise .content h1 {
    font-size: 25px;
    line-height: 38px;
  }
  .market-want-maximise .content p {
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 21px;
  }

  .dental-learning-banner-sec {
    min-height: 255px;
  }
  .dental-learning-banner-sec .left-content {
    min-height: 250px;
  }

  .service-for-all-banner-sec {
    min-height: 230px;
  }
  .service-for-all-banner-sec .left-content {
    min-height: 230px;
    padding: 0px 16px;
  }

  .why-dental-interface-grey {
    overflow: hidden;
  }
  .why-dental-interface-grey .content .icon-card span {
    font-size: 18px;
  }
  .why-dental-interface-grey .content .icon-card .icon i {
    color: #ffffff;
  }

  .subscribe-updates-form {
    padding: 48px 0px 0px;
  }
  .subscribe-updates-form .content .left-content p {
    color: #ffffff;
    margin-bottom: 16px;
  }
  .subscribe-updates-form .content .right-img .contact-form-img {
    position: relative;
    left: 119px;
    bottom: 0px;
    width: 60%;
    object-fit: cover;
  }

  .locum-sea-sec .card_box {
    width: 100%;
    margin: 0px 0px;
  }
  .locum-sea-sec .card_box .card_head h2 {
    justify-content: flex-start;
  }
  .locum-sea-sec .right-img img {
    width: 100%;
  }

  .dental-job-dashboard-sec {
    overflow: hidden;
  }
  .dental-job-dashboard-sec .content h1 {
    font-size: 26px;
    line-height: 35px;
  }

  .dental-job-banner-sec {
    min-height: 260px;
  }
  .dental-job-banner-sec::before {
    display: none;
  }
  .dental-job-banner-sec .left-content {
    min-height: 260px;
    padding: 0px 16px;
  }

  .rent-updates-form .content .left-content h2 {
    margin-bottom: 12px;
    font-size: 28px;
    line-height: 36px;
  }

  .searching-for-dental-sec .card_box {
    width: 100%;
    margin: 16px 0px;
  }
  .searching-for-dental-sec .right-img img {
    width: 460px;
  }
  .searching-for-dental-sec .btn-primary .mat-button-wrapper {
    font-size: 10px;
  }

  .dental-job-search .search-total .search-list h2 {
    font-size: 22px;
  }
  .dental-job-search .search-total .search-items .search-content h3 {
    font-size: 22px;
  }
  .dental-job-search h1 {
    margin: 8px 0px 0px;
    font-size: 34px;
  }
  .dental-job-search .mat-tab-label .mat-tab-label-content {
    font-size: 16px;
  }

  .buy-sell-banner-sec {
    min-height: 244px;
  }
  .buy-sell-banner-sec .left-content {
    min-height: 232px;
  }
  .buy-sell-banner-sec .right-content h1 {
    font-size: 28px;
    line-height: 31px;
  }
  .buy-sell-banner-sec .right-content p {
    margin-bottom: 11px;
  }
  .buy-sell-banner-sec .right-img .banner-img-1 {
    width: 100%;
  }

  .dental-learninghub-dashboard-sec {
    overflow: hidden;
  }
  .dental-learninghub-dashboard-sec .content .left-side {
    padding: 0px 0px;
  }
  .dental-learninghub-dashboard-sec .content h1 {
    font-size: 29px;
    margin: 8px 0px;
  }
  .dental-learninghub-dashboard-sec .content .right-side img {
    width: 100%;
  }

  .are-you-dental .content {
    padding: 0px 0px 0px 0px;
  }
  .are-you-dental .content h1 {
    font-size: 23px;
    line-height: 30px;
  }
  .are-you-dental .content p {
    margin-bottom: 14px;
    font-size: 12px;
  }

  .key-learning-advantage-sec .wrapper-two .pricing_box {
    margin: 0 8px;
    width: 100%;
  }

  .are-you-question.sec-padding-tb {
    padding: 30px 0px;
  }

  .dental-courses {
    overflow: hidden;
  }
  .dental-courses .content .icon-card span {
    font-size: 19px;
  }

  .learning-updates-form .content .left-content h2 {
    margin-bottom: 10px;
  }
  .learning-updates-form .content .left-content p {
    font-size: 16px;
  }
  .learning-updates-form .content .right-img .rent-img {
    width: 68%;
    margin: 0px auto -16px;
  }
  .learning-updates-form .content .right-img .rent-img .rent-form-img {
    margin: 0px 0px -35px;
  }

  .catalog-banner-sec {
    min-height: 255px;
  }
  .catalog-banner-sec .left-content {
    min-height: 250px;
  }

  .openbook-sec .content .text {
    padding: 0px 0px;
  }
  .openbook-sec .content .cat-img {
    margin: 0 auto;
    width: 78%;
  }
  .openbook-sec .content .cat-img img {
    width: 100%;
    position: relative;
    top: 0px;
  }

  .cataloge-dashboard-sec .content .cataloge-img {
    width: 73%;
    margin: 86px auto;
  }
  .cataloge-dashboard-sec .content .cataloge-img img {
    width: 100%;
    padding: 0px 0px;
  }

  .key-advantage-sec .pricing_box .plan_head h2 {
    font-size: 17px;
    justify-content: flex-start;
  }

  .cat-designed-for-you.sec-padding-tb {
    padding: 48px 0px;
  }

  .buy-sell-dashboard-sec .set-image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .buy-sell-dashboard-sec .set-image img {
    width: 75%;
    margin: 0px 0px 48px;
  }
  .buy-sell-dashboard-sec .content .left-content {
    padding: 0px 0px;
  }
  .buy-sell-dashboard-sec .content .left-content h1 {
    font-size: 28px;
    line-height: 40px;
  }

  .buy-sell-consider .consider-img img {
    margin-top: 64px;
    margin-bottom: -6px;
  }
  .buy-sell-consider .content h1 {
    font-size: 24px;
    line-height: 24px;
  }
  .buy-sell-consider .content p {
    font-size: 13px;
    margin-bottom: 8px;
  }
  .buy-sell-consider .content ul {
    padding: 0px 0px 8px 48px;
  }
  .buy-sell-consider .content ul li {
    font-size: 12px;
  }

  .buy-sell-key-advantage-sec .pricing_box {
    width: 97%;
    margin: 0 0px;
  }
  .buy-sell-key-advantage-sec .pricing_box .plan_head h2 {
    font-size: 16px;
    justify-content: flex-start;
  }

  .buy-sell-designed-for-you.sec-padding-tb {
    padding: 30px 0px;
  }
  .buy-sell-designed-for-you .content h1 {
    font-size: 30px;
  }

  .service-design-banner-sec .left-content .banner-text .btn-adj {
    width: 65%;
  }
  .service-design-banner-sec .right-img .banner-img-1 {
    width: 100%;
  }

  .supply-market-dashboard-sec .content h1 {
    font-size: 28px;
    line-height: 40px;
  }
  .supply-market-dashboard-sec .content .left {
    width: 100%;
    margin: 0 auto 32px;
  }
  .supply-market-dashboard-sec .content .left img {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
  }

  .supply-want-maximise .content {
    padding: 0px 0px 32px 0px;
  }
  .supply-want-maximise .content h1 {
    font-size: 28px;
    line-height: 34px;
  }
  .supply-want-maximise .content-img {
    margin: 0 0 0 auto;
    width: 100%;
    height: 785px;
    display: flex;
    align-items: flex-end;
  }
  .supply-want-maximise .content-img img {
    position: relative;
    width: 100%;
    /* height: 100%; */
    top: 0;
    right: 0px;
  }

  .do-you-need {
    padding: 48px 0px 0px;
    overflow: hidden;
  }
  .do-you-need .content {
    padding: 12px 0px 0px 0px;
  }
  .do-you-need .content h1 {
    font-size: 27px;
    line-height: 32px;
  }
  .do-you-need .content p {
    margin-bottom: 10px;
  }
  .do-you-need .doyou-img {
    margin-top: 0px;
    width: 96%;
  }

  .sm-updates-form {
    padding: 48px 0px 0px;
  }
  .sm-updates-form .content .right-img {
    min-height: 400px;
  }
  .sm-updates-form .content .right-img .rent-img {
    width: 100%;
    margin: 0px auto 0px;
  }
  .sm-updates-form .content .right-img .rent-img .rent-form-img {
    margin: 8px 0px -8px 0px;
    width: 79%;
  }

  .contact-home-form .content .left-content h2 {
    margin: 0px 0px 24px;
    font-size: 21px;
    line-height: 31px;
  }
  .contact-home-form .content .right-img .contact-form-img {
    bottom: -22%;
    width: 90%;
  }

  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .left-img {
    justify-content: flex-end;
  }
  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text {
    min-height: 440px;
    padding: 0px 0px 0px 0px;
  }
  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text h1 {
    font-size: 35px;
    line-height: 40px;
  }
  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .right-content .right-text p {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .banner-swiper .swiper-container .swiper-wrapper .navigations {
    right: 32%;
    bottom: 4%;
  }

  .access-like-never-before-sec .content .cat-img {
    width: 60%;
    margin: 0 auto;
  }
  .access-like-never-before-sec .content .cat-img img {
    width: 100%;
    position: relative;
    top: 60px;
  }

  .why-dental-interface .content .icon-card span {
    font-size: 17px;
  }
  .why-dental-interface .content .icon-card .icon i {
    font-size: 25px;
  }

  .about-dental-interface .content iframe {
    height: 460px;
  }
  .about-dental-interface .content .right-content {
    padding: 0px 0px 0px 0px;
  }
  .about-dental-interface .content .right-content h1 {
    line-height: 39px;
  }

  .dental-interface-advantages .left-content .content-arg {
    padding: 0px 16px;
  }
  .dental-interface-advantages p {
    font-size: 16px;
  }

  .designed-for-you.sec-padding-tb {
    padding: 30px 0px;
  }

  .dental-interface-team.sec-padding-tb {
    padding: 30px 0px;
  }

  .mission-vision .left-img .mis-vis {
    width: 100%;
    height: 100%;
  }
  .mission-vision .left-img .woman {
    width: 80%;
  }
  .mission-vision .mission h1 {
    font-size: 34px;
  }
  .mission-vision .vision h1 {
    font-size: 34px;
  }

  .testimonials .swiper-button-prev {
    left: 10px;
  }
  .testimonials .swiper-button-next {
    right: 10px;
  }
  .testimonials h1 {
    font-size: 34px;
  }

  .all-plans-section .content .plans-heading h1 {
    font-size: 33px;
    line-height: 40px;
  }
  .all-plans-section .content .plans-heading .form-section .custom-form-group .custom-form-control {
    width: 30%;
    margin: 40px auto;
  }
  .all-plans-section .plantabs .mat-tab-label .mat-tab-label-content {
    font-size: 22px;
  }
  .all-plans-section .plantabs .pricing_box .plan_head {
    padding: 8px 15px;
  }
  .all-plans-section .plantabs .pricing_box .plan_head h2 {
    font-size: 13px;
  }
  .all-plans-section .plantabs .pricing_box .plans_body {
    padding: 16px 8px 20px 8px;
  }
  .all-plans-section .plantabs .pricing_box .plans_body h4 {
    padding: 0px 20px;
    font-size: 16px;
  }
  .all-plans-section .plantabs .pricing_box .plans_body h5 {
    padding: 0px 8px;
    font-size: 13px;
  }
  .all-plans-section .plantabs .pricing_box .plans_body .plan_item {
    padding: 8px 3px;
    font-size: 13px;
  }
  .all-plans-section .plantabs .pricing_box .plans_body .plan_item i {
    font-size: 14px;
  }
  .all-plans-section .plantabs .pricing_box .btn-plan {
    padding: 0 0px 0 0px !important;
  }
  .all-plans-section .plantabs .pricing_box .btn-plan .price-adjust .price {
    font-size: 23px;
  }
  .all-plans-section .plantabs .pricing_box .btn-plan-two {
    padding: 0 0px 0 0px !important;
  }
  .all-plans-section .plantabs .pricing_box .btn-plan-two .price-adjust .price {
    font-size: 23px;
  }
  .all-plans-section .complete-plan .form-section .custom-form-group .custom-form-control {
    width: 50%;
    margin: 40px auto;
  }

  .plans-updates-form {
    padding: 48px 0px 0px;
  }
  .plans-updates-form .content .right-img .rent-img {
    width: 100%;
    margin: 0 auto;
  }
  .plans-updates-form .content .right-img .rent-img .rent-form-img {
    width: 100%;
    /* object-fit: contain; */
    /* margin: 0px 0px -6px; */
    position: absolute;
    bottom: 6px;
    /* right: 0; */
    left: 0px;
  }

  .login-form .content .left-content .login-content.login-second-content {
    width: 85%;
  }
  .login-form .content .right-img {
    min-height: 100vh;
    justify-content: flex-end;
  }
  .login-form .content .right-img .rent-img {
    width: 100%;
    margin: 0px auto 0px 0px;
  }
}
/* --------------------- LAPTOPS AND DESKTOPS ------------------- */
@media screen and (min-width:1280px) {
  .wrapper {
    max-width: 1260px;
  }

  .navbar .navbar_nav .web_navbar ul.main_menu > li > a {
    font-size: 17px;
  }

  .navbar .navbar_nav .web_navbar ul.main_menu > li > a {
    font-size: 12px;
  }
}
/* --------------------- LARGE SCREENS ------------------- */
@media screen and (min-width: 1600px) {
  .navbar .navbar_nav .web_navbar ul.main_menu > li > a {
    font-size: 17px;
  }

  .wrapper {
    max-width: 1450px;
  }

  .testimonials.sec-padding-tb {
    padding: 96px 0px;
  }
  .testimonials.sec-padding-tb h1 {
    margin: 0px 0px 40px 0px;
  }
  .testimonials .swiper-container .swiper-wrapper .swiper-slide {
    padding: 35px;
    margin: 0px 40.5px;
    min-height: 300px;
  }
  .testimonials .swiper-container .swiper-wrapper .swiper-slide p {
    margin: 0 0px 24px;
    font-size: 21px;
    line-height: 28px;
    min-height: 185px;
  }
  .testimonials .swiper-button-next {
    right: -60px;
  }
  .testimonials .swiper-button-prev {
    left: -60px;
  }
  .testimonials .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
  }

  .contact-form .content .right-img {
    min-height: 500px;
  }
  .contact-form .content .right-img .contact-form-img {
    width: 500px;
    bottom: -76px;
  }
  .contact-form .content .right-img .contactus-form-img {
    width: 500px;
    bottom: -113px;
  }

  .dental-job-dashboard-sec {
    overflow: hidden;
    min-height: 575px;
  }
  .dental-job-dashboard-sec .content {
    padding: 24px 0px;
  }
  .dental-job-dashboard-sec .content .right-content {
    padding: 16px 0px 0px 48px;
  }
  .dental-job-dashboard-sec .content h1 {
    font-size: 46px;
    line-height: 70px;
  }
  .dental-job-dashboard-sec .content p {
    line-height: 32px;
    font-size: 17px;
  }
  .dental-job-dashboard-sec .content p.t-just {
    text-align: justify;
  }

  .dental-job-banner-sec {
    min-height: 630px;
  }
  .dental-job-banner-sec::before {
    width: 320px;
    height: 266px;
  }
  .dental-job-banner-sec .left-content {
    min-height: 500px;
  }
  .dental-job-banner-sec .left-content h1 {
    font-size: 58px;
    margin: 0px 0px 24px;
  }
  .dental-job-banner-sec .right-content p {
    margin-bottom: 48px;
  }
  .dental-job-banner-sec .right-img .banner-img-1 {
    width: 945px;
    position: absolute;
    bottom: 0px;
    right: 0px;
  }

  .locum-sea-sec {
    overflow: hidden;
    min-height: 615px;
  }
  .locum-sea-sec .right-img img {
    width: 100%;
  }
  .locum-sea-sec .card_box {
    margin: 48px 0px;
    width: 93%;
  }
  .locum-sea-sec .card_box .card_head h2 {
    font-size: 33px;
    margin: 12px;
  }
  .locum-sea-sec .card_box .card_head h2 span img {
    width: 50px;
  }
  .locum-sea-sec .card_box .card_body .card_text p {
    font-size: 17px;
    margin: 42px 21px 34px;
    line-height: 28px;
  }

  .searching-for-dental-sec .card_box .card_head h2 {
    margin: 0px 98px;
    font-size: 30px;
  }
  .searching-for-dental-sec .card_box .card_body .card_text p {
    font-size: 17px;
    margin: 42px 21px 34px;
    line-height: 28px;
  }
  .searching-for-dental-sec .right-img img {
    width: 900px;
    object-fit: cover;
    position: absolute;
    left: 0px;
    bottom: -1px;
  }

  .dental-job-search h1 {
    text-align: center;
    color: #ffffff;
    margin: 64px 0px 0px;
    font-size: 50px;
  }
  .dental-job-search .icon-right {
    top: 14px;
  }
  .dental-job-search .icon-right img {
    width: 45px;
  }
  .dental-job-search .mat-tab-group {
    margin: 40px 0px 80px;
  }
  .dental-job-search .mat-tab-label .mat-tab-label-content {
    font-size: 28px;
  }
  .dental-job-search .mat-tab-group .mat-tab-labels .mat-tab-label {
    padding: 48px 0px;
    border-radius: 8px;
  }
  .dental-job-search .mat-tab-group.mat-primary .mat-ink-bar, .dental-job-search .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #0e1f29;
  }
  .dental-job-search .search-total .search-items {
    padding: 18px;
  }
  .dental-job-search .search-total .search-items .search-content h3 {
    margin-bottom: 6px;
  }
  .dental-job-search .search-total .search-items .search-content p {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .dental-job-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    padding: 20px 24px;
  }
  .dental-job-search .btn-primary.mat-button, .dental-job-search .btn-primary {
    height: 60px;
  }
  .dental-job-search .btn-primary.mat-button .mat-button-wrapper img, .dental-job-search .btn-primary .mat-button-wrapper img {
    width: 58px;
    height: 58px;
  }

  .dental-job-key-feature-sec {
    min-height: 630px;
  }
  .dental-job-key-feature-sec .pricing_box .plan_head {
    margin: 40px 0 0 0;
  }
  .dental-job-key-feature-sec .pricing_box .plan_head h2 {
    margin: 0px 98px;
    font-size: 30px;
    text-align: center;
  }
  .dental-job-key-feature-sec .pricing_box .plan_head h2 span {
    right: 30px;
    top: 26px;
  }
  .dental-job-key-feature-sec .pricing_box .plan_head h2 span img {
    width: 44px;
    object-fit: cover;
  }
  .dental-job-key-feature-sec .pricing_box .plans_body {
    padding: 32px 40px 32px 40px;
  }
  .dental-job-key-feature-sec .pricing_box .plans_body .plan_item {
    font-size: 21px;
    padding: 11px 16px;
  }
  .dental-job-key-feature-sec .pricing_box .plans_body .plan_item i {
    font-size: 36px;
    margin-right: 42px;
  }

  .askquestion-form {
    padding: 120px 0px;
  }
  .askquestion-form h2 {
    font-size: 52px;
    margin-bottom: 48px;
    font-family: "General Sans Medium";
  }
  .askquestion-form .content .left-content .form-section .custom-form-group.mbw {
    margin: 0px 0px 0px;
  }
  .askquestion-form .content .right-img p {
    font-size: 16px;
    line-height: 28px;
  }

  .rent-updates-form .content .left-content h2 {
    font-size: 46px;
    line-height: 52px;
    margin-top: 32px;
    font-family: "General Sans Medium";
  }
  .rent-updates-form .content .left-content h5 {
    font-size: 16px;
    font-family: "General Sans";
  }
  .rent-updates-form .content .right-img .rent-img {
    margin: 0px 0px -6px auto;
    width: auto;
  }
  .rent-updates-form .content .right-img .rent-img .rent-form-img {
    width: 625px;
    margin: 0px 0px 0px;
  }

  .direct-list-updates-form .content .left-content h2 {
    font-size: 44px;
    line-height: 52px;
    margin-top: 32px;
    font-family: "General Sans Medium";
  }
  .direct-list-updates-form .content .left-content h5 {
    font-size: 16px;
    font-family: "General Sans";
  }
  .direct-list-updates-form .content .right-img .rent-img {
    margin: 0px 0px -6px auto;
    width: auto;
  }
  .direct-list-updates-form .content .right-img .rent-img .rent-form-img {
    width: 470px;
    margin: 0px 0px 0px;
  }

  .dental-room-updates-form .content .left-content h2 {
    font-size: 46px;
    line-height: 52px;
    margin-top: 32px;
    font-family: "General Sans Medium";
  }
  .dental-room-updates-form .content .left-content h5 {
    font-size: 16px;
    font-family: "General Sans";
  }
  .dental-room-updates-form .content .right-img .rent-img {
    margin: 0px 0px -6px auto;
    width: auto;
  }
  .dental-room-updates-form .content .right-img .rent-img .rent-form-img {
    width: 600px;
    margin: 0px 0px 0px;
  }

  .explore-swiper .swiper-container .swiper-wrapper .swiper-slide span {
    font-size: 20px;
  }

  .partner-types .content .icon-card .icon {
    width: 75px;
    height: 75px;
  }
  .partner-types .content .icon-card .icon img {
    width: 30px;
    object-fit: contain;
  }
  .partner-types .content .icon-card .icon i {
    font-size: 30px;
  }
  .partner-types .content .icon-card span {
    font-family: "Clash Display Medium";
    font-size: 36px;
  }

  .breadchumb ul li a {
    font-size: 16px;
  }

  .my-img {
    width: 780px;
    position: absolute;
    left: -13%;
  }

  .main-footer .footer-links ul.links li {
    margin-bottom: 32px;
  }
  .main-footer .footer-links ul.links li a {
    font-size: 14px;
  }

  .dental-professional-banner-sec {
    min-height: 600px;
  }
  .dental-professional-banner-sec .left-content {
    justify-content: space-evenly;
    min-height: 500px;
  }
  .dental-professional-banner-sec .left-content .content-adj {
    padding: 0px 0px 0px 64px;
  }
  .dental-professional-banner-sec .right-img .banner-img-1 {
    width: 510px;
    margin: 0px auto 0px 64px;
  }
  .dental-professional-banner-sec .right-content p {
    margin-bottom: 48px;
  }

  .dental-professional-dashboard-sec {
    overflow: hidden;
    min-height: 690px;
  }
  .dental-professional-dashboard-sec .content .side-img {
    top: 54px;
    width: 780px;
    position: absolute;
    left: -12%;
    object-fit: cover;
  }
  .dental-professional-dashboard-sec .content .right-side {
    padding: 36px 48px;
  }
  .dental-professional-dashboard-sec .content h1 {
    font-size: 46px;
  }
  .dental-professional-dashboard-sec .content p {
    line-height: 27px;
    font-size: 15px;
    text-align: justify;
    margin: 0px 0px 56px;
  }

  .key-advantage-sec .right-img img {
    width: 100%;
    object-fit: contain;
    margin: 132px 0px 32px;
  }
  .key-advantage-sec .pricing_box {
    width: 72%;
    padding: 0;
    position: relative;
    transition: all 0.5s ease-in-out;
    border-radius: 12px;
    margin: 64px 98px 0px auto;
  }
  .key-advantage-sec .pricing_box .plan_head {
    margin: 40px 0 0 0;
  }
  .key-advantage-sec .pricing_box .plan_head h2 {
    margin: 10px 98px;
    font-size: 34px;
    text-align: center;
    font-weight: 500;
  }
  .key-advantage-sec .pricing_box .plan_head h2 span {
    right: 30px;
    top: 26px;
  }
  .key-advantage-sec .pricing_box .plan_head h2 span img {
    width: 44px;
    object-fit: cover;
  }
  .key-advantage-sec .pricing_box .plans_body {
    padding: 32px 40px 32px 40px;
  }
  .key-advantage-sec .pricing_box .plans_body .plan_item {
    font-size: 23px;
    padding: 11px 16px;
  }
  .key-advantage-sec .pricing_box .plans_body .plan_item i {
    font-size: 36px;
    margin-right: 42px;
  }

  .dp-designed-for-you .content p {
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 54px;
  }

  .askquestion-form-org .content .left-content .form-section {
    margin: 40px 0px 0px;
  }
  .askquestion-form-org .content .left-content .form-section .custom-form-group.mb {
    margin: 0px 0px 16px;
  }
  .askquestion-form-org .content .right-img h2 {
    font-size: 54px;
    margin: 40px 0px;
  }
  .askquestion-form-org .content .right-img p {
    font-size: 17px;
    line-height: 28px;
  }

  .subscribe-updates-form-white {
    min-height: 600px;
  }
  .subscribe-updates-form-white .content .left-content h2 {
    font-size: 44px;
    line-height: 56px;
    padding: 118px 0px 0px;
  }
  .subscribe-updates-form-white .content .right-img .contact-form-img {
    position: absolute;
    left: 22%;
    bottom: -83px;
    object-fit: contain;
    width: 900px;
  }

  .cat-subscribe-updates-form-white {
    min-height: 600px;
  }
  .cat-subscribe-updates-form-white .content .left-content h2 {
    font-size: 44px;
    line-height: 56px;
    padding: 64px 0px 0px;
  }
  .cat-subscribe-updates-form-white .content .right-img .contact-form-img {
    position: absolute;
    left: 48%;
    bottom: -75px;
    width: 298px;
  }

  .service-for-all-banner-sec .right-img .banner-img-1 {
    margin: -48px 0px 0px;
    width: 100%;
  }

  .dental-ecosystem-sec p {
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    z-index: 9;
    margin-bottom: 32px;
  }
  .dental-ecosystem-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-body p {
    font-size: 18px;
    line-height: 28px;
  }
  .dental-ecosystem-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .btn-black {
    margin: 0px 0px 48px 0px;
  }
  .dental-ecosystem-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
    font-size: 38px;
  }
  .dental-ecosystem-sec .mat-accordion {
    margin: 0px 0px 64px 0px;
  }
  .dental-ecosystem-sec .mat-accordion .icon {
    margin-right: 30px;
    width: 70px;
    height: 70px;
  }
  .dental-ecosystem-sec .mat-accordion .icon i {
    font-size: 35px;
  }

  .why-dental-interface-grey {
    padding: 96px 0px;
  }
  .why-dental-interface-grey .content h1 span {
    font-family: "Clash Display Extra Light";
  }
  .why-dental-interface-grey .content p {
    width: 75%;
    line-height: 30px;
    margin: 12px 0px 32px 0px;
    font-size: 18px;
  }
  .why-dental-interface-grey .content .icon-card span {
    font-size: 35px;
  }
  .why-dental-interface-grey .content .icon-card .icon {
    width: 100px;
    height: 100px;
    margin-right: 36px;
  }
  .why-dental-interface-grey .content .icon-card .icon svg {
    width: 50px;
  }
  .why-dental-interface-grey .content .icon-card .icon i {
    font-size: 50px;
    color: white;
  }
  .why-dental-interface-grey .content .icon-card .icon i:hover {
    color: #dadada;
  }

  .subscribe-updates-form {
    padding: 136px 0px;
  }
  .subscribe-updates-form .content .left-content h2 {
    font-size: 40px;
    margin: 40px 0px 16px;
    font-family: "General Sans Medium";
  }
  .subscribe-updates-form .content .left-content p {
    font-size: 16px;
    line-height: 28px;
    margin: 0px 0px 56px;
    color: #ffffff;
  }
  .subscribe-updates-form .content .right-img .contact-form-img {
    left: 45%;
    bottom: -136px;
    width: 388px;
  }

  .service-design-banner-sec {
    min-height: 500px;
  }
  .service-design-banner-sec::before {
    top: -38%;
    min-height: 805px;
  }
  .service-design-banner-sec .left-content {
    width: 100%;
    margin: 0 0 0 auto;
  }
  .service-design-banner-sec .left-content .banner-text {
    width: 76%;
    margin: 96px -18px 0px auto;
  }
  .service-design-banner-sec .left-content .banner-text .btn-adj {
    display: flex;
    width: 64%;
    justify-content: space-between;
  }
  .service-design-banner-sec .right-img .banner-img-1 {
    width: 640px;
    margin: 0px 82px 0px auto;
  }
  .service-design-banner-sec .right-content p {
    margin-bottom: 32px;
    font-size: 23px;
    font-weight: 700;
    line-height: 38px;
  }

  .supply-market-dashboard-sec {
    min-height: 565px;
  }
  .supply-market-dashboard-sec .content .text {
    margin: 42px 0px 0px 48px;
  }
  .supply-market-dashboard-sec .content .text h1 {
    font-size: 35px;
    line-height: 55px;
    margin: 0px 0px 32px 0px;
  }
  .supply-market-dashboard-sec .content .text p {
    margin: 0px 0px 56px 0px;
    line-height: 29px;
  }
  .supply-market-dashboard-sec .content .left img {
    position: absolute;
    left: -18%;
    width: 100%;
    height: 600px;
    z-index: 9;
  }

  .supply-want-maximise {
    position: relative;
  }
  .supply-want-maximise .content {
    padding: 72px 0px 80px 0px;
  }
  .supply-want-maximise .content h1 {
    font-size: 38px;
    line-height: 55px;
  }
  .supply-want-maximise .content h4 {
    margin: 0px 0px 40px;
    font-family: "General Sans Medium";
  }
  .supply-want-maximise .content p {
    margin-bottom: 48px;
    font-size: 18px;
    line-height: 29px;
  }
  .supply-want-maximise .content-img img {
    width: 841px;
    position: absolute;
    /* left: 0px; */
    right: 0px;
    top: 0px;
    bottom: 0px;
  }

  .supply-key-feature-sec {
    padding: 110px 0px;
  }
  .supply-key-feature-sec .title {
    font-family: "Clash Grotesk Medium";
    margin-bottom: 60px;
    font-size: 51px;
  }
  .supply-key-feature-sec .pricing_box {
    width: 98%;
    padding: 0;
    position: relative;
    transition: all 0.5s ease-in-out;
    border-radius: 12px;
    margin: 0px 98px 0px auto;
  }
  .supply-key-feature-sec .pricing_box .plan_head {
    margin: 0px 0 0 0;
  }
  .supply-key-feature-sec .pricing_box .plan_head h2 {
    margin: 14px 50px;
    font-size: 35px;
    /* text-align: left; */
    font-weight: 500;
    justify-content: flex-start;
  }
  .supply-key-feature-sec .pricing_box .plan_head h2 span {
    right: 30px;
    top: 26px;
  }
  .supply-key-feature-sec .pricing_box .plan_head h2 span img {
    width: 44px;
    object-fit: cover;
  }
  .supply-key-feature-sec .pricing_box .plans_body {
    padding: 32px 40px 32px 40px;
  }
  .supply-key-feature-sec .pricing_box .plans_body .plan_item {
    font-size: 24px;
    padding: 11px 16px;
  }
  .supply-key-feature-sec .pricing_box .plans_body .plan_item i {
    font-size: 36px;
    margin-right: 42px;
  }

  .do-you-need .content h1 {
    font-family: "Clash Display";
    margin: 0px 0px 42px;
  }
  .do-you-need .content p {
    line-height: 26px;
    font-size: 17px;
    margin: 0px 0px 42px;
  }
  .do-you-need .doyou-img {
    margin-top: 88px;
    margin-left: -18%;
  }

  .sm-updates-form .content .right-img .rent-img {
    margin: 0 auto;
  }
  .sm-updates-form .content .right-img .rent-img .rent-form-img {
    width: 100%;
    margin: 88px 0px -6px -18%;
  }
  .sm-updates-form .content .left-content .content-arg {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 640px;
  }
  .sm-updates-form .content .left-content .content-arg h2 {
    font-family: "General Sans Medium";
    font-size: 50px;
    line-height: 56px;
    padding: 56px 0px 0px;
  }
  .sm-updates-form .content .left-content .content-arg p {
    line-height: 26px;
    font-size: 15px;
    margin: 0px 0px 42px;
    color: #ffffff;
  }

  .buy-sell-banner-sec {
    min-height: 600px;
  }
  .buy-sell-banner-sec .left-content {
    min-height: 600px;
    justify-content: flex-end;
    width: 100%;
  }
  .buy-sell-banner-sec .right-img .banner-img-1 {
    width: 96%;
  }
  .buy-sell-banner-sec .right-content p {
    font-size: 23px;
    line-height: 34px;
  }

  .buy-sell-dashboard-sec {
    min-height: 640px;
  }
  .buy-sell-dashboard-sec .content p {
    font-size: 17px;
    line-height: 25px;
  }
  .buy-sell-dashboard-sec .content .left-content {
    padding: 48px 48px 0px 0px;
  }
  .buy-sell-dashboard-sec .content .left-content h1 {
    font-size: 44px;
    line-height: 52px;
  }
  .buy-sell-dashboard-sec .content .dashboard-img {
    position: absolute;
    object-fit: contain;
    width: 59%;
  }

  .buy-sell-consider .consider-img img {
    margin: 48px 0px -6px 0px;
  }
  .buy-sell-consider .content p {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 27px;
  }
  .buy-sell-consider .content ul li {
    font-size: 18px;
  }
  .buy-sell-consider .content .btn-primary {
    margin: 32px 0px 0px;
  }

  .buy-sell-key-advantage-sec {
    padding: 150px 0px 80px;
  }
  .buy-sell-key-advantage-sec .right-img img {
    margin: 150px 0px 0px;
  }
  .buy-sell-key-advantage-sec .pricing_box {
    width: 73%;
    padding: 0;
    position: relative;
    transition: all 0.5s ease-in-out;
    border-radius: 12px;
    margin: 64px 0px 0px 80px;
  }
  .buy-sell-key-advantage-sec .pricing_box .plan_head {
    margin: 40px 0 0 0;
  }
  .buy-sell-key-advantage-sec .pricing_box .plan_head h2 {
    margin: 16px 16px;
    font-size: 34px;
    /* text-align: left; */
    font-weight: 500;
    justify-content: flex-start;
  }
  .buy-sell-key-advantage-sec .pricing_box .plan_head h2 span {
    right: 30px;
    top: 26px;
  }
  .buy-sell-key-advantage-sec .pricing_box .plan_head h2 span img {
    width: 44px;
    object-fit: cover;
  }
  .buy-sell-key-advantage-sec .pricing_box .plans_body {
    padding: 32px 40px 32px 40px;
  }
  .buy-sell-key-advantage-sec .pricing_box .plans_body .plan_item {
    font-size: 24px;
    padding: 16px 16px;
  }
  .buy-sell-key-advantage-sec .pricing_box .plans_body .plan_item i {
    font-size: 36px;
    margin-right: 42px;
  }

  .buy-sell-designed-for-you .content h1 {
    font-size: 45px;
    margin: 0px 0px 40px;
  }
  .buy-sell-designed-for-you .content p {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 29px;
  }
  .buy-sell-designed-for-you .content .btn-primary {
    margin: 40px 0px 0px;
  }

  .cat-designed-for-you.sec-padding-tb {
    padding: 110px 0px;
  }
  .cat-designed-for-you .content h1 {
    font-size: 45px;
    margin: 0px 0px 32px;
  }
  .cat-designed-for-you .content p {
    margin-bottom: 32px;
    font-size: 17px;
    line-height: 29px;
  }
  .cat-designed-for-you .content .btn-primary {
    margin: 24px 0px 0px;
  }

  .catalog-banner-sec .left-content {
    min-height: 475px;
    justify-content: flex-end;
    width: 75%;
  }
  .catalog-banner-sec .right-img .banner-img-1 {
    margin: 0 95px 0 auto;
    width: 66%;
  }
  .catalog-banner-sec .right-content p {
    margin-bottom: 48px;
  }

  .openbook-sec {
    min-height: 730px;
  }
  .openbook-sec .content .text {
    padding: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 560px;
  }
  .openbook-sec .content .text h1 {
    font-size: 46px;
  }
  .openbook-sec .content .text p {
    margin-bottom: 40px;
  }
  .openbook-sec .content .cat-img img {
    width: 900px;
    position: absolute;
    top: 16px;
    right: -22%;
  }

  .cataloge-dashboard-sec {
    padding: 132px 0px;
  }
  .cataloge-dashboard-sec .content .text h1 {
    font-size: 45px;
    line-height: 52px;
  }
  .cataloge-dashboard-sec .content .text p {
    margin-bottom: 32px;
    line-height: 24px;
    font-size: 17px;
  }
  .cataloge-dashboard-sec .content .cataloge-img img {
    padding: 0px 0px;
    width: 95%;
    margin: 0 -60px;
  }

  .dental-learning-banner-sec .left-content {
    min-height: 500px;
    width: 80%;
  }
  .dental-learning-banner-sec .right-content p {
    margin-bottom: 48px;
    font-size: 22px;
    font-weight: 700;
  }
  .dental-learning-banner-sec .right-img img {
    width: 815px;
    margin: 0px 0px 0px;
  }

  .dental-learninghub-dashboard-sec {
    min-height: 565px;
  }
  .dental-learninghub-dashboard-sec .content {
    padding: 32px 0px 60px;
  }
  .dental-learninghub-dashboard-sec .content h1 {
    font-size: 45px;
  }
  .dental-learninghub-dashboard-sec .content p {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 26px;
  }
  .dental-learninghub-dashboard-sec .content .right-side img {
    width: 420px;
    position: absolute;
    right: -8%;
    top: -14px;
  }

  .are-you-dental .content h1 {
    font-size: 34px;
  }
  .are-you-dental .content p {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 29px;
  }

  .key-learning-advantage-sec {
    padding: 150px 0px;
  }
  .key-learning-advantage-sec .wrapper-two {
    width: 82%;
    margin: 0 auto;
  }
  .key-learning-advantage-sec .wrapper-two .pricing_box {
    width: 90%;
    padding: 0;
    position: relative;
    transition: all 0.5s ease-in-out;
    border-radius: 12px;
    margin: 0px 98px 0px auto;
  }
  .key-learning-advantage-sec .wrapper-two .pricing_box .plan_head {
    margin: 40px 0 0 0;
  }
  .key-learning-advantage-sec .wrapper-two .pricing_box .plan_head h2 {
    margin: 10px 24px;
    font-size: 30px;
    justify-content: flex-start;
  }
  .key-learning-advantage-sec .wrapper-two .pricing_box .plan_head h2 span {
    right: 30px;
    top: 26px;
  }
  .key-learning-advantage-sec .wrapper-two .pricing_box .plan_head h2 span img {
    width: 44px;
    object-fit: cover;
  }
  .key-learning-advantage-sec .wrapper-two .pricing_box .plans_body {
    padding: 32px 40px 32px 40px;
  }
  .key-learning-advantage-sec .wrapper-two .pricing_box .plans_body .plan_item {
    font-size: 24px;
    padding: 18px 16px;
  }
  .key-learning-advantage-sec .wrapper-two .pricing_box .plans_body .plan_item i {
    font-size: 36px;
    margin-right: 42px;
  }

  .are-you-question .content h1 {
    font-size: 48px;
  }
  .are-you-question .content p {
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 26px;
  }
  .are-you-question .mt-24 {
    margin-top: 24px;
  }

  .dental-courses.sec-padding-tb {
    padding: 150px 0px;
  }
  .dental-courses .content h2 {
    font-size: 48px;
    margin: 0px 0px 55px 0px;
  }
  .dental-courses .content .icon-card span {
    font-size: 35px;
  }
  .dental-courses .content .icon-card .icon {
    width: 75px;
    height: 75px;
    margin: 0px 36px 24px 0px;
  }
  .dental-courses .content .icon-card .icon i {
    font-size: 36px;
  }

  .learning-updates-form .content .left-content h2 {
    font-family: "General Sans Medium";
    font-size: 50px;
    line-height: 56px;
    padding: 56px 0px 0px;
  }
  .learning-updates-form .content .left-content p {
    line-height: 26px;
    font-size: 15px;
    margin: 0px 0px 42px;
    color: #ffffff;
  }
  .learning-updates-form .content .right-img .rent-img {
    width: 30%;
  }
  .learning-updates-form .content .right-img .rent-img .rent-form-img {
    width: 475px;
    margin: 0px 0px -6px 0px;
  }

  .dental-marketplace-banner-sec .left-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 490px;
    width: 86%;
    margin: 0 auto;
  }
  .dental-marketplace-banner-sec .right-content p {
    margin-bottom: 32px;
    font-size: 22px;
    font-weight: 700;
  }

  .dental-market-dashboard-sec {
    overflow: hidden;
    min-height: 575px;
  }
  .dental-market-dashboard-sec .content .left-content {
    padding: 32px 0px;
    width: 80%;
  }
  .dental-market-dashboard-sec .content .left-content h1 {
    font-size: 46px;
  }
  .dental-market-dashboard-sec .content .left-content p {
    line-height: 26px;
    font-size: 17px;
    text-align: justify;
    margin-bottom: 40px;
  }
  .dental-market-dashboard-sec .content .desktop-img {
    width: 770px;
    margin: 48px 0px 0px 64px;
    object-fit: contain;
  }

  .market-maximise .content {
    display: flex;
    align-items: center;
    width: 78%;
    place-self: flex-end;
  }
  .market-maximise .content p p {
    margin-bottom: 32px;
    font-size: 17px;
    line-height: 25px;
  }
  .market-maximise .market-img {
    width: 700px;
    object-fit: fill;
  }

  .market-want-maximise {
    position: relative;
  }
  .market-want-maximise::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url('market-maxi.png') no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: 0.2;
  }
  .market-want-maximise .content {
    width: 90%;
  }
  .market-want-maximise .content h1 {
    font-size: 45px;
  }
  .market-want-maximise .content p {
    margin-bottom: 32px;
    font-size: 17px;
    line-height: 25px;
  }
  .market-want-maximise .market-img {
    width: 700px;
    object-fit: fill;
  }

  .market-key-feature-sec.sec-padding-tb {
    padding: 132px 0px;
  }
  .market-key-feature-sec .pricing_box {
    width: 98%;
    padding: 0;
    position: relative;
    transition: all 0.5s ease-in-out;
    border-radius: 12px;
    margin: 0px 98px 0px auto;
  }
  .market-key-feature-sec .pricing_box .plan_head {
    margin: 0px 0 0 0;
  }
  .market-key-feature-sec .pricing_box .plan_head h2 {
    margin: 14px 18px;
    font-size: 32px;
    /* text-align: left; */
    font-weight: 500;
    justify-content: flex-start;
  }
  .market-key-feature-sec .pricing_box .plan_head h2 span {
    right: 30px;
    top: 26px;
  }
  .market-key-feature-sec .pricing_box .plan_head h2 span img {
    width: 44px;
    object-fit: cover;
  }
  .market-key-feature-sec .pricing_box .plans_body {
    padding: 32px 40px 32px 40px;
  }
  .market-key-feature-sec .pricing_box .plans_body .plan_item {
    font-size: 24px;
    padding: 11px 16px;
  }
  .market-key-feature-sec .pricing_box .plans_body .plan_item i {
    font-size: 36px;
    margin-right: 42px;
  }

  .directory-listing-banner-sec {
    min-height: 600px;
  }
  .directory-listing-banner-sec .left-content {
    min-height: 550px;
    width: 70%;
  }
  .directory-listing-banner-sec .right-content p {
    margin-bottom: 48px;
    font-size: 22px;
    font-weight: 700;
  }

  .directory-listing-dashboard-sec {
    overflow: hidden;
    min-height: 630px;
  }
  .directory-listing-dashboard-sec .content .side-img {
    top: 54px;
    width: 780px;
    position: absolute;
    left: -10%;
    object-fit: cover;
  }
  .directory-listing-dashboard-sec .content .right-side {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 525px;
  }
  .directory-listing-dashboard-sec .content h1 {
    font-size: 35px;
  }
  .directory-listing-dashboard-sec .content p {
    line-height: 28px;
    font-size: 16px;
  }

  .directory-search {
    padding: 120px 0px;
  }
  .directory-search .mat-tab-group {
    margin: 50px 0px;
  }
  .directory-search .mat-tab-label .mat-tab-label-content {
    font-size: 28px;
  }
  .directory-search .mat-tab-group .mat-tab-labels .mat-tab-label {
    padding: 42px 0px;
  }
  .directory-search .search-total .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    padding: 20px 24px;
  }
  .directory-search .submit-listing .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    padding: 20px 24px;
  }

  .directory-key-feature-sec .pricing_box {
    margin: 48px 0px;
  }
  .directory-key-feature-sec .pricing_box .plan_head h2 {
    margin: 12px 40px;
    font-size: 30px;
    /* text-align: center; */
    justify-content: flex-start;
    font-weight: 500;
  }
  .directory-key-feature-sec .pricing_box .plan_head h2 span {
    right: 30px;
    top: 20px;
  }
  .directory-key-feature-sec .pricing_box .plan_head h2 span img {
    width: 40px;
    object-fit: cover;
  }
  .directory-key-feature-sec .pricing_box .plans_body {
    padding: 32px 40px 32px 40px;
  }
  .directory-key-feature-sec .pricing_box .plans_body .plan_item {
    font-size: 21px;
    padding: 11px 16px;
  }
  .directory-key-feature-sec .pricing_box .plans_body .plan_item i {
    font-size: 36px;
    margin-right: 42px;
  }

  .remt-room-img {
    width: 725px;
    position: absolute;
    left: -11%;
    height: 438px;
  }

  .directorylist-want-maximise .content h1 {
    font-size: 46px;
    line-height: 50px;
    margin-bottom: 34px;
  }
  .directorylist-want-maximise .content p {
    margin-bottom: 34px;
    line-height: 26px;
    font-size: 18px;
  }

  .man-img {
    margin-top: 80px;
  }

  .dental-room-banner-sec {
    min-height: 610px;
    position: relative;
  }
  .dental-room-banner-sec .left-content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 465px;
    width: 86%;
  }
  .dental-room-banner-sec .right-content p {
    margin-bottom: 32px;
    font-size: 22px;
    font-weight: 700;
  }
  .dental-room-banner-sec .right-img {
    position: relative;
  }
  .dental-room-banner-sec .right-img .banner-img-1 {
    z-index: -1;
    width: 90%;
    object-fit: cover;
    position: absolute;
    top: -187px;
    right: 121px;
  }

  .dental-room-dashboard-sec {
    overflow: hidden;
    min-height: 575px;
  }
  .dental-room-dashboard-sec .content .right-content h1 {
    font-size: 46px;
  }
  .dental-room-dashboard-sec .content .right-content p {
    line-height: 32px;
    font-size: 17px;
  }
  .dental-room-dashboard-sec .content .right-content p.t-just {
    text-align: justify;
  }

  .network-instant.sec-padding-tb .content h1 {
    font-size: 45px;
    margin: 0px 0px 24px;
  }
  .network-instant.sec-padding-tb .content p {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 29px;
  }

  .key-feature-sec-org.sec-padding-tb {
    padding: 126px 0px;
  }
  .key-feature-sec-org .pricing_box {
    width: 98%;
    padding: 0;
    position: relative;
    transition: all 0.5s ease-in-out;
    border-radius: 12px;
    margin: 0px 98px 0px auto;
  }
  .key-feature-sec-org .pricing_box .plan_head {
    margin: 0px 0 0 0;
  }
  .key-feature-sec-org .pricing_box .plan_head h2 {
    margin: 14px 50px;
    font-size: 28px;
    /* text-align: left; */
    font-weight: 500;
  }
  .key-feature-sec-org .pricing_box .plan_head h2 span {
    right: 30px;
    top: 26px;
  }
  .key-feature-sec-org .pricing_box .plan_head h2 span img {
    width: 44px;
    object-fit: cover;
  }
  .key-feature-sec-org .pricing_box .plans_body {
    padding: 32px 40px 32px 40px;
  }
  .key-feature-sec-org .pricing_box .plans_body .plan_item {
    font-size: 24px;
    padding: 11px 16px;
  }
  .key-feature-sec-org .pricing_box .plans_body .plan_item i {
    font-size: 36px;
    margin-right: 42px;
  }

  .dental-room-want-maximise .content h1 {
    font-size: 43px;
    line-height: 65px;
  }
  .dental-room-want-maximise .content p {
    margin-bottom: 34px;
    line-height: 26px;
    font-size: 18px;
  }

  .howdy-banner-sec .left-content {
    min-height: 536px;
  }
  .howdy-banner-sec .left-content .content-adj {
    padding: 0px 0px 0px 80px;
  }
  .howdy-banner-sec .right-content h1 {
    margin-bottom: 32px;
  }
  .howdy-banner-sec .right-content p {
    margin-bottom: 42px;
    font-size: 22px;
    font-weight: 700;
  }

  .partner-types .content {
    margin: 0px 0px 40px 0px;
  }
  .partner-types .content h1 {
    font-size: 49px;
  }

  .howdy-key-advantage-sec.sec-padding-tb {
    padding: 96px 0px;
  }
  .howdy-key-advantage-sec .right-img {
    position: relative;
  }
  .howdy-key-advantage-sec .right-img img {
    width: 950px;
    object-fit: contain;
    /* margin: 81px 0px 32px; */
    position: absolute;
    /* left: 0; */
    right: 0;
    top: 68px;
  }
  .howdy-key-advantage-sec .pricing_box {
    width: 84%;
    padding: 0;
    position: relative;
    transition: all 0.5s ease-in-out;
    border-radius: 12px;
    margin: 40px 0px 0px auto;
  }
  .howdy-key-advantage-sec .pricing_box .plan_head {
    margin: 0px 0 0 0;
  }
  .howdy-key-advantage-sec .pricing_box .plan_head h2 {
    margin: 18px 40px;
    font-size: 29px;
    justify-content: flex-start;
    font-weight: 400;
  }
  .howdy-key-advantage-sec .pricing_box .plan_head h2 span {
    right: 30px;
    top: 26px;
  }
  .howdy-key-advantage-sec .pricing_box .plan_head h2 span img {
    width: 44px;
    object-fit: cover;
  }
  .howdy-key-advantage-sec .pricing_box .plans_body {
    padding: 32px 40px 32px 40px;
  }
  .howdy-key-advantage-sec .pricing_box .plans_body .plan_item {
    font-size: 23px;
    padding: 11px 16px;
  }
  .howdy-key-advantage-sec .pricing_box .plans_body .plan_item i {
    font-size: 36px;
    margin-right: 42px;
  }

  .you-are-invited .content h1 {
    font-size: 48px;
    line-height: 51px;
  }
  .you-are-invited .content p {
    margin-bottom: 40px;
    line-height: 26px;
    font-size: 18px;
  }

  .howdy-subscribe-updates-form {
    padding: 132px 0px;
  }
  .howdy-subscribe-updates-form .content h4 {
    font-size: 34px;
    color: #ffffff;
    line-height: 40px;
    font-family: "General Sans Medium";
    margin: 0px 0px 56px;
  }
  .howdy-subscribe-updates-form .content .right-img .contact-form-img {
    left: 45%;
    bottom: -22%;
    width: 440px;
  }
  .howdy-subscribe-updates-form .btn-primary {
    margin: 48px 0px 0px;
  }

  .banner-section {
    min-height: 600px;
  }
  .banner-section .right-content h1 {
    font-size: 50px;
  }
  .banner-section .right-content p {
    margin-bottom: 32px;
    font-size: 22px;
    font-weight: 700;
  }
  .banner-section .left-img .banner-img-1 {
    width: 411px;
  }

  .booking-banner-section {
    min-height: 600px;
  }
  .booking-banner-section .right-content {
    min-height: 500px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
  }
  .booking-banner-section .right-content h1 {
    font-size: 58px;
  }
  .booking-banner-section .right-content p {
    margin-bottom: 48px;
    font-size: 22px;
    font-weight: 700;
    line-height: 36px;
    width: 90%;
  }
  .booking-banner-section .left-img {
    display: flex;
  }
  .booking-banner-section .left-img .banner-img-1 {
    margin: 0px 20% 0px auto;
    min-width: 411px;
    object-fit: contain;
  }

  .contact-section .left-img .banner-img {
    width: 625px;
    position: relative;
    z-index: 2;
    margin: 0px auto;
  }
  .contact-section .right-content {
    min-height: 306px;
  }
  .contact-section .right-content p {
    margin-bottom: 32px;
    font-size: 22px;
    font-weight: 700;
  }
  .contact-section h1 {
    font-size: 58px;
    margin: 0px 0px 32px;
  }

  .contact-form .left-content {
    margin: 56px 0px 8px;
  }
  .contact-form .left-content h2 {
    font-size: 58px;
    padding-bottom: 32px;
  }
  .contact-form .left-content h5 {
    font-size: 22px;
    font-family: "General Sans Light";
    line-height: 36px;
    font-weight: 400;
    width: 81%;
  }
  .contact-form .content .right-img .contactus-form-img {
    min-width: 551px;
    bottom: -186px;
    left: 30%;
  }

  .booking-sec .content h1 {
    font-size: 50px;
    margin-bottom: 0px;
  }
  .booking-sec .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    padding: 24px;
    border: 0px;
    border-radius: 16px;
  }
  .booking-sec .form-section .custom-form-group .custom-form-control .mat-select-placeholder {
    color: #0e1f29;
  }

  .faqs.sec-padding-tb {
    padding: 132px 0px;
  }
  .faqs h1 {
    font-size: 54px;
  }
  .faqs .mat-accordion .mat-expansion-panel {
    box-shadow: none;
    background: transparent;
  }
  .faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
    border-bottom: 1px solid white;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    padding: 32px 0px;
    height: auto;
    border-radius: 0px;
  }
  .faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
    background: transparent;
  }
  .faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
    border-bottom: 1px solid transparent;
  }
  .faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
    color: white;
    font-size: 24px;
    font-weight: 600;
    padding-right: 25px;
    letter-spacing: 0.5px;
    line-height: 24px;
    font-family: "General Sans Medium";
  }
  .faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-body {
    padding: 15px 0px 0px;
  }
  .faqs .mat-accordion .mat-expansion-panel .mat-expansion-panel-body p {
    color: white;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 35px;
    font-family: "General Sans Light";
  }
  .faqs .mat-accordion .mat-expansion-panel .mat-expansion-indicator {
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 3px;
    border: 1px solid white;
    border-radius: 50%;
  }
  .faqs .mat-accordion .mat-expansion-panel .mat-expansion-indicator::after {
    background: url('assets-images-icons-faqs-arrow.svg') no-repeat;
    background-size: cover;
    height: 15px;
    width: 15px;
    padding: 0px;
    transform: rotate(90deg);
    position: absolute;
    top: 8px;
    left: 8px;
    border: 0px;
  }
  .faqs .mat-accordion .mat-expansion-panel.mat-expanded {
    margin: 0px;
  }
  .faqs .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-indicator {
    transform: rotate(90deg) !important;
  }

  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .left-img .doctor {
    margin-left: auto;
    width: 850px;
    position: relative;
    z-index: 2;
  }

  .why-dental-interface.sec-padding-tb {
    padding: 150px 0px;
  }
  .why-dental-interface .content h1 {
    font-size: 58px;
    font-family: "Clash Grotesk Medium";
  }
  .why-dental-interface .content h1 span {
    font-family: "Clash Display Extra Light";
    font-weight: 600;
  }
  .why-dental-interface .content p {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 48px;
  }
  .why-dental-interface .content .icon-card span {
    font-size: 35px;
    font-weight: 500;
  }
  .why-dental-interface .content .icon-card .icon {
    width: 100px;
    height: 100px;
    margin-right: 32px;
  }
  .why-dental-interface .content .icon-card .icon svg {
    width: 60px;
  }

  .mission-vision .mission {
    min-height: 250px;
    width: 70%;
    padding: 20px 40px 48px;
    margin: 25px 5% 0px;
  }
  .mission-vision .mission h1 {
    margin-bottom: 0px;
    font-size: 52px;
  }
  .mission-vision .mission p {
    font-size: 21px;
    line-height: 31px;
  }
  .mission-vision .vision {
    min-height: 250px;
    width: 70%;
    padding: 20px 40px 48px;
  }
  .mission-vision .vision h1 {
    margin-bottom: 0px;
    font-size: 52px;
  }
  .mission-vision .vision p {
    font-size: 21px;
    line-height: 31px;
  }

  .dental-interface-team .content h1 {
    font-family: "Clash Grotesk Medium";
    font-size: 58px;
    margin: 0px 0px;
  }
  .dental-interface-team .content h1 span {
    font-family: "Clash Display Extra Light";
    font-weight: 600;
  }
  .dental-interface-team .content p {
    margin-top: 48px;
    margin-bottom: 0px;
    font-size: 23px;
    line-height: 35px;
  }

  .designed-for-you .content h1 {
    font-family: "Clash Grotesk Medium";
    font-size: 60px;
    margin: 0px 0px;
  }
  .designed-for-you .content p {
    margin-top: 48px;
    margin-bottom: 0px;
    font-size: 23px;
    line-height: 35px;
    font-family: "General Sans Light";
  }

  .about-dental-interface.sec-padding-tb {
    padding: 132px 0px;
  }
  .about-dental-interface .content .right-content h1 {
    font-size: 58px;
    font-family: "Clash Grotesk Medium";
  }
  .about-dental-interface .content .right-content p {
    font-size: 23px;
    line-height: 35px;
  }

  .dental-interface-advantages .left-content .swiper-container .swiper-wrapper .swiper-slide h1 {
    font-size: 52px;
  }
  .dental-interface-advantages .left-content .swiper-container .swiper-wrapper .swiper-slide p {
    font-size: 23px;
    line-height: 35px;
  }

  .contact-home-form .content .right-img .contact-form-img {
    left: 29%;
    bottom: -58%;
  }

  .access-like-never-before-sec {
    min-height: 680px;
  }
  .access-like-never-before-sec .content .text {
    padding: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 560px;
  }
  .access-like-never-before-sec .content .text h1 {
    font-size: 56px;
    line-height: 65px;
  }
  .access-like-never-before-sec .content .text p {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 30px;
  }
  .access-like-never-before-sec .content .cat-img img {
    width: 820px;
    position: absolute;
    top: 0px;
    right: -22%;
    filter: drop-shadow(3px 7px 3px rgba(0, 0, 0, 0.1));
  }
}
/* --------------------- VERY LARGE SCREENS ------------------- */
@media screen and (min-width: 1920px) {
  .wrapper {
    max-width: 1720px;
  }

  .booking-sec .content h1 {
    font-size: 41px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 16px;
  }
  .booking-sec .form-section .mat-tab-label {
    height: 76px;
  }
  .booking-sec .form-section .mat-tab-label .mat-tab-label-content {
    font-family: "Clash Display Medium";
    font-size: 22px;
    padding: 20px 48px;
    font-weight: 500;
  }
  .booking-sec .form-section .mat-tab-group .mat-tab-labels .mat-tab-label.mat-tab-label-active {
    border-radius: 4px;
  }
  .booking-sec .form-section .custom-form-group {
    margin: 0px 0px 28px;
  }
  .booking-sec .form-section .custom-form-group .custom-label {
    margin: 0 0 32px 0;
  }
  .booking-sec .form-section .custom-form-group .custom-form-control .mat-form-field.select-box .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    padding: 24px;
    border: 0px;
    border-radius: 16px;
  }
  .booking-sec .form-section .custom-form-group .custom-form-control .mat-select-placeholder {
    color: #0e1f29;
  }

  h1 {
    font-size: 58px;
    line-height: 80px;
  }

  .navbar .navbar_nav .wrapper .web_navbar {
    padding: 40px 0px;
  }
  .navbar .navbar_nav .wrapper .web_navbar .logo a img {
    width: 259px;
  }

  .banner-swiper .swiper-container .swiper-wrapper .swiper-slide {
    min-height: 850px;
  }
  .banner-swiper .swiper-container .swiper-wrapper .navigations {
    right: 38%;
    bottom: 20%;
    width: 7%;
    align-items: center;
  }
  .banner-swiper .swiper-container .swiper-wrapper .navigations .banner-pagination {
    padding: 0px 32px;
  }

  .access-like {
    min-height: 620px;
  }

  .btn-secondary {
    height: 78px;
  }
  .btn-secondary .mat-button-wrapper {
    font-size: 25px;
    font-family: "Clash Display Medium";
  }
  .btn-secondary .mat-button-wrapper img {
    width: 16px;
    height: 16px;
    margin: 0px 0px 0px 10px;
  }

  .btn-primary.mat-button, .defaultLayout .btn-primary {
    height: 80px;
    padding: 0 54px 0 0px !important;
    filter: drop-shadow(8px 6px 20px rgba(0, 0, 0, 0.1));
  }
  .btn-primary.mat-button .mat-button-wrapper, .defaultLayout .btn-primary .mat-button-wrapper {
    color: #000000;
    font-size: 18px;
    transition: all 0.5s ease-in-out 0s;
    font-family: "Clash Display";
    letter-spacing: 1px;
    font-weight: 600;
  }
  .btn-primary.mat-button .mat-button-wrapper img, .defaultLayout .btn-primary .mat-button-wrapper img {
    width: 75px;
    height: 75px;
    margin: 0px 10px 0px 0px;
    transition: all 0.5s ease-in-out;
    filter: drop-shadow(8px 6px 20px rgba(0, 0, 0, 0.1));
  }
  .btn-primary.mat-button::before, .defaultLayout .btn-primary::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0px;
    width: 0;
    background-color: #FF7000;
    border-radius: 25px;
    transition: all 0.5s ease;
    transition-delay: 0.2s;
  }
  .btn-primary.mat-button:hover::before, .defaultLayout .btn-primary:hover::before {
    transform: scaleX(1);
    transition: all 0.5s ease;
    transition-delay: 0.2s;
    width: 100%;
    height: 100%;
    z-index: auto;
  }
  .btn-primary.mat-button:hover .mat-button-wrapper, .defaultLayout .btn-primary:hover .mat-button-wrapper {
    color: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out 0s;
  }
  .btn-primary.mat-button:hover .mat-button-wrapper img, .defaultLayout .btn-primary:hover .mat-button-wrapper img {
    z-index: 2;
  }
}
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2021 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  animation-delay: calc(1s * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  animation-delay: calc(1s * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  animation-delay: calc(1s * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  animation-delay: calc(1s * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  animation-duration: calc(1s / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  animation-duration: calc(1s * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  animation-duration: calc(1s * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  animation-duration: calc(1s * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
/* Attention seekers  */
@keyframes bounce {
  from, 20%, 53%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  animation-name: rubberBand;
}
@keyframes shakeX {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  animation-name: shakeY;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  animation-name: wobble;
}
@keyframes jello {
  from, 11.1%, to {
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: calc(1s * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  animation-name: backInDown;
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}
@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  animation-name: backInRight;
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  animation-name: backInUp;
}
/* Back exits */
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  animation-name: backOutLeft;
}
@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
/* Lightspeed */
@keyframes lightSpeedInRight {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
  from {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@keyframes rotateIn {
  from {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}
@keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateInDownRight {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateInUpRight {
  from {
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}
/* Rotating exits */
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}
/* Specials */
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  animation-duration: calc(1s * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  animation-name: rollOut;
}
/* Zooming entrances */
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  animation-name: zoomInUp;
}
/* Zooming exits */
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}
/* Sliding entrances */
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
}
/* Sliding exits */
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  animation-name: slideOutUp;
}
/* You can add global styles to this file, and also import other style files */
html,
body {
  height: 100%;
  scroll-behavior: smooth;
  font-family: "General Sans", sans-serif !important;
}
body {
  margin: 0px;
  padding: 0px;
  font-family: "General Sans", sans-serif !important;
  font-size: 16px;
  background: #F8F9FB;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  letter-spacing: 1px;
  outline: 0 !important;
  overflow-x: hidden;
}
.master-router-sec {
  min-height: 100vh;
}
.master_router_outlet {
  min-height: 100vh;
  border-radius: 30px;
}
.ifInnerProfile {
  background: #EAEAEA !important;
}
.pac-container {
  z-index: 9999 !important;
}
.ql-font-arial {
  font-family: Arial, sans-serif !important;
}
.ql-font-times-new-roman {
  font-family: "Times New Roman", serif !important;
}
.ql-font-calibri {
  font-family: Calibri, sans-serif !important;
}
.ql-font-georgia {
  font-family: Georgia, serif !important;
}
.ql-font-verdana {
  font-family: Verdana, sans-serif !important;
}
.searchFilterDate .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.searchFilterDate {
  display: flex;
  border-radius: 24px !important;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05);
  color: #f1f1f1;
  background: #F1F1F1;
  padding: 0px 1px 0 10px;
  margin-left: 10px;
}
.searchFilterDate input {
  width: 100px;
  text-align: left;
}
.searchFilterDate .mat-icon-button {
  margin-top: -3px;
  height: 0;
}
.matSelBotPadding .mat-form-field-wrapper {
  padding-bottom: 0;
}
.status-badge {
  border-radius: 20px;
  font-weight: normal;
  padding: 4px 15px;
}
.status-badge.blocked {
  color: #D71313;
  background: #FBE7E7;
}
.status-badge.unblocked {
  color: #00934F;
  background: #E5F4ED;
}
.status-badge.pending {
  color: #104ca7;
  background: #e4efff;
}
.custom-sticky-table table tbody .mat-row .mat-cell {
  color: #748294;
  font-weight: 500;
}
.custom-sticky-table table thead .mat-header-row:first-child .mat-header-cell {
  background: #f6f7f8 !important;
  color: #748294 !important;
  font-weight: 500 !important;
}
.master_dashboard_sec .master_dashboard_router .table_section th.mat-header-cell:first-of-type,
.master_dashboard_sec .master_dashboard_router .table_section th.mat-header-cell:last-of-type {
  border-radius: 0 !important;
}
.custom-sticky-table table thead .mat-header-row .mat-header-cell .tab_head {
  color: #748294 !important;
  font-weight: 500 !important;
}
.dashboard_content_sec {
  border-radius: 20px;
}
.media-body .booking_id {
  color: #748294;
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 5px 0;
}
.my_subscriptions_body h3 {
  color: #000;
  font-size: 20px;
  margin-bottom: 3px;
}
.my_subscriptions_body h5 {
  color: #748294;
  font-size: 19px;
  margin-bottom: 1px;
}
.my_subscriptions_body p {
  font-size: 16px;
}
.master_dashboard_sec .custom-tabs .horizontal-toggle-buttons .mat-button-toggle {
  border-radius: 5px;
}
.my_directory_listing_sec, .personal_info_sec, .my_favourites_sec, .master_my_address, .my_orders_listing, .my_supplies_listing {
  background: #fff;
  padding: 15px;
  border-radius: 20px !important;
  margin-bottom: 25px;
  overflow: hidden;
}
.custom-modal .master-modal .modal_footer.center-footer {
  display: flex !important;
  justify-content: center !important;
}

/*# sourceMappingURL=styles.css.map*/