@font-face {
    font-family: 'Effra';
    src: url('/Content/fonts/Effra_W_Rg.ttf');
}



/* Color */
/* Border */
/* Gradiant Background */
/* Scrollbar */
/*@font-face {
  font-family: " font-gordita";
  src: url("../webfonts/GORDITA BLACK.OTF");
  font-weight: 800;
}

@font-face {
  font-family: "font-gordita";
  src: url("../webfonts/GORDITA BOLD.OTF");
  font-weight: 600;
}

@font-face {
  font-family: "font-gordita";
  src: url("../webfonts/GORDITA MEDIUM.OTF");
  font-weight: 500;
}

@font-face {
  font-family: "font-gordita";
  src: url("../webfonts/GORDITA REGULAR.OTF");
  font-weight: 400;
}

@font-face {
  font-family: "font-gordita";
  src: url("../webfonts/GORDITA  THIN.OTF");
  font-weight: 300;
}

@font-face {
  font-family: "font-gordita";
  src: url("../webfonts/GORDITA  ULTRA.OTF");
  font-weight: 200;
}*/

* {
  outline: none !important;
}
/*
body {
  height: 100vh;
  font-size: 0.9rem;
  font-family: "font-gordita";
}

ul {
  margin-bottom: 0;
  padding-left: 0;
}

ul li {
  list-style: none;
}

.list-styled {
  padding-left: 1rem;
}

.list-styled li {
  list-style: disc;
}

.h-full {
  height: 100vh;
}

.w-full {
  width: 100%;
}*/

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

a {
  text-decoration: none;
}

h2 {
  color: #001538;
  opacity: 0.5;
  font-weight: 400;
}

input[type="text"] {
  border: none;
  background-color: transparent;
  padding: 0;
  color: #005AD2;
  font-weight: 500;
  width: 100%;
}

/* START:Scrollbar */
::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #7988B1;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}

/* END:Scrollbar */
.btn-check:focus + .btn,
.btn:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.form-check-input:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/*
	1. Font size
	2. Width
	3. Height
	4. Inset CSS
	5. Border radius
	6. Overflow
	7. Margin
	8. Padding
	9. Table Width
	10. Box shadow
	11. Background Color
	12. Font weight
	13. Text color
	14. Border Css
	15. Cursor
	16. Resizable
	17. Flex Basis
	18. Position
	19. Line-height
	20. transition
	21. rotate
	22. translate
*/
/* Font size */
.fn9 {
  font-size: 9px;
}

.fn10 {
  font-size: 10px;
}

.fn11 {
  font-size: 11px;
}

.fn12 {
  font-size: 12px;
}

.fn13 {
  font-size: 13px;
}

.fn14 {
  font-size: 14px;
}

.fn15 {
  font-size: 15px;
}

.fn16 {
  font-size: 16px;
}

.fn17 {
  font-size: 17px;
}

.fn18 {
  font-size: 18px;
}

.fn19 {
  font-size: 19px;
}

.fn20 {
  font-size: 20px;
}

.fn21 {
  font-size: 21px;
}

.fn22 {
  font-size: 22px;
}

.fn23 {
  font-size: 23px;
}

.fn24 {
  font-size: 24px;
}

.fn25 {
  font-size: 25px;
}

.fn26 {
  font-size: 26px;
}

.fn27 {
  font-size: 27px;
}

.fn28 {
  font-size: 28px;
}

.fn29 {
  font-size: 29px;
}

.fn30 {
  font-size: 30px;
}

.fn44 {
  font-size: 44px;
}

/* Width */
.w-4 {
  width: 4px;
}

.w-6 {
  width: 6px;
}

.w-8 {
  width: 8px;
}

.w-10 {
  width: 10px;
}

.w-12 {
  width: 12px;
}

.w-15 {
  width: 15px;
}

.w-18 {
  width: 18px;
}

.w-20 {
  width: 20px;
}

.w-22 {
  width: 22px;
}

.w-24 {
  width: 24px;
}

.w-25 {
  width: 25px;
}

.w-26 {
  width: 26px;
}

.w-28 {
  width: 28px;
}

.w-30 {
  width: 30px;
}

.w-32 {
  width: 32px;
}

.w-34 {
  width: 34px;
}

.w-35 {
  width: 35px;
}

.w-36 {
  width: 36px;
}

.w-38 {
  width: 38px;
}

.w-40 {
  width: 40px;
}

.w-45 {
  width: 45px;
}

.w-50 {
  width: 50px !important;
}

.w-55 {
  width: 55px;
}

.w-60 {
  width: 60px;
}

.w-70 {
  width: 70px;
}

.w-75 {
  width: 75px !important;
}

.w-80 {
  width: 80px;
}

.w-90 {
  width: 90px;
}

.w-100 {
  width: 100px;
}

.w-120 {
  width: 120px;
}

.w-150 {
  width: 150px;
}

.w-160 {
  width: 160px;
}

.w-200 {
  width: 200px;
}

.w-270 {
  width: 270px;
}

.w-250 {
  width: 250px;
}

.w-300 {
  width: 300px;
}

.w-350 {
  width: 350px;
}

.w-400 {
  width: 400px;
}

.w-450 {
  width: 450px;
}

.w-500 {
  width: 500px;
}

.w-600 {
  width: 600px;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-1\/4 {
  width: 25%;
}

.w-2\/4 {
  width: 50%;
}

.w-3\/4 {
  width: 75%;
}

.w-1\/5 {
  width: 20%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/5 {
  width: 60%;
}

.w-4\/5 {
  width: 80%;
}

.w-1\/6 {
  width: 16.666667%;
}

.w-2\/6 {
  width: 33.333333%;
}

.w-3\/6 {
  width: 50%;
}

.w-4\/6 {
  width: 66.666667%;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-1\/12 {
  width: 8.333333%;
}

.w-2\/12 {
  width: 16.666667%;
}

.w-3\/12 {
  width: 25%;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-5\/12 {
  width: 41.666667%;
}

.w-6\/12 {
  width: 50%;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-8\/12 {
  width: 66.666667%;
}

.w-9\/12 {
  width: 75%;
}

.w-10\/12 {
  width: 83.333333%;
}

.w-11\/12 {
  width: 91.666667%;
}

/* Height */
.h-4 {
  height: 4px;
}

.h-6 {
  height: 6px;
}

.h-8 {
  height: 8px;
}

.h-10 {
  height: 10px;
}

.h-12 {
  height: 12px;
}

.h-15 {
  height: 15px;
}

.h-18 {
  height: 18px;
}

.h-20 {
  height: 20px;
}

.h-22 {
  height: 22px;
}

.h-24 {
  height: 24px;
}

.h-25 {
  height: 25px;
}

.h-26 {
  height: 26px;
}

.h-28 {
  height: 28px;
}

.h-30 {
  height: 30px;
}

.h-32 {
  height: 32px;
}

.h-34 {
  height: 34px;
}

.h-35 {
  height: 35px;
}

.h-36 {
  height: 36px;
}

.h-38 {
  height: 38px;
}

.h-40 {
  height: 40px;
}

.h-45 {
  height: 45px;
}

.h-50 {
  height: 50px;
}

.h-55 {
  height: 55px;
}

.h-60 {
  height: 60px;
}

.h-70 {
  height: 70px;
}

.h-80 {
  height: 80px;
}

.h-90 {
  height: 90px;
}

.h-100 {
  height: 100px;
}

.h-120 {
  height: 120px;
}

.h-150 {
  height: 150px;
}

.h-200 {
  height: 200px;
}

.h-250 {
  height: 250px;
}

.h-300 {
  height: 300px;
}

.h-350 {
  height: 350px;
}

.h-400 {
  height: 400px;
}

.h-450 {
  height: 450px;
}

.h-500 {
  height: 500px;
}

.h-600 {
  height: 600px;
}

.h-80vh {
  height: 80vh;
}

.h-100vh {
  height: 100vh;
}

/* Max Height */
.max-w-4 {
  max-width: 4px;
}

.max-w-6 {
  max-width: 6px;
}

.max-w-8 {
  max-width: 8px;
}

.max-w-10 {
  max-width: 10px;
}

.max-w-12 {
  max-width: 12px;
}

.max-w-15 {
  max-width: 15px;
}

.max-w-18 {
  max-width: 18px;
}

.max-w-20 {
  max-width: 20px;
}

.max-w-22 {
  max-width: 22px;
}

.max-w-24 {
  max-width: 24px;
}

.max-w-25 {
  max-width: 25px;
}

.max-w-26 {
  max-width: 26px;
}

.max-w-28 {
  max-width: 28px;
}

.max-w-30 {
  max-width: 30px;
}

.max-w-32 {
  max-width: 32px;
}

.max-w-34 {
  max-width: 34px;
}

.max-w-35 {
  max-width: 35px;
}

.max-w-36 {
  max-width: 36px;
}

.max-w-38 {
  max-width: 38px;
}

.max-w-40 {
  max-width: 40px;
}

.max-w-45 {
  max-width: 45px;
}

.max-w-50 {
  max-width: 50px;
}

.max-w-60 {
  max-width: 60px;
}

.max-w-70 {
  max-width: 70px;
}

.max-w-80 {
  max-width: 80px;
}

.max-w-90 {
  max-width: 90px;
}

.max-w-100 {
  max-width: 100px;
}

.max-w-120 {
  max-width: 120px;
}

.max-w-150 {
  max-width: 150px;
}

.max-w-170 {
  max-width: 170px;
}

.max-w-200 {
  max-width: 200px;
}

.max-w-250 {
  max-width: 250px;
}

.max-w-270 {
  max-width: 270px;
}

.max-w-300 {
  max-width: 300px;
}

.max-w-350 {
  max-width: 350px;
}

.max-w-400 {
  max-width: 400px;
}

.max-w-430 {
  max-width: 430px !important;
}

.max-w-450 {
  max-width: 450px;
}

.max-w-500 {
  max-width: 500px !important;
}

.max-w-600 {
  max-width: 600px;
}

.max-w-700 {
  max-width: 700px !important;
}

.max-w-1\/2 {
  max-width: 50%;
}

.max-w-4\/5 {
  max-width: 80%;
}

/* Min Width */
.min-w-4 {
  min-width: 4px;
}

.min-w-6 {
  min-width: 6px;
}

.min-w-8 {
  min-width: 8px;
}

.min-w-10 {
  min-width: 10px;
}

.min-w-12 {
  min-width: 12px;
}

.min-w-15 {
  min-width: 15px;
}

.min-w-18 {
  min-width: 18px;
}

.min-w-20 {
  min-width: 20px;
}

.min-w-22 {
  min-width: 22px;
}

.min-w-24 {
  min-width: 24px;
}

.min-w-25 {
  min-width: 25px;
}

.min-w-26 {
  min-width: 26px;
}

.min-w-28 {
  min-width: 28px;
}

.min-w-30 {
  min-width: 30px;
}

.min-w-32 {
  min-width: 32px;
}

.min-w-34 {
  min-width: 34px;
}

.min-w-35 {
  min-width: 35px;
}

.min-w-36 {
  min-width: 36px;
}

.min-w-38 {
  min-width: 38px;
}

.min-w-40 {
  min-width: 40px;
}

.min-w-45 {
  min-width: 45px;
}

.min-w-50 {
  min-width: 50px;
}

.min-w-60 {
  min-width: 60px;
}

.min-w-70 {
  min-width: 70px;
}

.min-w-80 {
  min-width: 80px;
}

.min-w-90 {
  min-width: 90px;
}

.min-w-100 {
  min-width: 100px;
}

.min-w-120 {
  min-width: 120px;
}

.min-w-150 {
  min-width: 150px;
}

.min-w-200 {
  min-width: 200px;
}

.min-w-250 {
  min-width: 250px;
}

.min-w-300 {
  min-width: 300px;
}

.min-w-350 {
  min-width: 350px;
}

.min-w-400 {
  min-width: 400px;
}

.min-w-450 {
  min-width: 450px;
}

.min-w-500 {
  min-width: 500px;
}

.min-w-600 {
  min-width: 600px;
}

.min-w-700 {
  min-width: 700px;
}

.min-w-auto {
  min-width: auto;
}

/* Max Height */
.max-h-550 {
  max-height: 550px;
}

.max-h-350 {
  max-height: 350px;
}

.max-h-250 {
  max-height: 250px;
}

/* Inset CSS */
.left-auto {
  left: auto !important;
}

.-top-1 {
  top: -1px;
}

.-top-2 {
  top: -2px;
}

.-top-3 {
  top: -3px;
}

.-top-4 {
  top: -4px;
}

.-end-1 {
  right: -1px;
}

.-end-2 {
  right: -2px;
}

.-end-3 {
  right: -3px;
}

.-end-4 {
  right: -4px;
}

/* Border radius */
.rounded-4 {
  border-radius: 0.4rem !important;
}

.rounded-5 {
  border-radius: 0.5rem !important;
}

.rounded-6 {
  border-radius: 0.6rem !important;
}

.rounded-7 {
  border-radius: 0.7rem !important;
}

.rounded-8 {
  border-radius: 0.8rem !important;
}

.rounded-9 {
  border-radius: 0.9rem !important;
}

.rounded-10 {
  border-radius: 1rem !important;
}

.rounded-12 {
  border-radius: 1.2rem !important;
}

.rounded-14 {
  border-radius: 1.4rem !important;
}

.rounded-15 {
  border-radius: 1.5rem !important;
}

.border-bottom-radius-md {
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
}

.border-top-radius-0 {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.border-bottom-radius-0 {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

/* Overflow */
.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

/* Margin */
.ml-auto {
  margin-left: auto !important;
}

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

@media only screen and (max-width: 768px) {
  .ml-sm-auto {
    margin-left: 0 !important;
  }
}

.mb-3\.5 {
  margin-bottom: 1.25rem !important;
}

.ms-2\.5 {
  margin-left: 0.75rem !important;
}

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

.ml-20 {
  margin-left: 20rem !important;
}

.mt-10 {
  margin-top: 10px;
}

.-mt-85px {
  margin-top: -85px;
}

/* Padding */
.px-sm {
  padding-left: 4rem !important;
  padding-right: 3.5rem !important;
}

.p-sm {
  padding: 0.5rem 1rem;
}

.py-1\.5 {
  padding-top: 0.37rem !important;
  padding-bottom: 0.37rem !important;
}

.px-1\.5 {
  padding-left: 0.37rem !important;
  padding-right: 0.37rem !important;
}

.py-2\.5 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-2\.5 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.ps-2\.5 {
  padding-left: 0.75rem !important;
}

.pe-2\.5 {
  padding-right: 0.75rem !important;
}

.p-10 {
  padding: 10px;
}

.px-10 {
  padding: 0 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

/* Table Width */
.table-xl table {
  min-width: 1140px;
}

/* Box shadow */
.shadow-sm {
  -webkit-box-shadow: 10px 10px 25px rgba(230, 236, 244, 0.35) !important;
          box-shadow: 10px 10px 25px rgba(230, 236, 244, 0.35) !important;
}

.shadow-md {
  -webkit-box-shadow: 0px 10px 30px #e6ecf4 !important;
          box-shadow: 0px 10px 30px #e6ecf4 !important;
}

.shadow-blue {
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 60, 255, 0.15);
          box-shadow: 0px 0px 5px 1px rgba(0, 60, 255, 0.15);
}

.shadow-input {
  -webkit-box-shadow: 10px 10px 25px rgba(230, 236, 244, 0.35);
          box-shadow: 10px 10px 25px rgba(230, 236, 244, 0.35);
}

.shadow-box {
  -webkit-box-shadow: 5px 15px 40px rgba(0, 44, 117, 0.05);
          box-shadow: 5px 15px 40px rgba(0, 44, 117, 0.05);
}

.shadow-box-on-hover {
  -webkit-box-shadow: 35px 20px 40px rgba(0, 30, 82, 0.05);
          box-shadow: 35px 20px 40px rgba(0, 30, 82, 0.05);
}

/* Background Color */
.bg-blue {
  background-color: #005AD2 !important;
}

.bg-light-gray {
  background-color: #7988B1 !important;
}

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

.bg-light-blue {
  background-color: #192c4c !important;
}

.bg-extra-light-green {
  background-color: #F9FCFC;
}

.bg-extra-light-yellow {
  background-color: #FFF9EF;
}

.bg-extra-light-red {
  background-color: #FDECED;
}

.bg-extra-light-skyblue {
  background-color: #EEFAFF;
}

.bg-black {
  background-color: #001538 !important;
}

.bg-white {
  background-color: #fff;
}

.bg-transparent {
  background: transparent;
}

.bg-yellow {
  background-color: #EBAB21 !important;
}

.bg-red {
  background-color: #EA4036 !important;
}

.bg-dark-red {
  background-color: #CC323B !important;
}

.bg-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(#2D75E4), to(#0A19E4)) !important;
    background: linear-gradient(120deg, #0A19E4 0%, #088BE1 100%) !important;
}

.bg-sky-blue {
  background-color: #50ABF1 !important;
}

.bg-light-sky-blue {
  background-color: #009FDA !important;
}

.bg-gray {
  background-color: #F8F8F8;
}

.bg-gradient-02 {
  background: linear-gradient(93.58deg, #15d4d620 0%, #5694ff20 100%);
}

/* Font weight */
.lighter{
    font-weight:100!important ; 
}

.semibold {
  font-weight: 500 !important;
}

.bold {
  font-weight: 600 !important;
}

.extrabold {
  font-weight: 700 !important;
}

/* Text color */
.text-gradient {
  background: -webkit-gradient(linear, left top, right top, from(#00C5BF), to(#5792FF));
  background: linear-gradient(90deg, #00C5BF 0%, #5792FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-dark-gray {
  color: rgba(0, 21, 56, 0.5);
}

.text-light-gray {
  color: #7988B1 !important;
}

.text-dark-blue {
    color: #242460 !important;
}

.text-skyblue {
  color: #50ABF1;
}

.text-black {
  color: #001538;
}

.text-purple {
  color: #A249A2;
}

.text-dark-red {
  color: #CC323B !important;
}

.text-light-green {
  color: #00C5BF;
}

.text-light-skyblue {
  color: #009FDA !important;
}

.text-yellow {
  color: #EBAB21;
}

/* Border Css */
.border-light-blue {
  border-color: #192c4c !important;
}

.border-light-gray {
  border: 1px solid #7988B1 !important;
}

.border-light-white {
  border: 1px solid #F1F5FB !important;
}

.border-top-light-white {
  border-top: 1px solid #F1F5FB !important;
}

.border-bottom-light-white {
  border-bottom: 1px solid #F1F5FB !important;
}

.border-left-light-white {
  border-left: 1px solid #F1F5FB !important;
}

.border-right-light-white {
  border-right: 1px solid #F1F5FB !important;
}

.border-red {
  border: 1px solid #EA4036 !important;
}

.border-white {
  border: 1px solid #fff !important;
}

.border-yellow {
  border: 1px solid #EBAB21 !important;
}

.border-light-white-02 {
  border: 2px solid #F1F5FB !important;
}

.border-light-blue-opacity02 {
  border: 1px solid rgba(0, 197, 191, 0.2);
}

.border-light-red-opacity02 {
  border: 1px solid rgba(204, 50, 59, 0.2);
}

.border-white-03 {
  border: 3px solid #fff;
}

.border-bottom-1-dashed {
  border-bottom: 2px dashed #d1d3d6;
}

/* Cursor */
.cursor-pointer {
  cursor: pointer;
}

/* resizable */
.resizable-none {
  resize: none;
}

/* Flex Basis */
.flex-basis-100 {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
}

@media only screen and (max-width: 1024px) {
  .flex-wrap-lg {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* Position */
.position-unset {
  position: unset !important;
}

.start-auto {
  left: auto !important;
}

.end-auto {
  right: auto !important;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

/* Text-overflow */
.text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Line-height */
.lineheight-1 {
  line-height: 1;
}

.lineheight-2\/3 {
  line-height: 1.5;
}

.lh-md {
  line-height: 1.7;
}

/* Letter-spacing */
.letter-spacing-sm {
  letter-spacing: 0.8px !important;
}

/* object-cover */
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.opacity-0 {
  opacity: 0;
}

.none {
  display: none;
}

.pub-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.pub-none {
  display: none !important;
}

.block {
  display: block;
}

.transition05 {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.rotate-180deg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.z-index-1 {
  z-index: 1;
}

.z_index_1 {
  z-index: -1;
}

.translateY-10 {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.translateY-50 {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.translateY50 {
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

.translateY-100 {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.white-space-nowrap {
  white-space: nowrap;
}

.head-text {
  font-size: 21px;
}

@media only screen and (max-width: 768px) {
  .head-text {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .head-subtext {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1440px) {
  .xl\:max-w-240 {
    max-width: 240px;
  }
}

@media only screen and (max-width: 1280px) {
  .lg\:max-w-200 {
    max-width: 200px;
  }
  .lg\:w-300 {
    width: 300px !important;
  }
  .lg\:w-60p {
    width: 60% !important;
  }
  .lg\:w-40 {
    width: 40px !important;
  }
  .lg\:h-40 {
    height: 40px !important;
  }
  .lg\:fn13 {
    font-size: 13px;
  }
  .lg\:fn18 {
    font-size: 18px;
  }
  .lg\:fn14 {
    font-size: 14px;
  }
  .lg\:fn13 {
    font-size: 13px;
  }
  .lg\:fn12 {
    font-size: 12px;
  }
  .lg\:p-3 {
    padding: 1rem !important;
  }
  .lg\:w-60 {
    width: 60px;
  }
  .lg\:h-60 {
    height: 60px;
  }
  .lg\:fn27 {
    font-size: 27px;
  }
}

@media only screen and (max-width: 1024px) {
  .md\:max-w-150 {
    max-width: 150px;
  }
  .md\:w-auto {
    width: auto !important;
  }
  .md\:fn14 {
    font-size: 14px;
  }
  .md\:fn12 {
    font-size: 12px;
  }
  .md\:p-2 {
    padding: 0.5rem !important;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .md\:mb-0 {
    margin-bottom: 0 !important;
  }
  .md\:w-50 {
    width: 50px;
  }
  .md\:h-50 {
    height: 50px;
  }
  .md\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .md\:d-block {
    display: block !important;
  }
}

.logo {
  max-width: 8rem;
  width: 100%;
  overflow: hidden;
}

.logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.sign-btn {
  border-radius: 10px;
  width: 100%;
  border: none;
  padding: 10px 10px;
  color: #fff;
  font-size: 1rem;
}

.form-floating .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #f3f6fb;
  color: #005ad2;
}

.form-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #f3f6fb;
  border-radius: 10px;
  padding: 20px 30px;
  margin-bottom: 25px;
}

.form-input input {
  width: 100%;
  font-size: 1rem;
}

.form-password-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.asideOpen .main-board {
  margin-left: 120px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media only screen and (max-width: 768px) {
  .asideOpen .main-board {
    margin-left: 70px;
  }
}

.main-board {
  margin-left: 22rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 6.8rem 1rem 3.8rem;
  overflow: auto;
}

@media only screen and (max-width: 1280px) {
  .main-board {
    margin-left: 18rem;
  }
}

@media only screen and (max-width: 768px) {
  .main-board {
    padding: 11rem 1rem 3.8rem;
  }
}

.footer {
  margin-left: 22rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.asideOpen .footer {
  margin-left: 120px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media only screen and (max-width: 768px) {
  .asideOpen .footer {
    margin-left: 70px;
  }
}

header {
  width: calc(100% - 320px);
  background-color: #F1F5FB;
  padding: 1rem 1.5rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 999;
}

@media only screen and (max-width: 1280px) {
  header {
    width: calc(100% - 290px);
  }
}

.asideOpen header {
  width: calc(100% - 120px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media only screen and (max-width: 768px) {
  .asideOpen header {
    width: calc(100% - 70px);
  }
}

aside {
  height: 100vh;
  width: 320px;
  background-color: #011A66;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 999;
}

aside .aside-logo {
  position: relative;
  padding: 0 1.2rem 1.2rem;
}

aside .aside-logo a {
  max-width: 150px;
  margin: 0 auto;
}

aside .aside-logo a img {
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media only screen and (max-width: 768px) {
  aside .aside-logo {
    padding: 0 0.5rem 0.5rem;
  }
}

aside .aside-menu .aside-link {
  padding: 0.8rem 1rem;
  border-radius: 10px;
}

aside .aside-menu .aside-link .aside-icon {
  height: 37px;
  width: 37px;
  min-width: 42px;
  padding: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1rem;
  opacity: 0.6;
}

@media only screen and (max-width: 1280px) {
  aside .aside-menu .aside-link .aside-icon {
    height: 32px;
    width: 32px;
  }
  aside .aside-menu .aside-link .aside-icon img {
    width: 100%;
    height: 100%;
  }
}

@media only screen and (max-width: 768px) {
  aside .aside-menu .aside-link .aside-icon {
    height: 30px;
    width: 30px;
  }
  aside .aside-menu .aside-link .aside-icon img {
    width: 100%;
    height: 100%;
  }
}

aside .aside-menu .aside-link p {
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  opacity: 0.6;
}

@media only screen and (max-width: 1280px) {
  aside .aside-menu .aside-link p {
    font-size: 14px;
  }
}

aside .aside-menu .aside-link:hover {
  background-color: #005AD2;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

aside .aside-menu .aside-link:hover p {
  opacity: 1;
}

aside .aside-menu .aside-link:hover .aside-icon {
  opacity: 1;
}

aside .aside-menu .aside-link.active {
  background-color: #005AD2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

aside .aside-menu .aside-link.active p {
  opacity: 1;
}

aside .aside-menu .aside-link.active .aside-icon {
  opacity: 1;
}

aside .aside-user {
  background: linear-gradient(60.91deg, rgba(255, 255, 255, 0.15) 1.36%, rgba(255, 255, 255, 0) 78.27%);
  border-radius: 8px;
}

aside .aside-user .profile-wrap {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin-top: -50px;
  -webkit-transform: translateX(25px);
          transform: translateX(25px);
}

@media only screen and (max-width: 1280px) {
  aside .aside-user .profile-wrap {
    width: 70px;
    height: 70px;
    margin-top: -30px;
  }
}

aside .aside-user .calioda-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

aside .aside-user .profile-blur {
  background-color: #a59988;
  -webkit-filter: blur(40px);
  filter: blur(30px);
  z-index: -1;
  top: 10px;
  left: 20px;
  -webkit-transform: translate(20px, -10px);
          transform: translate(20px, -10px);
}

@media only screen and (max-width: 768px) {
  aside .aside-user .profile-blur {
    left: 0;
  }
}

@media only screen and (max-width: 1280px) {
  aside {
    width: 290px;
  }
}

.asideOpen aside {
  width: 120px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.asideOpen aside .aside-logo a img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
}

.asideOpen aside .aside-menu .aside-link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.asideOpen aside .aside-menu .aside-link p {
  display: none;
}

.asideOpen aside .aside-menu .aside-link .aside-icon {
  margin-right: 0;
}

.asideOpen aside .aside-user .profile-wrap {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 1rem;
  overflow: hidden;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.asideOpen aside .aside-user .calioda-text .calioda-texts {
  display: none;
}

@media only screen and (max-width: 768px) {
  .asideOpen aside .aside-user .calioda-text {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.asideOpen aside .aside-user .right-arrow {
  margin-bottom: -35px;
}

@media only screen and (max-width: 1280px) {
  .asideOpen aside .aside-user .right-arrow {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .asideOpen aside {
    width: 70px;
  }
}

.aside-left-arrow01 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.open {
  position: absolute;
  top: 25%;
  right: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translate(20%, -60%) rotate(180deg);
          transform: translate(20%, -60%) rotate(180deg);
}

.login-form {
  background-color: #fff;
  max-width: 800px;
  width: 100%;
  border-radius: 25px;
  padding: 50px 100px;
}

.login-form .login-form-input {
  width: 100%;
}

.login-form .logo {
  margin: 0 auto;
}

.login-form h2 {
  margin: 30px 0;
}

.login-form .input-wrapper {
  border: 1px solid #f3f6fb;
  padding: 0 30px;
}

.login-form .email-input .email-icon {
  cursor: pointer;
  top: 50%;
  left: 20px;
  -webkit-transform: translate(10px, -50%);
          transform: translate(10px, -50%);
  z-index: 999;
}

.login-form .email-input .email-icon img {
  height: 20px;
  width: 20px;
}

.login-form .email-input .password-icon {
  cursor: pointer;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(-10px, -50%);
          transform: translate(-10px, -50%);
}

.login-form .email-input .password-icon img {
  height: 20px;
  width: 20px;
}

.login-form .email-input .form-floating label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.login-form .email-input .input-shadow img {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

.shadow-img {
  right: 50%;
  bottom: 0;
  -webkit-transform: translate(50%, 100%);
          transform: translate(50%, 100%);
}

.shadow-img img {
  max-width: 700px;
  margin: 0 auto;
}

.bg-wrapper {
  background-image: url("../img/bg-img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
}

.otp-input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.otp-input-wrap .otp-input input {
  background-color: #f1f5fb;
  width: 80px;
  height: 80px;
  border-radius: 5px;
  text-align: center;
  margin-left: 30px;
}

.features-tab {
  overflow-x: auto;
  overflow-y: hidden;
}

.features-tab .subtab-features {
  position: relative;
  width: calc(33.33% - 1.5rem);
  padding: 1.7rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media only screen and (max-width: 1280px) {
  .features-tab .subtab-features {
    padding: 1.5rem;
    padding: 0.7rem;
  }
}

@media only screen and (max-width: 768px) {
  .features-tab .subtab-features {
    min-width: 70%;
    padding: 0.7rem;
  }
}

.features-tab .subtab-features::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  border-radius: 1rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#5792FF), to(#00C5BF));
  background: linear-gradient(180deg, #5792FF 0%, #00C5BF 100%);
}

.features-tab .subtab-features.active {
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: -webkit-gradient(linear, left top, left bottom, from(#5792FF), to(#00C5BF));
  background: linear-gradient(180deg, #5792FF 0%, #00C5BF 100%);
}

.features-tab .subtab-features.active::before {
  display: none;
}

.features-tab .subtab-features.active p {
  color: #fff !important;
}

.features-tab .subtab-features.active .nav-text {
  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.features-tab .subtab-features.active.tab-1::after {
  -webkit-filter: sepia(93%);
          filter: sepia(93%);
}

.features-tab .subtab-features.active.tab-2::after {
  opacity: 0.1;
}

.features-tab .subtab-features.active.tab-3::after {
  opacity: 0.1;
}

.features-tab .subtab-features .nav-text {
  background: -webkit-gradient(linear, left top, right top, color-stop(2%, #00C5BF), color-stop(50%, #5792ff));
  background: linear-gradient(to right, #00C5BF 2%, #5792ff 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.features-tab .subtab-features.tab-1::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100px;
  width: 100px;
  background-image: url(../../img/svg/tab1-bg.svg);
  background-repeat: no-repeat;
  background-size: 6.3rem;
  -webkit-filter: invert(42%);
          filter: invert(42%);
}

.features-tab .subtab-features.tab-2::after, .features-tab .subtab-features.tab-3::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100px;
  width: 100px;
  background-image: url(../../img/svg/tab2-bg.svg);
  background-repeat: no-repeat;
  background-size: 7.7rem;
}

.features-tab .subtab-features.tab-3::after {
  background-image: url(../../img/svg/tab3-bg.svg);
}

label.checkbox {
  position: relative;
}

label.checkbox input[type="checkbox"]:checked + span {
  border-color: transparent;
  background-color: #005AD2;
}

label.checkbox input[type="checkbox"]:checked + span::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 12px;
  top: 50%;
  left: 50%;
  -webkit-transform: rotate(45deg) translate(-50%, -40%);
          transform: rotate(45deg) translate(-50%, -40%);
  border: 2.5px solid #fff;
  border-top: none;
  border-left: none;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

label input {
  display: none;
}

label span {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background-color: #F1F5FB;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
  top: 0;
}

@media only screen and (max-width: 768px) {
  .responsive-features-tab .margin-mx-auto {
    margin: 0 auto !important;
    margin-bottom: 15px !important;
  }
}

@media only screen and (max-width: 768px) {
  .responsive-features-tab {
    text-align: center;
  }
  .responsive-features-tab .fn18 {
    font-size: 16px;
  }
}

.customers-tab .subtab-customers {
  background-color: #fff;
  padding: 0.4rem 0.6rem;
}

.customers-tab .subtab-customers.active {
  color: #fff;
  background-color: #005AD2;
}

.customers-tab .subtab-customers.active .customers-img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.customer-wrapper .dropdown .btn:hover {
  color: #005AD2;
}

.customer-wrapper .dropdown .dropdown-menu .dropdown-item {
  padding: 0.40rem 1rem;
  font-size: 15px;
}

.customer-wrapper .dropdown .dropdown-menu .dropdown-item:focus, .customer-wrapper .dropdown .dropdown-menu .dropdown-item:hover {
  color: #fff;
  background-color: #005AD2;
}

.customer-datatable .table-header tr th {
  font-weight: 400;
}

.customer-datatable tbody tr:hover {
  background-color: #F1F5FB;
}

.customer-datatable tbody tr:hover .checkbox span {
  border: 1px solid #005AD2;
  background-color: #fff;
}

.customer-datatable tbody tr .customer-name {
  color: #001538;
  font-weight: 500;
}

.customer-datatable tbody.data-wrapper tr td label.checkbox {
  position: relative;
  width: 22px;
  height: 22px;
}

.customer-datatable tbody.data-wrapper tr td label.checkbox input[type="checkbox"]:checked + span {
  border-color: transparent;
  background-color: #005AD2;
}

.customer-datatable tbody.data-wrapper tr td label.checkbox input[type="checkbox"]:checked + span::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 12px;
  top: 50%;
  left: 50%;
  -webkit-transform: rotate(45deg) translate(-50%, -40%);
          transform: rotate(45deg) translate(-50%, -40%);
  border: 2.5px solid #fff;
  border-top: none;
  border-left: none;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.customer-datatable tbody.data-wrapper tr td label input {
  display: none;
}

.customer-datatable tbody.data-wrapper tr td label span {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background-color: #F1F5FB;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
  top: 0;
}

.table > :not(caption) > * > * {
  padding: 1rem !important;
}

.white-gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
  background-image: linear-gradient(transparent 0%, #fff 100%);
}

.customer-journner-planner-tebing .nav-tabs .nav-link {
  color: #fff;
  position: relative;
}

.customer-journner-planner-tebing .nav-tabs .nav-link.active {
  font-weight: 600;
  background: -webkit-gradient(linear, left top, right top, color-stop(2%, #00C5BF), color-stop(50%, #5792ff));
  background: linear-gradient(to right, #00C5BF 2%, #5792ff 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.customer-journner-planner-tebing .nav-tabs .nav-link.active span {
  -webkit-text-fill-color: #001538;
}

.customer-journner-planner-tebing .nav-tabs .nav-link.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 40px;
  height: 6px;
  border-radius: 1rem;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#5792FF), to(#00C5BF));
  background: linear-gradient(180deg, #5792FF 0%, #00C5BF 100%);
}

.tabs-content {
  padding: 1rem 1.4rem;
}

.tebs-accordion .accordion-button {
  display: block;
}

.tebs-accordion .accordion-button::after {
  content: "";
  top: 50%;
  right: 0;
  padding: 20px;
  border-radius: 50%;
  position: absolute;
  background-size: auto;
  background-color: #005AD2;
  background-position: center;
  -webkit-transform: translate(50%, -50%) rotate(0deg);
          transform: translate(50%, -50%) rotate(0deg);
  background-image: url("../img/arrow-24-16.png");
}

.accordion-button:not(.collapsed)::after {
  -webkit-transform: translate(50%, -50%) rotate(90deg);
          transform: translate(50%, -50%) rotate(90deg);
}

.dropdown-item {
  position: relative;
}

.dropdown-item .checkbox {
  width: auto;
  position: unset;
}

.dropdown-item .checkbox .checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.your-customer {
  max-height: 85px;
  overflow-y: hidden;
}

.your-customer-list {
  max-height: 250px;
  overflow-y: auto;
}

.map-span {
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 1rem;
  height: calc(100% - 20px);
  width: calc(100% - 90px);
  z-index: -1;
}

.box-hover .subtext {
  color: #7988B1;
}

.box-hover .hover-box {
  position: absolute;
  top: 0;
  left: 105%;
  color: #001538;
  z-index: 2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform: translateY(-20%) scale(0);
          transform: translateY(-20%) scale(0);
}

.box-hover .hover-box::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -10px;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url("../img/curly-bracket.png");
}

.box-hover .hover-box.top-hover-box {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 100%;
  padding-left: 1rem !important;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: translateY(-10%) scale(0);
          transform: translateY(-10%) scale(0);
  background-position: bottom;
  -webkit-box-shadow: 0 -10px 40px rgba(0, 30, 82, 0.1);
          box-shadow: 0 -10px 40px rgba(0, 30, 82, 0.1);
}

.box-hover .hover-box.top-hover-box::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  background-image: url("../img/curly-bracket-down.png");
}

@media only screen and (max-width: 1280px) {
  .box-hover .hover-box.top-hover-box {
    left: -40%;
  }
}

.box-hover:hover {
  color: #fff;
  background: linear-gradient(90.35deg, #14D5D5 0%, #5693FF 100%);
}

.box-hover:hover .subtext {
  color: #fff;
  opacity: 0.8;
}

.box-hover:hover .hover-box {
  -webkit-transform: translateY(-20%) scale(1);
          transform: translateY(-20%) scale(1);
}

.box-hover:hover .hover-box.top-hover-box {
  -webkit-transform: translateY(-10%) scale(1);
          transform: translateY(-10%) scale(1);
}

.box-hover.active {
  color: #fff;
  background: linear-gradient(90.35deg, #14D5D5 0%, #5693FF 100%);
}

.box-hover.active .subtext {
  color: #fff;
  opacity: 0.8;
}

.leftborder01 {
  position: relative;
}

.leftborder01::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  height: 50%;
  border-left: 2px dashed #D1D3D6;
}

.leftborder02 {
  position: relative;
}

.leftborder02::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-left: 2px dashed #D1D3D6;
}

.leftborder03 {
  position: relative;
}

.leftborder03::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 16vh;
  z-index: -1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-bottom: 2px dashed #D1D3D6;
}

.leftborder04 {
  position: relative;
}

.leftborder04::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  width: 16vh;
  z-index: -1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-bottom: 2px dashed #D1D3D6;
}

.leftborder05 {
  position: relative;
}

.leftborder05::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 60vh;
  z-index: -1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-bottom: 2px dashed #D1D3D6;
}

.leftborder06 {
  position: relative;
}

.leftborder06::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  width: 60vh;
  z-index: -1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-bottom: 2px dashed #D1D3D6;
}

.border-down-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(27.5%, #001538), color-stop(138.75%, #005AD2));
  background: linear-gradient(180deg, #001538 27.5%, #005AD2 138.75%);
}

.speciality-checkbox {
  max-width: 220px;
}

.speciality-checkbox label span {
  top: 6px;
}

.speciality-checkbox label input {
  display: block;
  opacity: 0;
}

.minimize span {
  position: absolute;
  top: -6px;
}

.activity label span {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.activity label.checkbox input[type="checkbox"]:checked + span {
  background-color: #00C5BF;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.activity .traditional .noUi-connects .noUi-connect {
  border-radius: 1rem;
  background-color: #00C5BF;
}

.activity .traditional .noUi-horizontal {
  height: 12px;
  border-radius: 1rem;
}

.activity .traditional .noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  top: -6px;
  border: 5px solid #00C5BF;
  border-radius: 50%;
}

.activity .traditional .noUi-horizontal .noUi-handle::after {
  content: "";
  display: none;
}

.activity .traditional .noUi-horizontal .noUi-handle::before {
  content: "";
  display: none;
}

.activity .traditional .noUi-horizontal .noUi-tooltip {
  left: 100%;
  bottom: 50%;
  font-weight: 500;
  color: #00C5BF;
  -webkit-transform: translate(10%, 50%);
          transform: translate(10%, 50%);
  border-radius: 8px;
  border: none;
  font-size: 14px;
  background: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 6px 15px;
  background-image: url("../../img/tooltips-light-green.png");
}

.activity .traditional .noUi-target {
  border: 1px solid transparent;
  -webkit-box-shadow: 3px 3px 6px #ECF5F5;
          box-shadow: 3px 3px 6px #ECF5F5;
  background-color: #fff;
}

.activity .red-section label.checkbox input[type="checkbox"]:checked + span {
  background-color: #CC323B;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.activity .red-section .traditional .noUi-connects .noUi-connect {
  background-color: #CC323B;
}

.activity .red-section .traditional .noUi-horizontal .noUi-handle {
  border: 5px solid #CC323B;
}

.activity .red-section .traditional .noUi-horizontal .noUi-tooltip {
  color: #CC323B;
  background-image: url("../../img/tooltips-red.png");
}

.activity .committee-member-section {
  -webkit-box-shadow: 3px 3px 6px #ECF5F5;
          box-shadow: 3px 3px 6px #ECF5F5;
}

.activity .committee-member-section .noUi-connects .noUi-connect {
  background-color: #EBAB21;
}

.activity .committee-member-section .noUi-horizontal {
  height: 12px;
  border-radius: 1rem;
}

.activity .committee-member-section .noUi-horizontal .noUi-handle {
  border: 5px solid #EBAB21;
  border-radius: 50%;
}

.activity .committee-member-section .noUi-horizontal .noUi-tooltip {
  color: #EBAB21;
  background-image: url("../../img/tooltips-yellow.png");
}

.tabel-pagination .pagination .page-item .page-link {
  margin-right: 5px;
  color: #005AD2;
  border-radius: 5px;
  font-weight: 500;
  background-color: #F1F5FB;
}

.tabel-pagination .pagination .page-item .page-link:hover {
  color: #fff;
  background-color: #005AD2;
}

.tabel-pagination .pagination .page-item .page-link.active {
  color: #fff;
  background-color: #005AD2;
}

.form-select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.manage-activity-teb .manage-activity {
  color: #001538;
  background-color: #F1F5FB;
}

.manage-activity-teb .manage-activity.active {
  color: #fff;
  background-color: #005AD2;
}
/*# sourceMappingURL=main.css.map */