@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
.smartbanner-show.smartbanner-margin-top{margin-top:80px}.smartbanner-show.smartbanner-margin-bottom{margin-bottom:80px}.smartbanner-show .smartbanner{display:block}.smartbanner{left:0;display:none;width:100%;height:80px;line-height:80px;font-family:Helvetica Neue,sans-serif;background:#f4f4f4;z-index:9998;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-text-size-adjust:none}.smartbanner-top{position:absolute;top:0}.smartbanner-bottom{position:fixed;bottom:0}.smartbanner-container{margin:0 auto;padding:0 5px}.smartbanner-close{display:inline-block;vertical-align:middle;margin:0 5px 0 0;font-family:ArialRoundedMTBold,Arial;font-size:20px;text-align:center;color:#888;text-decoration:none;border:0;border-radius:14px;padding:0 0 1px;background-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.smartbanner-close:active,.smartbanner-close:hover{color:#aaa}.smartbanner-icon{width:57px;height:57px;margin-right:12px;background-size:cover;border-radius:10px}.smartbanner-icon,.smartbanner-info{display:inline-block;vertical-align:middle}.smartbanner-info{white-space:normal;width:calc(99% - 201px);font-size:11px;line-height:1.2em;font-weight:700}.smartbanner-wrapper{max-width:110px;display:inline-block;text-align:right;width:100%}.smartbanner-title{font-size:13px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smartbanner-description{max-height:40px;overflow:hidden}.smartbanner-author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smartbanner-author:empty+.smartbanner-description{max-height:50px}.smartbanner-button{margin:auto 0;height:24px;font-size:14px;line-height:24px;text-align:center;font-weight:700;color:#6a6a6a;text-transform:uppercase;text-decoration:none;display:inline-block;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.smartbanner-button:active,.smartbanner-button:hover{color:#aaa}.smartbanner-ios{background:#f2f2f2;box-shadow:0 1px 1px rgba(0,0,0,.2);line-height:80px}.smartbanner-ios .smartbanner-close{border:0;width:18px;height:18px;line-height:18px;font-family:Arial;color:#888;text-shadow:0 1px 0 #fff;-webkit-font-smoothing:none}.smartbanner-ios .smartbanner-close:active,.smartbanner-ios .smartbanner-close:hover{color:#888}.smartbanner-ios .smartbanner-icon{background-size:cover}.smartbanner-ios .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 hsla(0,0%,100%,.8);font-weight:300}.smartbanner-ios .smartbanner-title{color:#4d4d4d;font-weight:500}.smartbanner-ios .smartbanner-button{padding:0 10px;font-size:15px;min-width:10%;font-weight:400;color:#0c71fd}.smartbanner-ios .smartbanner-button:active,.smartbanner-ios .smartbanner-button:hover{background:#f2f2f2}.smartbanner-android{background:#3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7");box-shadow:inset 0 4px 0 #88b131;line-height:82px}.smartbanner-android .smartbanner-close{border:0;max-width:17px;width:100%;height:17px;line-height:17px;margin-right:7px;color:#b1b1b3;background:#1c1e21;text-shadow:0 1px 1px #000;text-decoration:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.8),0 1px 1px hsla(0,0%,100%,.3);cursor:pointer}.smartbanner-android .smartbanner-close:active,.smartbanner-android .smartbanner-close:hover{color:#eee}.smartbanner-android .smartbanner-icon{background-color:transparent;box-shadow:none}.smartbanner-android .smartbanner-info{color:#ccc;text-shadow:0 1px 2px #000}.smartbanner-android .smartbanner-title{color:#fff;font-weight:700}.smartbanner-android .smartbanner-button{min-width:12%;color:#d1d1d1;font-weight:700;padding:0;background:none;border-radius:0;box-shadow:0 0 0 1px #333,0 0 0 2px #dddcdc}.smartbanner-android .smartbanner-button:active,.smartbanner-android .smartbanner-button:hover{background:none}.smartbanner-android .smartbanner-button-text{text-align:center;display:block;padding:0 10px;background:#42b6c9;background:linear-gradient(180deg,#42b6c9,#39a9bb);text-transform:none;text-shadow:none;box-shadow:none}.smartbanner-android .smartbanner-button-text:active,.smartbanner-android .smartbanner-button-text:hover{background:#2ac7e1}.smartbanner-kindle,.smartbanner-windows{background:#f4f4f4;background:linear-gradient(180deg,#f4f4f4,#cdcdcd);box-shadow:0 1px 2px rgba(0,0,0,.5);line-height:80px}.smartbanner-kindle .smartbanner-close,.smartbanner-windows .smartbanner-close{border:0;width:18px;height:18px;line-height:18px;color:#888;text-shadow:0 1px 0 #fff}.smartbanner-kindle .smartbanner-close:active,.smartbanner-kindle .smartbanner-close:hover,.smartbanner-windows .smartbanner-close:active,.smartbanner-windows .smartbanner-close:hover{color:#aaa}.smartbanner-kindle .smartbanner-icon,.smartbanner-windows .smartbanner-icon{background:rgba(0,0,0,.6);background-size:cover;box-shadow:0 1px 3px rgba(0,0,0,.3)}.smartbanner-kindle .smartbanner-info,.smartbanner-windows .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.smartbanner-kindle .smartbanner-title,.smartbanner-windows .smartbanner-title{color:#4d4d4d;font-weight:700}.smartbanner-kindle .smartbanner-button,.smartbanner-windows .smartbanner-button{padding:0 10px;min-width:10%;color:#6a6a6a;background:#efefef;background:linear-gradient(180deg,#efefef,#dcdcdc);border-radius:3px;box-shadow:inset 0 0 0 1px #bfbfbf,0 1px 0 hsla(0,0%,100%,.6),inset 0 2px 0 hsla(0,0%,100%,.7)}.smartbanner-kindle .smartbanner-button:active,.smartbanner-kindle .smartbanner-button:hover,.smartbanner-windows .smartbanner-button:active,.smartbanner-windows .smartbanner-button:hover{background:#dcdcdc;background:linear-gradient(180deg,#dcdcdc,#efefef)}
/* The Modal (background) */
.custom-modal {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  border-radius: 6px;
  width: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

.modal-body {
  padding: 2px 16px;
  border-radius: 8px;
  padding-bottom: 40px;
}

[data-sal]{transition-duration:.2s;transition-duration:var(--sal-duration,.2s);transition-delay:0s;transition-delay:var(--sal-delay,0s);transition-timing-function:ease;transition-timing-function:var(--sal-easing,ease)}[data-sal][data-sal-duration="200"]{transition-duration:.2s}[data-sal][data-sal-duration="250"]{transition-duration:.25s}[data-sal][data-sal-duration="300"]{transition-duration:.3s}[data-sal][data-sal-duration="350"]{transition-duration:.35s}[data-sal][data-sal-duration="400"]{transition-duration:.4s}[data-sal][data-sal-duration="450"]{transition-duration:.45s}[data-sal][data-sal-duration="500"]{transition-duration:.5s}[data-sal][data-sal-duration="550"]{transition-duration:.55s}[data-sal][data-sal-duration="600"]{transition-duration:.6s}[data-sal][data-sal-duration="650"]{transition-duration:.65s}[data-sal][data-sal-duration="700"]{transition-duration:.7s}[data-sal][data-sal-duration="750"]{transition-duration:.75s}[data-sal][data-sal-duration="800"]{transition-duration:.8s}[data-sal][data-sal-duration="850"]{transition-duration:.85s}[data-sal][data-sal-duration="900"]{transition-duration:.9s}[data-sal][data-sal-duration="950"]{transition-duration:.95s}[data-sal][data-sal-duration="1000"]{transition-duration:1s}[data-sal][data-sal-duration="1050"]{transition-duration:1.05s}[data-sal][data-sal-duration="1100"]{transition-duration:1.1s}[data-sal][data-sal-duration="1150"]{transition-duration:1.15s}[data-sal][data-sal-duration="1200"]{transition-duration:1.2s}[data-sal][data-sal-duration="1250"]{transition-duration:1.25s}[data-sal][data-sal-duration="1300"]{transition-duration:1.3s}[data-sal][data-sal-duration="1350"]{transition-duration:1.35s}[data-sal][data-sal-duration="1400"]{transition-duration:1.4s}[data-sal][data-sal-duration="1450"]{transition-duration:1.45s}[data-sal][data-sal-duration="1500"]{transition-duration:1.5s}[data-sal][data-sal-duration="1550"]{transition-duration:1.55s}[data-sal][data-sal-duration="1600"]{transition-duration:1.6s}[data-sal][data-sal-duration="1650"]{transition-duration:1.65s}[data-sal][data-sal-duration="1700"]{transition-duration:1.7s}[data-sal][data-sal-duration="1750"]{transition-duration:1.75s}[data-sal][data-sal-duration="1800"]{transition-duration:1.8s}[data-sal][data-sal-duration="1850"]{transition-duration:1.85s}[data-sal][data-sal-duration="1900"]{transition-duration:1.9s}[data-sal][data-sal-duration="1950"]{transition-duration:1.95s}[data-sal][data-sal-duration="2000"]{transition-duration:2s}[data-sal][data-sal-delay="50"]{transition-delay:.05s}[data-sal][data-sal-delay="100"]{transition-delay:.1s}[data-sal][data-sal-delay="150"]{transition-delay:.15s}[data-sal][data-sal-delay="200"]{transition-delay:.2s}[data-sal][data-sal-delay="250"]{transition-delay:.25s}[data-sal][data-sal-delay="300"]{transition-delay:.3s}[data-sal][data-sal-delay="350"]{transition-delay:.35s}[data-sal][data-sal-delay="400"]{transition-delay:.4s}[data-sal][data-sal-delay="450"]{transition-delay:.45s}[data-sal][data-sal-delay="500"]{transition-delay:.5s}[data-sal][data-sal-delay="550"]{transition-delay:.55s}[data-sal][data-sal-delay="600"]{transition-delay:.6s}[data-sal][data-sal-delay="650"]{transition-delay:.65s}[data-sal][data-sal-delay="700"]{transition-delay:.7s}[data-sal][data-sal-delay="750"]{transition-delay:.75s}[data-sal][data-sal-delay="800"]{transition-delay:.8s}[data-sal][data-sal-delay="850"]{transition-delay:.85s}[data-sal][data-sal-delay="900"]{transition-delay:.9s}[data-sal][data-sal-delay="950"]{transition-delay:.95s}[data-sal][data-sal-delay="1000"]{transition-delay:1s}[data-sal][data-sal-easing=linear]{transition-timing-function:linear}[data-sal][data-sal-easing=ease]{transition-timing-function:ease}[data-sal][data-sal-easing=ease-in]{transition-timing-function:ease-in}[data-sal][data-sal-easing=ease-out]{transition-timing-function:ease-out}[data-sal][data-sal-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-sal][data-sal-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-sal][data-sal-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-sal][data-sal-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-sal][data-sal-easing=ease-in-circ]{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}[data-sal][data-sal-easing=ease-out-circ]{transition-timing-function:cubic-bezier(.075,.82,.165,1)}[data-sal][data-sal-easing=ease-in-out-circ]{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}[data-sal][data-sal-easing=ease-in-expo]{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}[data-sal][data-sal-easing=ease-out-expo]{transition-timing-function:cubic-bezier(.19,1,.22,1)}[data-sal][data-sal-easing=ease-in-out-expo]{transition-timing-function:cubic-bezier(1,0,0,1)}[data-sal][data-sal-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-sal][data-sal-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-sal][data-sal-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-sal][data-sal-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.895,.03,.685,.22)}[data-sal][data-sal-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sal][data-sal-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-sal][data-sal-easing=ease-in-quint]{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}[data-sal][data-sal-easing=ease-out-quint]{transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-sal][data-sal-easing=ease-in-out-quint]{transition-timing-function:cubic-bezier(.86,0,.07,1)}[data-sal][data-sal-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-sal][data-sal-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-sal][data-sal-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-sal][data-sal-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-sal][data-sal-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-sal][data-sal-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-sal|=fade]{opacity:0;transition-property:opacity}[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1}[data-sal|=slide]{opacity:0;transition-property:opacity,transform}[data-sal=slide-up]{transform:translateY(20%)}[data-sal=slide-down]{transform:translateY(-20%)}[data-sal=slide-left]{transform:translateX(20%)}[data-sal=slide-right]{transform:translateX(-20%)}[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;transform:none}[data-sal|=zoom]{opacity:0;transition-property:opacity,transform}[data-sal=zoom-in]{transform:scale(.5)}[data-sal=zoom-out]{transform:scale(1.1)}[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;transform:none}[data-sal|=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-sal=flip-left]{transform:perspective(2000px) rotateY(-91deg)}[data-sal=flip-right]{transform:perspective(2000px) rotateY(91deg)}[data-sal=flip-up]{transform:perspective(2000px) rotateX(-91deg)}[data-sal=flip-down]{transform:perspective(2000px) rotateX(91deg)}[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{transform:none}
/* =Box Sizing
========================================================================================*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='search'],
textarea,
select,
input[type='button'],
input[type='submit'],
button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* =Deafult Tag & General Classes
========================================================================================*/
html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  height: 100%;
}
html {
  overflow-y: inherit !important; /*cursor: none;*/
}
body {
  font: 16px/1.45 'Poppins', Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: #010816;
  font-weight: normal;
}
img {
  vertical-align: top;
  border: 0;
  max-width: 100%;
  height: auto;
}
a,
input[type='button'],
input[type='submit'],
button,
table th,
table td {
  -webkit-transition: 0.35s all;
  transition: 0.35s all;
}
.allanim,
#header,
#mainmenu > li > a,
.swiper-button-prev,
.swiper-button-next,
.homes-box,
.header-top ul {
  -webkit-transition: all 550ms;
  transition: all 550ms;
}
.btn {
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
a {
  color: #0f8eff;
  text-decoration: underline;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  a:active {
    background-color: transparent;
  }
}
*:focus {
  outline: none;
}
b,
strong {
  font-weight: 700;
}
small,
.small {
  font-size: 85%;
}
sub,
sup {
  font-size: 80%;
}
p {
  margin: 0 0 20px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
  margin: 0 0 10px;
  font-weight: medium;
  font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
h1,
h2 {
  font-size: 30px;
}
h3 {
  font-size: 26px;
  font-weight: normal;
}
h4 {
  font-size: 20px;
  font-weight: normal;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
ul li {
  line-height: 1.3;
}

/* =Layout Width
========================================================================================*/
#main {
  padding: 0;
}
.container {
  max-width: 1720px;
}
.container,
.container-fluid {
  padding-left: 50px;
  padding-right: 50px;
}
/*.container { max-width: 1310px; }*/

/* =Header Css
========================================================================================*/
#header {
  padding: 26px 75px;
  position: fixed;
  top: 0;
  left: 0;
  background-position: 0% 50%;
  z-index: 9;
  width: 100%;
  pointer-events: none;
}
#logo,
.header-menu-wrap {
  pointer-events: auto;
}
#logo {
  position: relative;
  opacity: 0.5;
  width: 275px;
  display: block;
}
#logo img {
  width: 100%;
  height: auto;
}
.menu-ico {
  display: block;
  width: 59px;
  height: 59px;
  opacity: 0.5;
}
.menu-ico img {
  width: 100%;
  height: auto;
}

#header.headerfix {
  background: #010816;
  padding: 20px 75px;
}
/*.headerfix #logo { opacity: 1; width: 225px }*/
.headerfix .menu-ico {
  opacity: 1;
}
.headerfix .header-menu-wrap .btn {
  font-size: 18px;
}
.headerfix .menu-ico {
  width: 50px;
  height: 50px;
}

.menu-box {
  position: relative;
  padding: 10px 0;
}
.menu-box ul {
  display: none;
  position: absolute;
  top: calc(100% + 20px);
  background: #010816;
  right: 0;
  width: 375px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 22px;
}
.menu-box ul li {
  border-bottom: 1px solid #333;
}
.menu-box ul li:last-child {
  border-bottom: 0;
}
.menu-box ul li a {
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 20px 25px;
}
.menu-box ul li a:hover,
.menu-box ul li.active a {
  background: #0f8eff;
}

.header-menu-wrap .btn {
  font-size: 22px;
  padding: 12px 40px;
  margin-right: 25px;
}
.header-menu-wrap .btn:hover {
  color: #fff;
  background: #0f8eff;
  border-color: #0f8eff;
}

/* =Footer Css
========================================================================================*/
.sober-app-download-row {
  color: #fff;
  background: linear-gradient(
    90deg,
    #00f2fe 0%,
    #03effe 2.8%,
    #24d2fe 39.48%,
    #3cbdfe 74.59%,
    #4ab0fe 107.15%,
    #4facfe 134.68%
  );
  padding: 30px 0;
}
.sober-app-download-title {
  font-size: 20px;
}
.sober-app-download-title figure {
  margin-bottom: 10px;
  max-width: 382px;
  width: 100%;
  font-size: 0;
}
.sober-app-download-title figure img {
  width: 100%;
  height: auto;
}
.sober-app-download-title p {
  margin-bottom: 0;
}

.sober-app-download figure {
  margin: 0 30px 0 0;
  max-width: 190px;
  width: 100%;
}
.sober-app-download figure a {
  display: block;
}
.sober-app-download figure img {
  width: 100%;
  height: auto;
}
.sober-app-download figure:last-child {
  margin-right: 0;
}

.footer-block {
  background: #fff;
  padding: 80px 0;
}
.footer-bottom {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #d3d3d3;
}

.footer-newsletter {
  width: 410px;
}
.footer-newsletter h5 {
  font-size: 17px;
  font-weight: 500;
  color: #2b292d;
}
.footer-newsletter-form {
  position: relative;
  padding-right: 130px;
}
.footer-newsletter-form .form-control {
  font-size: 14px;
  height: 36px;
  padding: 10px 17px;
  border: 1px solid #ccc;
  border-radius: 50px;
  width: 100%;
}
.footer-newsletter-form .btn {
  height: 36px;
  line-height: 36px;
  width: 120px;
  padding: 0 10px;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
}

.fmenu-box {
  margin-left: 30px;
  font-size: 17px;
}
.fmenu-box ul {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  list-style: none;
}
.fmenu-box ul li {
  margin: 8px 0;
}
.fmenu-box ul li a {
  color: #000;
  text-decoration: none;
}
.fmenu-box ul li a:hover {
  color: #0f8eff;
  text-decoration: none;
}

.naadac-img {
  max-width: 155px;
  width: 100%;
  padding-left: 15px;
  padding-top: 8px;
}
.naadac-img figure {
  margin: 0;
}
.naadac-img figure img {
  width: 100%;
  height: auto;
}

.social-link {
  margin-right: 30px;
}
.social-link a {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}
.social-link a:last-child {
  margin-right: 0;
}
.social-link a svg {
  vertical-align: top;
  height: 100%;
  width: 100%;
}
.social-link a svg path,
.social-link a svg circle {
  fill: #1e2833;
}

.footer-bottom-link ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
}
.footer-bottom-link ul li {
  margin-right: 15px;
  padding-right: 18px;
  position: relative;
}
.footer-bottom-link ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.footer-bottom-link ul li:after {
  content: '';
  background: rgba(43, 41, 45, 0.6);
  height: 3px;
  width: 3px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.footer-bottom-link ul li:last-child:after {
  display: none;
}
.footer-bottom-link ul li a {
  color: rgba(43, 41, 45, 0.6);
  text-decoration: none;
}
.footer-bottom-link ul li a:hover {
  color: #0f8eff;
}

.copyright-box {
  font-size: 14px;
  color: rgba(43, 41, 45, 0.6);
  min-width: 215px;
  text-align: right;
}
.copyright-box p {
  margin: 0;
}

/* =Common css (common classes for all pages)
========================================================================================*/

.btn {
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  border-radius: 100px;
  padding: 12px 35px;
  text-decoration: none;
  box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.0467384);
  border-width: 1px;
  border-style: solid;
}
.btn-primary {
  color: #fff;
  background-color: #0f8eff;
  border-color: #0f8eff;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  color: #fff;
  background-color: #086eca;
  border-color: #086eca;
}
.btn.btn-outline {
  background: transparent;
  border-color: #0f8eff;
  color: #0f8eff;
  box-shadow: none;
}
.btn.btn-outline:hover,
.btn.btn-outline:active,
.btn.btn-outline:focus {
  background: #0f8eff;
  color: #fff;
  box-shadow: none;
}
.btn i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.btn-white {
  background: #fff;
  color: #000;
}
.btn-white:hover,
.btn-white:active,
.btn-white:focus {
  background: #0f8eff;
  color: #fff;
}
.btn-round {
  border-radius: 50px;
}
.btn.btn-outline-white {
  background: transparent;
  color: #fff;
  border-color: #fff;
}
.btn.btn-small {
  font-size: 20px;
}

.btn-secondary {
  color: #fff;
  background-color: #414141;
  border-color: #414141;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  color: #fff;
  background-color: #cda95b;
  border-color: #cda95b;
}

.form-control,
.custom-select {
  padding: 0;
  color: #fff;
  position: relative;
  height: auto;
  background: transparent;
  box-shadow: none !important;
}
.custom-select {
  border: 0;
}
.custom-select:after {
  content: '';
  position: absolute;
  top: 0;
  right: 6px;
  width: 10px;
  height: 10px;
  bottom: 0;
  margin: auto;
  text-align: center;
  border-right: 2px solid #9a9a9a;
  border-bottom: 2px solid #9a9a9a;
  transform: rotate(45deg);
}

.custom-select select,
.form-control {
  border: 0;
  border-bottom: 1px solid #bcbcbc;
  border-radius: 0;
  height: 50px;
  width: 100%;
  padding: 10px 15px;
  background: transparent;
  z-index: 2;
}
.custom-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  padding-right: 25px;
}
select::-ms-expand {
  display: none;
}
.custom-select select:focus,
.form-control:focus {
  border-color: #8695a1;
  background: transparent;
}

.bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin: 0;
}
.bg-img img {
  display: none;
}

.form-group {
  position: relative;
}
.form-group label {
  color: #bcbcbc;
  font-size: 16px;
  margin: 0;
  position: absolute;
  left: 15px;
  top: 14px;
  transition: 0.35s all;
}
.form-group .form-control:focus ~ label,
.form-group .form-control.filled ~ label {
  top: -10px;
  left: 0;
  background: #fff;
  font-size: 14px;
}
.form-group .form-control:focus ~ label {
  color: #000;
}
.form-group .form-control.filled ~ label {
  color: #bcbcbc;
}
.form-group .custom-control-label {
  font-size: 14px;
  font-weight: bold;
  line-height: 29px;
  position: relative;
  top: 0;
  left: 0;
  color: #474747;
}
.custom-control {
  min-height: 29px;
  padding-left: 39px;
}
.custom-control-label::before,
.custom-control-label::after {
  left: -39px;
  top: 0;
}
.custom-control-label::before {
  height: 29px;
  width: 29px;
  border: 1px solid #bcbcbc;
  border-radius: 4px;
}
.custom-control-label::after {
  height: 29px;
  width: 29px;
}
.custom-control-input {
  height: 29px;
  width: 29px;
}

.form-control.datepicker {
  background-image: url(/images/newTheme/calendar.svg);
  background-repeat: no-repeat;
  background-size: 29px 29px;
  background-position: center right;
}
.form-control.timepicker {
  background-image: url(/images/newTheme/time.svg);
  background-repeat: no-repeat;
  background-size: 29px 29px;
  background-position: center right;
}

.form-group .custom-control-label {
  font-size: 20px;
  font-weight: 600;
}
.custom-radio .custom-control-label::before {
  background: transparent;
}
.custom-radio .custom-control-label::after {
  height: 15px;
  width: 15px;
  background: #46b4fe !important;
  border-radius: 60%;
  left: -32px;
  top: 7px;
  transform: scale(0);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  transform: scale(1);
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #46b4fe;
  background: transparent;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label {
  color: #46b4fe;
}

.form-control.card-cvv {
  background-image: url(/images/newTheme/card.svg);
  background-repeat: no-repeat;
  background-size: 29px 29px;
  background-position: center right;
}

.custom-checkbox .custom-control-input {
  height: 20px;
  width: 20px;
}
.custom-checkbox .custom-control-label::before {
  height: 20px;
  width: 20px;
}
.custom-checkbox .custom-control-label::after {
  height: 20px;
  width: 20px;
  transform: scale(0);
  background-color: #46b4fe;
}
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after {
  top: 5px;
  border-radius: 4px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  transform: scale(1);
}
.custom-checkbox .custom-control-label {
  font-weight: normal;
  font-size: 16px;
  color: #959595;
}

/* =Home page Css
========================================================================================*/
.hero-block {
  min-height: 100vh;
  height: 100%; /*min-height: 750px;*/
  position: relative;
  background: #010816;
  z-index: 1;
  padding: 90px 0;
}
.hero-block:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(/images/newTheme/black-blur-overlay.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
}
.hero-block .bg-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.hero-block .bg-img img {
  display: none;
}
.hero-slider .owl-nav .owl-prev,
.hero-slider .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 45px;
  opacity: 0.6;
  transition: 0.35s all;
}
.hero-slider.owl-carousel .owl-nav .owl-prev {
  background-image: url(/images/newTheme/scroll-left.svg);
  left: 80px;
}
.hero-slider.owl-carousel .owl-nav .owl-next {
  background-image: url(/images/newTheme/scroll-right.svg);
  right: 80px;
}
.hero-slider .owl-nav .owl-prev span,
.hero-slider .owl-nav .owl-next span {
  display: none;
}
.hero-slider .owl-nav .owl-prev:hover,
.hero-slider .owl-nav .owl-next:hover {
  opacity: 1;
}

.hero-slider .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-slider .owl-dots .owl-dot {
  height: 16px;
  width: 16px;
  background: #fff;
  opacity: 0.5;
  margin: 8px;
  border-radius: 50px;
}
.hero-slider .owl-dots .owl-dot.active {
  background: #4fadfe;
  opacity: 1;
}

.banner-text {
  color: #fff;
  position: relative;
  z-index: 2;
}
.banner-text h3 {
  font-weight: 600;
}
.banner-text p {
  font-size: 24px;
  font-weight: normal;
}
.banner-text-list {
  max-width: 500px;
  width: 100%;
  margin-top: 50px;
}
.banner-text-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.banner-text-list ul li {
  margin-bottom: 40px;
}
.banner-text-list ul li:last-child {
  margin-bottom: 0;
}
.banner-text-list ul li a {
  border: 1px solid #fff;
  border-radius: 200px;
  text-decoration: none;
  opacity: 0.5;
  color: #fff;
  position: relative;
  transform: translateY(0);
}
.banner-text-list ul figure {
  min-width: 100px;
  width: 100px;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: 0;
  transition: 0.35s all;
}
.banner-text-list ul figure svg path {
  fill: #fff;
  transition: 0.35s all;
}
.banner-text-details {
  padding: 0 20px;
  font-size: 18px;
}
.banner-text-details h5 {
  font-size: 24px;
  margin-bottom: 0;
}
.banner-text-details p {
  margin: 0;
  font-size: inherit;
  font-weight: normal;
}
.banner-text-list ul li a:hover {
  opacity: 1;
  transform: translateY(-10px);
  color: #4fadfe;
  border-color: #4fadfe;
}
.banner-text-list ul a:hover figure {
  border-color: #4fadfe;
}
.banner-text-list ul a:hover figure svg path {
  fill: #4fadfe;
}
.btn.btn-with-ico img {
  width: 6px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-left: 7px;
}

.section-row {
  font-size: 18px;
  font-weight: normal;
  padding: 80px 80px;
  position: relative;
  overflow: hidden;
}
.theme-bg {
  background-color: #010816;
}
.recovery-support-img {
  text-align: right;
  margin-right: -50px;
}
.recovery-support-img figure {
  max-width: 450px;
  margin: 0 0 0 auto;
  width: 100%;
}
.recovery-support-box {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.recovery-support-box h2 {
  font-weight: 500;
}
.recovery-support-box h2,
.recovery-support-box p {
  margin-bottom: 30px;
}
.recovery-support-box p:last-child {
  margin-bottom: 0;
}
.recovery-support {
  max-width: 810px;
  width: 100%;
  font-size: 22px;
}

.about-concerned {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #555555;
}
.about-concerned p {
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.about-concerned p .btn {
  margin-left: 30px;
}
.section-bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-attachment: fixed;
}
.section-bg-img-gradient {
  position: relative;
  z-index: 1;
}
.section-bg-img-gradient:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: linear-gradient(
    178.46deg,
    rgba(1, 8, 22, 0.91) 23.92%,
    rgba(0, 6, 20, 0.46) 67.6%,
    #010816 99.97%
  );
  z-index: -1;
  opacity: 0.5;
}
.download-step-box {
  margin: 15px 0;
}
.download-step-box p {
  margin: 0;
  font-size: 28px;
}
.step-no {
  height: 110px;
  width: 110px;
  min-width: 110px;
  border: 2px solid #fff;
  font-size: 60px;
  font-weight: 500;
  margin-right: 40px;
  text-align: center;
  line-height: 109px;
  border-radius: 50%;
}

.download-link-box {
  margin-top: 100px;
}
.download-link-box h3 {
  font-weight: 500;
  font-size: 50px;
  margin-bottom: 50px;
}
.download-link-box figure {
  margin: 0 30px 0 0;
  max-width: 280px;
  width: 100%;
}
.download-link-box figure a {
  display: block;
  opacity: 0.5;
}
.download-link-box figure a:hover {
  opacity: 1;
}
.download-link-box figure img {
  width: 100%;
  height: auto;
}
.download-link-box figure:last-child {
  margin-right: 0;
}

.section-content h2,
.section-content p {
  margin-bottom: 35px;
}
.section-content h2 span {
  display: block;
  font-weight: 500;
  font-size: 75%;
}
.section-content p:last-child {
  margin-bottom: 0;
}
.section-content .btn {
  font-size: 20px;
  font-weight: 400;
}
.section-content p a {
  color: #fff;
  text-decoration: underline;
}
.section-content p .btn {
  text-decoration: none;
}
.mobile-img {
  text-align: center;
  display: flex;
  justify-content: end;
  height: 100%;
  max-width: 450px;
  margin: 0 auto;
  width: 100%;
  float: right;
}
.mobile-img figure {
  margin: 0;
  margin-top: auto;
}
.mobile-img figure img {
  max-width: 100%;
  height: auto;
  width: auto;
}
.video-trigger-box {
  text-align: center;
  margin: 200px 0;
}
.video-trigger {
  display: block;
  height: 120px;
  width: 120px;
  margin: auto;
}
.video-trigger img {
  width: 100%;
  height: auto;
}

.testimonials-slider-box {
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
  color: #010102;
  position: relative;
}
.testimonials-box figure {
  width: 120px;
  min-width: 120px;
  background: #f2f2f2;
  border-radius: 15px;
  overflow: hidden;
  margin: 0 25px 0 0;
}
.testimonials-box figure img {
  width: 100%;
  height: auto;
}
.testimonials-details {
  font-size: 18px;
  color: #010102;
}
.testimonials-details p {
  margin-bottom: 0;
}
.testimonials-info {
  margin-top: 20px;
}
.testimonials-info h5 {
  font-size: 20px;
  margin-bottom: 5px;
}
.testimonials-info span {
  font-size: 14px;
  font-style: italic;
  display: block;
}
.testimonials-slider-box h3 {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 50px;
}

.testimonials-slider .owl-nav {
  max-width: 100px;
  width: 100%;
  margin-left: auto;
  font-size: 0;
  display: flex;
}
.testimonials-slider .owl-nav button {
  font-size: 0;
  vertical-align: top;
}
.testimonials-slider .owl-nav .owl-prev {
  margin-right: auto;
}
.testimonials-slider .owl-nav .owl-next {
  margin-left: auto;
}
.testimonials-slider .owl-nav button span {
  font-size: 0;
  height: 20px;
  width: 20px;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: top left;
}
.testimonials-slider .owl-nav .owl-prev span {
  background-image: url(/images/newTheme/arrow-left.svg);
}
.testimonials-slider .owl-nav .owl-next span {
  background-image: url(/images/newTheme/arrow-right.svg);
}
.counter {
  font-weight: 600;
  font-size: 15px;
}
.counter span {
  position: relative;
  top: 2px;
}
.counter {
  font-weight: 600;
  font-size: 15px;
  position: absolute;
  right: 20px;
  bottom: 1px;
  width: 60px;
  margin: auto;
  z-index: 2;
  text-align: center;
}

/* =Go-consult page Css
========================================================================================*/
.page-banner-text {
  position: relative;
  z-index: 2;
  font-size: 18px;
}
.page-banner-text h1,
.page-banner-text h2 {
  margin-bottom: 20px;
}

/* =For-providers page Css
========================================================================================*/
.demonstration-row {
  background: #0f8eff;
  box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.0467384);
  font-weight: 500;
  font-size: 30px;
  padding: 20px 0;
}
.demonstration-row .btn {
  border: 1px solid #ffffff;
  filter: drop-shadow(0px 9px 12px rgba(0, 0, 0, 0.0467384));
  font-weight: 400;
  font-size: 20px;
  margin-left: 15px;
}
.demonstration-row .btn:hover {
  background-color: #010816;
  border-color: #010816;
}
.reimagined-box {
  max-width: 795px;
  margin-left: auto;
  padding-right: 20px;
  width: 100%;
}
.llc-logo {
  height: 100%;
  background: #fff;
  margin-right: -15px;
}
.llc-logo figure {
  margin: 0;
}

.how-work-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -10px;
  margin-right: -10px;
}
.how-work-list ul li {
  margin-bottom: 20px;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-left: 10px;
  padding-right: 10px;
}
.how-work-list ul li span {
  display: block;
  position: relative;
  padding-left: 25px;
}
.how-work-list ul li span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 8.5px;
  background: #fff;
  border-radius: 50px;
  height: 9px;
  width: 9px;
}

/* =Small-group page Css
========================================================================================*/
.subpage-box {
  padding-top: 120px;
  padding-bottom: 80px;
  position: relative;
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  overflow-x: hidden;
}
.subpage-title {
  font-size: 30px;
  margin-bottom: 50px;
  position: relative;
  padding-top: 100px;
  z-index: 1;
}
.subpage-title h1,
.subpage-title h2 {
  font-size: 32px;
  margin-bottom: 15px;
}
.subpage-title-highlight {
  font-weight: bold;
  font-size: 200px;
  color: #fff;
  opacity: 0.1;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  line-height: 1;
  white-space: nowrap;
}
.search-filter-box {
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 100px;
  position: relative;
  z-index: 5;
}
.search-filter-box > div {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.search-filter-box .advance-search {
  width: 220px;
  min-width: 220px;
}
.search-filter-box .sortby-box {
  width: 160px;
  min-width: 160px;
}
.btn.btn-advance-search,
.btn.btn-sortby {
  font-weight: normal;
  padding: 12px 10px;
  width: 100%;
  text-align: center;
  font-size: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.btn-advance-search:hover,
.btn.btn-sortby:hover,
.btn.btn-advance-search:active,
.btn.btn-sortby:active,
.btn.btn-advance-search:focus,
.btn.btn-sortby:focus {
  color: #fff;
  background: #24d2fe;
}
.btn-advance-search img,
.btn-sortby img,
.btn-advance-search svg,
.btn-sortby svg {
  width: 20px;
  margin-right: 10px;
}
.btn-advance-search svg path,
.btn-sortby svg path {
  fill: #000;
  transition: 0.35s all;
}
.btn-advance-search:hover svg path,
.btn-advance-search:active svg path,
.btn-advance-search:focus svg path,
.btn-sortby:hover svg path,
.btn-sortby:active svg path,
.btn-sortby:focus svg path {
  fill: #fff;
}

.search-box {
  position: relative;
}
.search-box .form-control {
  background: rgba(255, 255, 255, 0.22);
  padding: 10px 30px;
  border: 0;
  color: #fff;
  border-radius: 50px;
}
.search-box .form-control::placeholder {
  color: #fff;
}
.search-btn {
  position: absolute;
  top: 5px;
  right: 13px;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background-color: transparent;
  z-index: 2;
}
.search-btn svg path {
  fill: #fff;
}
.search-btn:hover {
  background: #24d2fe;
}
.section-title h2 {
  font-size: 50px;
  margin-bottom: 30px;
}
.btn-pop-box {
  position: relative;
}
.popup-box {
  display: none;
}
.sortby-box .popup-box {
  padding: 15px;
  background: #fff;
  min-width: 250px;
  position: absolute;
  top: 100%;
  right: 0;
  font-size: 16px;
}
.sortby-box .popup-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sortby-box ul li {
  margin-bottom: 10px;
}
.sortby-box ul li:last-child {
  margin-bottom: 0;
}
.sortby-box ul li a {
  color: #000;
  text-decoration: none;
}
.sortby-box ul li a:hover {
  color: #0f8eff;
}

.events-main-box {
  background: #ffffff;
  box-shadow: 0px 11px 16px rgba(0, 0, 0, 0.0620356);
  border-radius: 0px 0px 12px 12px;
  position: relative;
  overflow: hidden;
}
.events-img-box {
  position: relative;
}
.events-img-box figure {
  margin: 0;
}
.events-img-box figure img {
  width: 100%;
  height: auto;
}
.explore-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 15px;
  padding-right: 130px;
}
.explore-box span {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.explore-box span img,
.owl-carousel .owl-item .explore-box span img {
  height: 18px;
  width: 18px;
  margin-right: 8px;
}
.explore-box h5 {
  font-size: 16px;
  margin: 0;
}
.explore-box .btn {
  font-size: 14px;
  padding: 5px 25px;
  position: absolute;
  top: 0;
  right: 15px;
  height: 33px;
  bottom: 0;
  margin: auto;
}
.events-details-box {
  padding: 14px;
  color: #000;
  font-size: 15px;
}
.events-user-box {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.events-user-box figure {
  width: 44px;
  min-width: 44px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 10px 0 0;
}
.events-user-box figure img {
  width: 100%;
  height: auto;
}
.events-user-info {
  font-size: 16px;
}
.events-user-info h5 {
  font-size: 14px;
  margin: 0;
}
.event-info-box span {
  color: #828282;
  display: block;
}
.event-info-box p {
  margin: 0;
}

.events-slider {
  margin-bottom: 80px;
}
.slider-title {
  margin-bottom: 30px;
}
.slider-title h3 {
  font-size: 30px;
  margin: 0;
}
.events-slider.owl-carousel .owl-nav .owl-next,
.events-slider.owl-carousel .owl-nav .owl-prev {
  height: 60px;
  width: 60px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  font-size: 0;
  border-radius: 50%;
  background-color: transparent;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.events-slider.owl-carousel .owl-nav .owl-next:hover,
.events-slider.owl-carousel .owl-nav .owl-prev:hover {
  background-color: #0f8eff;
}
.events-slider.owl-carousel .owl-nav .owl-next {
  background-image: url(/images/newTheme/arrow-right-white.svg);
  right: -85px;
}
.events-slider.owl-carousel .owl-nav .owl-prev {
  background-image: url(/images/newTheme/arrow-left-white.svg);
  left: -85px;
}

.modal {
  color: #000;
}
.modal-title {
  font-size: 24px;
  color: #000;
}
.modal-content {
  box-shadow: 0px 11px 16px rgba(0, 0, 0, 0.06);
  border: 0;
  border-radius: 0;
  padding: 35px;
}
.modal-header {
  border: 0;
  padding: 0;
  margin-bottom: 20px;
}
.modal-body {
  padding: 0;
}
.modal-header .close {
  padding: 0;
  margin: 0;
  height: 22px;
  width: 22px;
  opacity: 1;
  top: 0px;
  right: 25px;
  position: absolute;
}
.modal-header .close:before,
.modal-header .close:after {
  content: '';
  height: 75%;
  width: 2px;
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.modal-header .close:before {
  transform: rotate(45deg);
}
.modal-header .close:after {
  transform: rotate(-45deg);
}

.advance-search-form h5 {
  margin-bottom: 15px;
}

.ui-widget-content {
  background: #fff;
  border: 1px solid #f1f1f1;
  padding: 5px;
  z-index: 999999999 !important;
}
.ui-datepicker .ui-datepicker-title select {
  border: 0;
  padding: 0;
  color: #fff;
  font-weight: normal;
  height: auto;
  -webkit-appearance: splitter;
  -moz-appearance: splitter;
  -ms-appearance: splitter;
  appearance: splitter;
}
.ui-widget-content.ui-widget {
  font-size: 16px;
  font-weight: 500;
}
.ui-datepicker th {
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  color: #262261;
  padding: 0;
  line-height: 1;
}
.ui-datepicker th span {
  display: block;
  padding: 10px 5px;
  margin-bottom: 2px;
  background: #eee;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  text-transform: none;
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-title {
  font-family: 'Ubuntu', Open Sans, Helvetica, sans-serif;
}
.ui-datepicker .ui-widget-header {
  background: #fff;
  border: 0;
  color: #061b2b;
}
.ui-datepicker-title select,
.ui-widget-header .ui-corner-all {
  cursor: pointer;
  color: #061b2b;
}
.ui-datepicker table {
  background: transparent;
  border: 0;
  margin: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #dadfe1;
  background: #fff;
  font-weight: 500;
  color: #0c2a49;
  font-size: 15px;
  text-align: center;
  transition: 0.5s all;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #0f8eff;
  color: #fff;
  background: #24d2fe;
  font-weight: 500;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #19e2e0;
  border: 1px solid #11bdbc;
  color: #fff;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #24d2fe;
  border: 1px solid #24d2fe;
  color: #fff;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  background: #c39f77;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  opacity: 1;
  padding: 4px 10px;
  text-transform: none;
}
.ui-datepicker .ui-datepicker-buttonpane button:hover {
  background: #263138;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
  right: 3px;
  top: 3px;
  border: 0;
  border-radius: 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
  left: 3px;
  top: 3px;
  border: 0;
  border-radius: 0;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  background: transparent;
  height: 10px;
  width: 10px;
  margin: auto;
  right: 0;
  bottom: 0;
}
.ui-datepicker .ui-datepicker-prev span {
  left: 4px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ui-datepicker .ui-datepicker-next span {
  right: 4px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  background: #0f8eff;
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
  background: #086eca;
}

/* =Search-result page Css
========================================================================================*/
.search-result-title {
  position: relative;
  padding-left: 50px;
  min-height: 25px;
  margin: 50px 0;
}
.search-result-title .back-btn {
  height: 25px;
  width: 25px;
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
}
.back-btn img {
  width: 100%;
  height: auto;
}
.search-result-title h3 {
  font-size: 30px;
  margin: 0;
}
.search-result-box .row > div {
  margin-bottom: 30px;
}

/* =About page Css
========================================================================================*/
.tabnav {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background: rgba(255, 255, 255, 0.23);
  border-radius: 50px;
}
.tabnav li {
  position: relative;
  margin: 0;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
}
.tabnav li:first-child {
  margin: 0;
}
.tabnav li h2 {
  margin: 0;
  font-size: 15px;
}
.tabnav li a {
  display: block;
  padding: 16px 40px;
  text-decoration: none;
  color: #fff;
  line-height: 1.25;
  border-radius: 50px;
}
.tabnav li:first-child a {
  border-left: 0;
}
.tabnav li.active a,
.tabnav li a:hover {
  background-color: #4fadfe;
  color: #fff;
}
.tabnav li.active a:after {
  display: block;
}
.tab-container {
  padding: 20px;
  border-top: 0;
}
.tabcontent .quicklist li,
.tabcontent .quicklist {
  margin: 0;
}
.jq-tabs .tabcontent {
  display: none;
}
.about-tab-box {
  padding-top: 50px;
}
.about-tab-box .tabnav {
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
}
.about-tab-box .tab-container {
  padding: 80px 0;
}

.leadership-box {
  position: relative;
  padding-left: 365px;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  margin-bottom: 70px;
}
.leadership-box .bg-img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 315px;
}
.leadership-details {
  padding: 30px;
}
.leadership-details p:last-child {
  margin-bottom: 0;
}
.leader-position {
  display: block;
  font-size: 22px;
  margin-bottom: 15px;
  position: relative; /*padding-left: 20px;*/
}
/*.leader-position:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; height: 1px; width: 10px; background: #fff; margin: auto; }*/
.leadership-list > h3 {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 20px;
}
.leadership-details h2 {
  font-size: 42px;
}
.leader-team-box {
  position: relative;
  z-index: 1;
  background: #0a121a;
  height: 899px;
  font-size: 18px;
  margin-top: 140px;
  margin-bottom: -160px;
}
.leader-team-box .bg-img {
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.5;
  background-position: top left;
  background-repeat: repeat;
  background-size: auto 100%;
  -webkit-animation: animate_background 50s linear 0s infinite;
  -moz-animation: animate_background 50s linear 0s infinite;
  -o-animation: animate_background 50s linear 0s infinite;
  animation: animate_background 50s linear 0s infinite;
}
.leader-team-info {
  font-size: 18px;
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  line-height: 1.65;
}
.leader-team-info h3 {
  margin-bottom: 25px;
}
.leader-team-info p:last-child {
  margin-bottom: 0;
}

@-webkit-keyframes animate_background {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1000px 0;
  }
}
@-moz-keyframes animate_background {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1000px 0;
  }
}
@-o-keyframes animate_background {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1000px 0;
  }
}
@keyframes animate_background {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1000px 0;
  }
}

.partner-img-box {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  background: #fff;
  padding: 15px;
}
.partner-img-box figure {
  max-width: 306px;
  margin: 0 auto;
  width: 100%;
}
.partner-slider {
  padding: 0 80px;
}
.partner-slider .owl-nav .owl-prev,
.partner-slider .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 45px;
  opacity: 0.6;
  transition: 0.35s all;
}
.partner-slider.owl-carousel .owl-nav .owl-prev {
  background-image: url(/images/newTheme/scroll-left.svg);
  left: 0;
}
.partner-slider.owl-carousel .owl-nav .owl-next {
  background-image: url(/images/newTheme/scroll-right.svg);
  right: 0;
}
.partner-slider .owl-nav .owl-prev span,
.partner-slider .owl-nav .owl-next span {
  display: none;
}
.partner-slider .owl-nav .owl-prev:hover,
.partner-slider .owl-nav .owl-next:hover {
  opacity: 1;
}
.partner-slider .owl-dots {
  position: relative;
  margin-top: 70px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-slider .owl-dots .owl-dot {
  height: 16px;
  width: 16px;
  background: #fff;
  opacity: 0.5;
  margin: 8px;
  border-radius: 50px;
}
.partner-slider .owl-dots .owl-dot.active {
  background: #4fadfe;
  opacity: 1;
}

.faq-title {
  margin-bottom: 100px;
}
.faq-box {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 60px;
}
.faq-box h4 {
  margin-bottom: 15px;
}
.faq-box p {
  margin-bottom: 35px;
}
.faq-box p:last-child {
  margin-bottom: 0;
}

.careers-main-box h3 {
  margin: 0 0 35px 0;
  font-weight: 500;
}
.careers-list-box .row > div {
  margin-bottom: 30px;
}
.careers-box {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.careers-box h4 {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 30px;
}
.careers-box h4 a {
  color: #fff;
  text-decoration: none;
}
.careers-box h4 a:hover {
  color: #0f8eff;
}
.careers-box p {
  margin-bottom: 15px;
}
.careers-post-apply {
  margin-top: auto;
  padding-top: 20px;
}
.careers-post-apply .btn {
  font-size: 20px;
  padding: 9px 30px;
}

.news-media-link ul {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  background: rgba(255, 255, 255, 0.23);
}
.news-media-link ul li {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.news-media-link ul li a {
  display: block;
  position: relative;
  color: #b8b8b8;
  padding: 20px 10px;
  text-decoration: none;
}
.news-media-link li a:after {
  content: '';
  height: 4px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  background: #46b4fe;
  transition: 0.35s all;
}
.news-media-link ul li.active a,
.news-media-link ul li a:hover {
  color: #46b4fe;
}
.news-media-link li.active a:after,
.news-media-link li a:hover:after {
  width: 100%;
}
.news-media-list,
.news-media-details {
  margin-top: 80px;
}
.news-media-list .row > div {
  margin-bottom: 30px;
}
.news-box {
  background: #f8f8f8;
  box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.173022);
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  display: block;
  height: 260px;
  width: 100%;
  text-decoration: none;
}
.news-box:hover {
  text-decoration: none;
}
.three-dots-ico {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: transparent;
  width: 30px;
}
.bookmark-ico {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  z-index: 2;
  height: 33px;
  width: 33px;
  box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1);
  transition: 0.35s all;
}
.bookmark-ico img {
  width: 100%;
  height: auto;
}
.bookmark-ico:hover {
  background: #fff;
}
.news-box figure {
  margin: 0;
  float: left;
  padding-right: 10px;
  height: 100%;
}
.news-box figure img {
  width: 240px;
  height: 100%;
  object-fit: cover;
}

.news-box-details {
  padding: 20px;
  color: #828282;
  font-size: 15px;
}
.post-date {
  color: #474747;
  font-weight: normal;
  font-size: 12px;
}
.news-box-details h4 {
  font-size: 20px;
  color: #000;
  margin: 6px 0;
}
.news-box-details h4 a {
  color: #000;
  text-decoration: none;
}
.news-media-list .news-box-action {
  position: absolute;
  bottom: -15px;
  left: 250px;
  background: transparent;
  width: 30px;
}
.action-like {
  margin-right: auto;
}
.action-more {
  margin-left: auto;
  width: 20px;
}
.action-like a,
.action-like span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  text-decoration: none;
  color: #828282;
}
.action-like a:hover {
  color: #4facfe;
}
.action-like a:last-child,
.action-like a:last-child {
  margin-right: 0;
}
.action-like a figure,
.action-like span figure {
  width: 35px;
  margin: 0 7px 0 0;
  display: inline-block;
}
.action-like a svg path,
.action-like span svg path {
  fill: #828282;
  transition: 0.35s all;
}
.action-like a:hover svg path,
.action-like a.active svg path,
.action-like span.active svg path {
  fill: #4facfe;
}
.post-action {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

/* =About News Details page Css
========================================================================================*/
.news-media-top {
  /*margin-bottom: 40px; */
  position: relative;
  z-index: 2;
}
.news-media-top .back-btn {
  width: 30px;
  height: 22px;
  display: block;
}
.news-media-top .back-btn img {
  width: 100%;
  height: auto;
}
.news-details-btn {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
}
.news-details-btn > div {
  margin-right: 10px;
}
.news-details-btn > div:last-child {
  margin-right: 0;
}
.news-details-btn .btn {
  border: 1px solid #f8f8f8;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  padding: 11px 25px;
  line-height: 1;
}
.news-details-btn .btn:hover {
  border-color: #4facfe;
  color: #4facfe;
}
.news-details-btn .btn svg {
  height: 20px;
  width: 20px;
  fill: #fff;
  margin-right: 5px;
  transition: all 350ms;
}
.news-details-btn .btn:hover svg {
  fill: #4facfe;
}

.news-media-details {
  font-size: 15px;
}
.news-media-details h4 {
  font-weight: bold;
  font-size: 23px;
  color: #babcc0;
  margin-bottom: 15px;
}
.news-media-details figure {
  margin: 1rem 0;
}
.news-media-details figure img {
  max-width: 100%;
  height: auto;
  width: auto;
}
.news-media-details .action-like {
  font-size: 16px;
  margin: 20px 0;
  color: #fff;
}
.news-media-details .action-like a {
  color: #fff;
}
.news-media-details .action-like a svg path {
  fill: #fff;
}
.news-media-details .action-like a.active svg path {
  fill: #4facfe;
}
.news-media-details .action-like a.active {
  color: #4facfe;
}
.post-pagination {
  text-align: right;
  font-size: 0;
}
.post-pagination a {
  display: inline-block;
  margin: 0 5px;
  border: 1px solid #d8d8d8;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  position: relative;
}
.post-pagination a:hover {
  background: #fff;
}
.post-pagination a:after {
  content: '';
  border-top: 2px solid #979797;
  border-right: 2px solid #979797;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 14px;
  width: 14px;
  transform: rotate(45deg);
  transition: 0.35s all;
}
.post-pagination a:hover:after {
  border-color: #0f8eff;
}
.post-pagination a.pagination-prev:after {
  left: 6px;
  transform: rotate(-135deg);
}
.post-pagination a.pagination-next:after {
  right: 6px;
  transform: rotate(45deg);
}
.post-pagination a:first-child {
  margin-left: 0;
}
.post-pagination a:last-child {
  margin-right: 0;
}
.post-share .popup-box {
  background: #fff;
  width: 190px;
  position: absolute;
  top: 100%;
  right: 0;
  padding: 20px 0;
}
.post-share .popup-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.post-share .popup-box ul a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  padding: 7px 25px;
  display: block;
}
.post-share .popup-box ul a:hover {
  background: #4facfe;
}
.post-share .popup-box li:last-child {
  margin-bottom: 0;
}
.post-share .popup-box ul a img {
  width: 20px;
  margin-right: 10px;
}

/* =About Careers Details page Css
========================================================================================*/
.careers-title-box {
  position: relative;
  padding-left: 60px;
  padding-right: 100px;
  min-height: 25px;
  margin: 0 0 50px 0;
}
.careers-title-box .back-btn {
  height: 30px;
  width: 30px;
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
}
.careers-title-box h2 {
  font-size: 40px;
  margin: 0;
}
.careers-date {
  font-style: italic;
  font-weight: 500;
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  bottom: 0;
  margin: auto;
  font-size: 17px;
}
.careers-details-box h4 {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 20px;
}
.careers-details-box p,
.careers-details-box ul {
  margin-bottom: 40px;
}
.careers-details-box p:last-child,
.careers-details-box ul:last-child {
  margin-bottom: 0;
}
.careers-details-box ul {
  padding: 0;
  list-style: none;
}
.careers-details-box ul li {
  margin-bottom: 7px;
  padding-left: 15px;
  position: relative;
}
.careers-details-box ul li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  height: 4px;
  width: 4px;
  background: #fff;
  border-radius: 5px;
}

/* =App page Css
========================================================================================*/
.mobile-slider-box {
  max-width: 345px;
  margin: 0 auto;
  width: 100%;
}
.mobile-slider {
  position: relative;
}
.mobile-slider:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(/images/newTheme/mobile-body.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  pointer-events: none;
}
.mobile-slider figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  padding: 6% 5% 5%;
  border-radius: 30px;
}
.mobile-slider .owl-dots {
  font-size: 0;
  text-align: center;
}
.mobile-slider .owl-dots .owl-dot {
  height: 9px;
  width: 9px;
  background: #fff;
  opacity: 0.5;
  margin: 5px;
  border-radius: 50px;
}
.mobile-slider .owl-dots .owl-dot.active {
  background: #4fadfe;
  opacity: 1;
}
.app-title figure {
  min-width: 100px;
  width: 100px;
  margin: 0 20px 0 0;
  background: linear-gradient(
    90deg,
    #00f2fe 1.39%,
    #03effe 3.44%,
    #24d2fe 30.29%,
    #3cbdfe 56%,
    #4ab0fe 79.84%,
    #4facfe 100%
  );
  border-radius: 16px;
}
.app-title-box {
  display: block;
  overflow: hidden;
}
.app-title-box h3 {
  font-weight: bold;
  margin: 0;
}
.app-title-box span {
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  color: #a2a2a2;
}
.app-title {
  margin-bottom: 30px;
}
.app-details-box {
  max-width: 810px;
  width: 100%;
  margin-right: auto;
  margin-left: 0;
}
.app-details-box .download-link-box figure {
  max-width: 234px;
}

/* =Media page Css
========================================================================================*/
.subscribe-box {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 35px 60px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.mail-ico {
  width: 229px;
  position: absolute;
  bottom: -40px;
  right: -50px;
  z-index: -1;
  opacity: 0.3;
  margin: 0;
}
.subscribe-box p strong {
  display: block;
}
.subscribe-form-box {
  color: #b7b7b7;
  font-size: 12px;
  max-width: 570px;
}
.subscribe-form-box p {
  margin: 15px 0 0 0;
}
.subscribe-form {
  position: relative;
  padding-right: 135px;
}
.subscribe-form .btn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  padding: 8px 15px;
  width: 120px;
}
.subscribe-form .form-control {
  background: rgba(255, 255, 255, 0.22);
  border-radius: 100px;
  height: 39px;
  border: 0;
  font-weight: 500;
  font-size: 14px;
  padding: 3px 30px;
  color: #fff;
}
.subscribe-form .form-control::placeholder {
  color: #fff;
  opacity: 1;
}
.media-list-box {
  margin-top: 50px;
}
.media-list-box .row > div {
  margin-bottom: 30px;
}
.media-box {
  background: #fff;
  box-shadow: 0px 11px 16px rgba(0, 0, 0, 0.0620356);
  border-radius: 12px;
  position: relative;
  padding: 30px;
  color: #000;
  font-size: 26px;
}
.media-box h2 {
  font-size: 42px;
  margin: 0;
  padding-right: 30px;
}
.media-box p {
  margin: 0;
}
.media-date {
  font-size: 20px;
}
.media-download {
  position: absolute;
  top: 40px;
  right: 30px;
  width: 30px;
  height: 30px;
}
.media-download img {
  width: 100%;
  height: auto;
}

/* =Privacy Policy page Css
========================================================================================*/
.policy-content {
  line-height: 1.4;
}
.policy-content ul {
  padding: 0;
  /* list-style: none; */
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.policy-content ul li {
  margin-bottom: 8px;
}
.policy-content ul ul {
  padding-left: 15px;
  margin-top: 5px;
}
.policy-content a {
  color: #fff;
  text-decoration: none;
}

/* =Eexplore Smallgroup page Css
========================================================================================*/
.explore-group-main-box,
.payment-main-box {
  padding: 0 30px;
}
.white-box {
  background: #fff;
  color: #000;
  box-shadow: 13px 60px 38px #000000;
  border-radius: 12px;
  overflow: hidden;
}
.explore-img-box {
  position: relative;
}
.explore-img-box figure {
  margin: 0;
  position: relative;
}
.explore-img-box figure:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.explore-img-box figure img {
  width: 100%;
  height: auto;
}

.explore-group-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  color: #fff;
  padding: 15px 25px;
}
.explore-group-info figure:after {
  display: none;
}
.explore-info-label {
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
}
.explore-info-label:after {
  content: '';
  display: table;
  clear: both;
}
.explore-info-label figure {
  float: left;
  width: 20px;
  margin-right: 10px;
}
.explore-info-label figure svg {
  width: 100%;
  height: auto;
}
.explore-info-label svg path {
  fill: #fff;
}
.explore-info-label .explore-date {
  font-size: 19px;
}
.explore-group-info h4 {
  margin: 10px 0 0 0;
  font-weight: bold;
}
.explore-info-date {
  text-align: right;
}
.explore-info-date span {
  font-size: 20px;
  display: inline-block;
  vertical-align: bottom;
}
.explore-info-date span span {
  font-weight: bold;
  font-size: 30px;
}

.explore-details-box {
  padding: 20px 30px;
}
.explore-btn-box {
  display: flex;
  flex-wrap: wrap;
}
.explore-btn-box,
.explore-details-box p {
  margin-bottom: 50px;
}
.explore-btn-box .btn {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  margin: 5px 10px 5px 0;
}
.explore-btn-box .btn:last-child {
  margin-right: 0;
}
.explore-details-box h6 {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #959595;
  letter-spacing: 0.07rem;
}
.dot-list {
  padding: 0;
  list-style: none;
  margin: 0;
}
.dot-list {
  padding: 0;
  list-style: none;
  margin: 0;
}
.dot-list li {
  margin: 6px 0;
  position: relative;
}
.dot-list li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 0;
  height: 4px;
  width: 4px;
  border-radius: 50px;
  background: #000;
}
.explore-virtual {
  position: absolute;
  right: 2px;
  top: 19px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  padding: 6px 24px;
}
.explore-virtual:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
}
.explore-group-description {
  padding: 25px;
}
.group-description {
  padding: 0.5rem;
}
.group-description .title {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #959595;
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.2rem;
}
.group-description .value {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
.explore-group-main-box .row > div .white-box {
  height: 100%;
}
hr {
  border-top: 1px solid #d8d8d8;
}

/* =Group Pass page Css
========================================================================================*/
.group-pass-success {
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: 500;
}
.group-pass-success:after {
  content: '';
  display: table;
  clear: both;
}
.group-pass-success figure {
  height: 50px;
  width: 50px;
  min-width: 50px;
  margin: 0 25px 0 0;
  padding: 15px;
  border-radius: 50px;
  background: #33c46a;
  box-shadow: 0 0 20px #33c46a;
}
.group-pass-success figure img {
  width: 100%;
  height: auto;
}
.group-pass-success span {
  display: block;
  overflow: hidden;
}
.enrollment-form .custom-select select,
.enrollment-form .form-control {
  border-color: #959595;
  color: #fff;
}
.enrollment-form .form-group label,
.enrollment-form .form-group .form-control.filled ~ label {
  color: #fff;
}
.enrollment-form .form-group .form-control:focus ~ label,
.enrollment-form .form-group .form-control.filled ~ label {
  background: transparent;
  color: #fff;
}
.invite-guest,
.step-list-box {
  padding: 50px 25px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.5);
}
.invite-guest h3 {
  margin-bottom: 50px;
  font-weight: bold;
}
.invite-guest .btn {
  font-size: 14px;
  padding: 6px 25px;
  max-width: 120px;
  width: 100%;
}

.information {
  font-size: 22px;
  text-align: center;
}
.information h3 {
  font-weight: bold;
  margin-bottom: 20px;
}
.joining-steps {
  display: flex;
  justify-content: space-between;
}
.joining-steps .step-one {
  display: flex;
  align-items: center;
  padding: 0 0.1rem;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.joining-steps .step-one:last-child {
  width: 50%;
}
.stepImg {
  width: 60px;
  margin: 0 auto;
}
.stepImg img {
  width: 100%;
  height: auto;
}
.step {
  max-width: 130px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.step-one > div {
  margin: auto;
}
.stepArrow {
  max-width: 40px;
  width: 100%;
}
.stepArrow img {
  width: 100%;
  height: auto;
}
.stepCountBlock {
  margin: 12px 0;
}
.stepCountBlock .step-count {
  font-size: 22px;
  text-transform: uppercase;
  color: #4ab0fe;
  font-weight: bold;
}

.dashboard-app-download .app-details-box {
  padding: 50px;
  background: rgba(0, 0, 0, 0.5);
}
.app-dashboard-box {
  margin-bottom: 60px;
  font-size: 18px;
}
.app-dashboard-box h3 {
  font-weight: bold;
}
.app-dashboard-box h5 {
  font-size: 20px;
}
.app-dashboard-box h3,
.app-dashboard-box h5 {
  margin-bottom: 20px;
}
.app-dashboard-box p {
  margin: 0;
}
.dashboard-app-download .app-details-box .download-link-box figure {
  max-width: 134px;
}
.dashboard-app-download .download-link-box figure a {
  opacity: 1;
}
.dashboard-app-download .app-details-box {
  font-size: 18px;
}
.dashboard-app-download .app-title-box span {
  color: #fff;
}

/* =Payment page Css
========================================================================================*/
.explore-sub-box,
.payment-box {
  padding: 50px;
}
.explore-sub-box .explore-group-box {
  max-width: 380px;
  margin: 0 auto;
  width: 100%;
}
.explore-sub-box .back-btn {
  width: 50px;
  display: block;
  margin-bottom: 25px;
  opacity: 0.5;
}
.explore-sub-box .explore-img-box {
  background: #f8f8f8;
  color: #000;
  overflow: hidden;
  border-radius: 12px;
}
.explore-sub-box .explore-img-box figure img {
  height: auto;
}

.explore-sub-box .explore-group-info {
  position: static;
  color: #000;
}
.explore-sub-box .explore-info-label svg path {
  fill: #000;
}
.explore-sub-box .explore-info-date {
  text-align: left;
  margin-bottom: 40px;
  font-weight: 500;
  font-size: 24px;
  color: #46b4fe;
}
.explore-sub-box .explore-info-date span {
  font-weight: bold;
  font-size: 50px;
}

.payment-box {
  height: 100%;
  background: #f8f8f8;
}
.payment-sub-box {
  max-width: 623px;
  margin: 0 auto;
  width: 100%;
}
.payment-sub-box h4 {
  font-size: 26px;
  font-weight: bold;
}
.payment-check-box {
  margin: 70px 0;
}
.payment-sub-box .form-group .form-control:focus ~ label,
.payment-sub-box .form-group .form-control.filled ~ label {
  background: transparent;
}
.payment-sub-box .form-control,
.payment-sub-box .custom-select {
  color: #000;
}

.explore-sub-box {
  min-height: 780px;
}
.payment-form-box .form-group {
  margin-bottom: 30px;
}
.pay-btn-box .btn.btn-small {
  font-size: 14px;
  padding: 12px 60px;
}

/* =Join Form page Css
========================================================================================*/
body.join-form {
  background: #f8f8f8;
  color: #000;
}
.join-form .header-menu-wrap {
  display: none !important;
}
.join-form #logo {
  opacity: 1;
}
.join-form-title-box {
  background: #46b4fe;
  box-shadow: 0px 11px 16px rgba(0, 0, 0, 0.0620356);
  font-size: 20px;
  padding: 120px 0 50px 0;
  color: #fff;
}
.join-form-title-box h1 {
  font-size: 40px;
}
.join-form-title-box p {
  margin: 0;
}
.join-form-list-box {
  padding: 60px 70px;
}
.shadow-box {
  margin-bottom: 60px;
  background: #ffffff;
  box-shadow: 0px 11px 16px rgba(0, 0, 0, 0.0620356);
  padding: 50px;
}
.shadow-box h3 {
  font-size: 36px;
  font-weight: bold;
  color: #46b4fe;
  margin-bottom: 20px;
}
.shadow-box .form-group {
  margin: 25px 0;
}
.border-box {
  padding: 30px;
  border: 1px solid #dbdbdb;
}
.checkbox-list .form-group {
  margin: 12px 0;
}
.remove-block {
  color: #e87a7a !important;
}
.add-block {
  color: #46b4fe;
}
.remove-block,
.add-block {
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 15px;
  display: inline-block;
}
.join-form-list-box .custom-select select,
.join-form-list-box .form-control {
  padding-left: 0;
}
.join-form-list-box .form-group label {
  left: 0;
}
.counter-box {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  max-width: 180px;
  width: 100%;
  margin-left: 0;
  margin-right: auto;
}
.counter-box .minus,
.counter-box .plus {
  height: 32px;
  width: 32px;
  position: absolute;
  top: 0;
  background: #e6e6e6;
  font-size: 0;
}
.counter-box .minus {
  left: 0;
}
.counter-box .minus:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 11px;
  height: 1px;
  border-radius: 5px;
  background: #000;
}
.counter-box .plus {
  right: 0;
}
.counter-box .plus:after,
.counter-box .plus:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 11px;
  height: 1px;
  border-radius: 5px;
  background: #000;
}
.counter-box .plus:before {
  transform: rotate(90deg);
}
.counter-box .form-control {
  border: 1px solid #959595;
  height: 32px;
  text-align: center;
}
.description-note {
  font-size: 16px;
  color: #959595;
}
.join-form-list-box .shadow-box p {
  margin-top: 30px;
}
.join-form-list-box a {
  color: #46b4fe;
  text-decoration: none;
}
.sober-progress:after {
  content: '';
  display: table;
  clear: both;
}
.sober-progress .progress {
  background: #eee;
  border-radius: 0;
  height: 6px;
  overflow: inherit;
  float: left0;
  width: 100%;
}
.sober-progress .progress-bar {
  background: #46b4fe;
  position: relative;
  overflow: inherit;
}
.sober-progress .progress-value {
  position: absolute;
  top: -17px;
  right: -19px;
  bottom: 0;
  background: #46b4fe;
  border-radius: 50px;
  height: 38px;
  width: 38px;
  line-height: 95px;
  color: #46b4fe;
  font-size: 20px;
  font-weight: 600;
}
.start-point,
.end-point {
  float: left;
  width: 50%;
  color: #828282;
  font-size: 16px;
  margin-top: 5px;
}
.start-point {
  text-align: left;
}
.end-point {
  text-align: right;
}

[data-sal] {
  transition-duration: 1s;
}
#wrapper {
  overflow: hidden;
}


@media only screen and (min-device-width : 720px) and (max-device-width : 1280px){
    .pro-login {
        display: none;
      }
}

/* Mobile styles*/
@media screen and (max-width: 768px) {
  .pro-login{display: none;}
  .news-box figure {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
  }
  .news-media-list .news-box figure img {
    width: 100%;
    max-width: auto !important;
  }
  .news-container {
    height: auto !important;
  }
  .news-box figure img {
    height: 320px;
  }
  .news-media-list .news-box-action {
    position: absolute;
    bottom: -15px;
    left: 20px;
    background: transparent;
    width: 30px;
  }

  .news-box {
    height: 550px;
  }
}

.news-container {
  height: 100%;
}

.video-container {
    overflow: hidden;
    /* position: relative; */
    width:100%;
    /* border:2px solid grey; */

   display: flex;
   justify-content: center;
   flex-direction: column;
}
.video-container h2{
      display: flex;
    justify-content: center;
    margin-top: 50px;
}

.video-container::after {
    padding-top: 6.25%;
    display: block;
    content: '';
}

.video-container iframe {
    width: 50%;
    height:50vh;
    display: block;
    margin: 0 auto;
}

.burger-menu,
.burger-menu.open {
  display: inline-block;
  cursor: pointer;
  /* position: fixed; */
  right: 20px;
  /* top: 40px; */
  top: 15px;
  z-index: 9999;
  /* background: #fff; */
  background: transparent;
  padding: 10px;
  border-radius: 25px;
  /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); */
}

.burger-menu .bar1,
.bar2,
.bar3 {
  width: 25px;
  height: 3px;
  background-color: #333;
  margin: 4px 0;
  transition: 0.4s;
}

.burger-menu.open .bar1 {
  -webkit-transform: rotate(-45deg) translate(-4px, 4px);
  transform: rotate(-45deg) translate(-4px, 4px);
}

.burger-menu.open .bar2 {
  opacity: 0;
}

.burger-menu.open .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -6px);
  transform: rotate(45deg) translate(-6px, -6px);
}

/* Menu */

.menu {
  width: 100%;
  display: block;
  text-align: center;
  padding: 0px;
}

.menu ul {
  position: relative;
  top: 0px;
  font-size: 24px;
  padding: 0px;
}

.menu li {
  list-style: outside none none;
  margin: 20px 0px;
  padding: 0;
  cursor: pointer;
}

.menu li:hover {
  color: #ff0000;
}
.popup-overlay a {
  text-decoration: none!important;
  font-size: 90%;
  text-transform: capitalize;
  margin: 20px 0px;
  padding: 10px;
  color:#fff;
}

/* .popup-overlay a:hover {
  background: #25293B;
  padding: 10px 40px;
  border-radius: 10px;
} */

.popup-overlay a:hover {
  padding: 10px 40px;
  border: 1px solid #fff;
}

.menu-close-icon
.fas {
  font-size: 36px;
}
.popup-overlay .menu li {
  /* border-bottom: 1px solid #333; */
  padding: 15px 0px;
  margin: 8px 0px;
}
.popup-overlay .menu li:last-child {
  border-bottom: none!important;
}
.popup-overlay ul li{
  line-height:unset;
}
@media only screen and (min-width: 1024px) {
	
}
@media only screen and (max-width: 1800px) {
	.hero-slider.owl-carousel .owl-nav .owl-prev { left: 40px; }
	.hero-slider.owl-carousel .owl-nav .owl-next { right:40px; }
	.banner-text { padding: 0 70px; }
	.events-slider, .slider-title { padding: 0 85px; }
	.events-slider.owl-carousel .owl-nav .owl-prev { left: 0; }
	.events-slider.owl-carousel .owl-nav .owl-next { right: 0; }
	.faq-title { margin-bottom: 90px; }
}

@media only screen and (max-width: 1700px) {
	h1, h2, .leadership-details h2, .careers-title-box h2 { font-size: 30px; }
	.banner-text p { font-size: 24px; }
	.banner-text-details p { font-size: inherit; }
	.banner-text-list ul li { margin-bottom: 30px; }
	.section-row, .footer-block { padding: 75px 0; }
	.download-link-box h3 { font-size: 45px; margin-bottom: 45px; }
	.testimonials-slider-box h3 { font-size: 38px; }
	.download-link-box { margin-top: 80px; }
	.section-title h2 { font-size: 46px; }
	.leadership-box { margin-bottom: 60px; }
	.faq-title { margin-bottom: 80px; }
	.explore-sub-box .explore-info-date span { font-size: 40px; }
	.hero-block { padding: 120px 0; }
	#header, #header.headerfix { padding-left: 50px; padding-right: 50px; }
}
@media only screen and (max-width: 1400px) {
	.section-row { padding: 70px 0; /*font-size: 22px;*/ }
	h1, h2, .leadership-details h2, .careers-title-box h2, .join-form-title-box h1 { font-size: 30px; }
	.download-link-box figure { max-width: 300px; }
	.section-content h2, .section-content p { margin-bottom: 27px; }
	.section-content .btn { font-size: 19px; }
	.banner-text-details h5 { font-size: 23px; }
	.banner-text p { font-size: 22px; }
	.banner-text-details p { font-size: inherit; }
	.about-concerned { padding-top: 40px; margin-top: 40px; }
	.video-trigger-box { margin: 180px 0; }
	.testimonials-slider-box h3 { font-size: 36px; }
	.footer-block { padding: 70px 0; }
	.download-link-box { margin-top: 70px; }
	.section-title h2 { font-size: 43px; }
	.search-filter-box { margin-bottom: 85px; }
	.events-slider, .slider-title { padding: 0 60px; }
	.events-slider.owl-carousel .owl-nav .owl-prev { left: 0; }
	.events-slider.owl-carousel .owl-nav .owl-next { right: 0; }
	.events-slider.owl-carousel .owl-nav .owl-next, .events-slider.owl-carousel .owl-nav .owl-prev { height: 50px; width: 50px; background-size: 18px 18px; }
	.about-tab-box { padding-top: 40px;margin-top: 65px; }
	.about-tab-box .tab-container { padding: 70px 0; }
	.leadership-box { margin-bottom: 50px; }
	.faq-title { margin-bottom: 70px; }
	.news-media-list, .news-media-details { margin-top: 70px; } 
	.media-box h2 { font-size: 38px; }
	.explore-sub-box .explore-info-date span { font-size: 38px; }
	#header { padding: 26px 30px; }
	#header.headerfix { padding: 20px 30px; }
	.container, .container-fluid { padding-left: 30px; padding-right: 30px; }
	.recovery-support-img { margin-right: -30px; }
	.download-step-box p { font-size: 26px; }
}
@media only screen and (max-width: 1199px) {
	.section-row { padding: 60px 0; font-size: 20px; }
	.recovery-support-box h2, .recovery-support-box p, .section-content h2, .section-content p { margin-bottom: 25px; }
	.download-link-box h3 { font-size: 40px; margin-bottom: 40px; }
	h1,  .leadership-details h2, .careers-title-box h2, .join-form-title-box h1 {font-size: 30px; }
	h2 {font-size: 24px; }
	.download-link-box figure { max-width: 280px; margin-right: 25px; }
	.section-content .btn { font-size: 18px; }
	
	.banner-text-details h5 { font-size: 22px; }
	.banner-text p { font-size: 17px; }
	.banner-text-details p { font-size: inherit; }
	.hero-block { /*min-height: 700px;*/ padding: 90px 0 50px; }
	.about-concerned { padding-top: 35px; margin-top: 35px; }
	.section-bg-img { background-repeat: no-repeat; background-size: cover; }
	.video-trigger-box { margin: 160px 0; }
	.video-trigger { height: 100px; width: 110px; }
	.testimonials-slider-box h3 { font-size: 34px; margin-bottom: 40px; }
	.fmenu-box { font-size: 16px; }
	.footer-newsletter { min-width: 350px; }
	.footer-block { padding: 60px 0; }
	.download-step-box { margin: 8px 0; }
	.step-no { height: 100px; width: 100px; min-width: 100px; font-size: 50px; margin-right: 20px; line-height: 87px; }
	.download-link-box { margin-top: 60px; }
	.menu-box ul { font-size: 20px; }
	.page-banner-text, .demonstration-row, .subpage-title { font-size: 28px; }
	.llc-logo figure { max-width: 430px; margin: 0 auto; width: 100%; }
	h3, .slider-title h3, .search-result-title h3, .shadow-box h3 { font-size: 24px; }
	.subpage-title-highlight { font-size: 170px; }
	.subpage-title { margin-bottom: 40px; padding-top: 80px; }
	.section-title h2 { font-size: 42px; }
	.search-filter-box { margin-bottom: 70px; }
	.slider-title { margin-bottom: 25px; }
	.search-result-title { margin: 40px 0; }
	.tabnav li { font-size: 18px; }
	.tabnav li a { padding: 12px 30px; }
	.about-tab-box .tab-container { padding: 60px 0; }
	.faq-box { padding: 50px; }
	.careers-box h4 { font-size: 26px; margin-bottom: 25px; }
	.news-media-list, .news-media-details { margin-top: 60px; } 
	.media-list-box { margin-top: 40px; }
	.media-box h2 { font-size: 35px; }
	.media-box { font-size: 24px; }
	.explore-group-main-box > div > .row > div { margin: 7px 0; }
	.explore-group-main-box, .payment-main-box { padding: 0 15px; }
	.invite-guest h3 { margin-bottom: 40px; }
	.explore-sub-box, .payment-box { padding: 35px; }
	.form-group .custom-control-label { font-size: 18px; }
	.explore-sub-box .explore-info-date span { font-size: 38px; }
	.explore-sub-box .explore-info-date { font-size: 22px; margin-bottom: 25px; }
	.recovery-support { font-size: 20px; }
	.download-step-box p { font-size: 22px; }

}
@media only screen and (max-width: 1023px) {
	h1, h2, .leadership-details h2, .careers-title-box h2, .join-form-title-box h1 {font-size: 28px; }
	.download-link-box figure { max-width: 250px; }
	.banner-text-details h5 { font-size: 21px; }
	.about-concerned { padding-top: 30px; margin-top: 30px; }
	.video-trigger-box { margin: 140px 0; }
	.video-trigger { height: 100px; width: 100px; }
	.testimonials-slider-box h3 { font-size: 32px;  margin-bottom: 35px; }
	.download-link-box { margin-top: 50px; }
	.section-title h2 { font-size: 40px; }
	.about-tab-box .tab-container { padding: 50px 0; }
	.leader-team-box { height: 800px; }
	.about-tab-box .tab-container { padding: 40px 0 0; }
	.leader-team-box { height: 700px; margin-top: 80px; margin-bottom: -140px; }
	.faq-title { margin-bottom: 30px; }
	.news-media-link ul li { font-weight: 600; }
	.news-media-list, .news-media-details { margin-top: 50px; } 
	.news-media-link ul li { font-size: 19px; }
	.media-box h2 { font-size: 32px; }
	.payment-check-box { margin: 60px 0; }
	.explore-sub-box .explore-info-date span { font-size: 32px; }
	.join-form-list-box { padding: 50px 40px; }
	.shadow-box { margin-bottom: 50px; }
	
}
@media only screen and (max-width: 991px) {
	.section-row { padding: 50px 0; }
	.recovery-support-box h2, .recovery-support-box p, .section-content h2, .section-content p { margin-bottom: 20px; }
	.download-link-box h3 { font-size: 35px; margin-bottom: 35px; }
	
	.download-link-box figure { max-width: 230px; margin-right: 20px; }
	.mobile-img figure { max-width: 330px; margin: 0 auto; margin-top: 20px; width: 100%; padding-right: 6%; }
	.section-content .btn { font-size: 14px; }
	.banner-text p { font-size: 20px; }
	.banner-text-details p { font-size: inherit; }
	.about-concerned { padding-top: 25px; margin-top: 25px; }
	.btn { padding: 10px 30px; }
	.video-trigger-box { margin: 120px 0; }
	.video-trigger { height: 90px; width: 90px; }
	.testimonials-slider-box h3 { font-size: 30px; margin-bottom: 30px; }
	.footer-top, .footer-bottom	 { flex-direction: row; flex-wrap: wrap; }
	.fmenu-box, .copyright-box { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 20px 0 0 0; }
	.sober-app-download figure { margin: 0 20px 0 0;max-width: 160px; }
	.sober-app-download-title figure { max-width: 360px; }
	.copyright-box { min-width: inherit; text-align: center; }
	.footer-block { padding: 50px 0; }
	.social-link { margin-right: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-right: 20px; }
	.footer-bottom-link { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	.footer-bottom { margin-top: 30px; }
	.testimonials-details { font-size: 17px; }
	.step-no { height: 70px; width: 70px; min-width: 70px; font-size: 35px; line-height: 64px; }
	.download-step-box { font-size: 18px; }
	.download-link-box { margin-top: 40px; }
	.menu-box ul { width: 300px; font-size: 18px; }
	.header-menu-wrap .btn { font-size: 18px; padding: 10px 35px; margin-right: 15px; }
	.menu-box { padding: 0; }
	.menu-ico { height: 50px; width: 50px; }
	.menu-box ul li a { padding: 15px 20px; }
	#logo, .headerfix #logo { width: 215px; }
	.hero-slider .owl-dots { top: 39px; }
	.hero-slider .owl-dots .owl-dot { height: 12px; width: 12px; margin: 5px; }
	.page-banner-text, .demonstration-row, .subpage-title { font-size: 26px; }
	.demonstration-row .btn { font-size: 18px; }
	.llc-logo { margin: 0 -15px; }
	.llc-logo figure { max-width: 50%; }
	.how-work-list ul li { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
	.how-work-list ul li span::before { height: 7px; width: 7px; top: 10px; }
	h3, .slider-title h3, .search-result-title h3, .shadow-box h3 { font-size: 22px; }
	.subpage-title-highlight { font-size: 140px; }
	.section-title h2 { font-size: 36px; margin-bottom: 25px; }
	.search-filter-box { margin-bottom: 55px; }
	.slider-title { margin-bottom: 20px; }
	.search-result-title { margin: 35px 0; }
	.tabnav li { font-size: 15px; }
	.tabnav li a { padding: 10px 20px; }
	.about-tab-box { padding-top: 30px; }
	.about-tab-box .tab-container { padding: 40px 0; }
	.leadership-box { padding-left: 315px; }
	.leadership-details { padding: 25px; }
	.leadership-box { margin-bottom: 40px; }
	.leader-team-box { height: 650px; margin-top: 90px; margin-bottom: -120px; }
	.partner-slider .owl-dots { margin-top: 30px }
	.partner-slider .owl-dots .owl-dot { height: 14px; width: 14px; margin: 6px; }
	.faq-title { margin-bottom: 0; }
	.faq-box { padding: 40px; }
	.careers-box h4 { font-size: 24px;  margin-bottom: 20px; }
	.careers-box { padding: 25px; }
	.news-media-list, .news-media-details { margin-top: 40px; }
	.news-media-link ul li { font-size: 18px; }
	.news-media-top { margin-bottom: 30px; }
	.careers-title-box .back-btn { height: 25px; width: 25px; }
	.careers-title-box { padding-left: 50px; }
	.careers-details-box p, .careers-details-box ul { margin-bottom: 35px; }
	.app-title figure { min-width: 80px; width: 80px; margin: 0 15px 0 0; }
	.app-title { margin-bottom: 20px; } 
	.media-list-box { margin-top: 30px; }
	.media-box { font-size: 20px; }
	.media-date { font-size: 18px; }
	.explore-group-main-box, .payment-main-box { padding: 0; }
	.explore-btn-box, .explore-details-box p { margin-bottom: 40px; }
	.group-description hr { margin-top: 0; }
	.joining-steps { justify-content: center; flex-wrap: wrap; }
	.joining-steps .step-one, .joining-steps .step-one:last-child { margin: 10px 0; width: 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
	.group-pass-success, .information { font-size: 20px; }
	.invite-guest h3 { margin-bottom: 30px; }
	.invite-guest, .step-list-box { padding: 30px 25px; }
	.dashboard-app-download .app-details-box { padding: 40px; }
	.app-dashboard-box { margin-bottom: 50px; }
	.explore-sub-box, .payment-box { padding: 30px; }
	.payment-check-box { margin: 50px 0; }
	.explore-sub-box .explore-info-date { margin-bottom: 20px; }
	.payment-sub-box h4 { font-size: 24px; }
	.explore-sub-box { min-height: inherit; }
	.shadow-box .form-group { margin: 20px 0; }
	.join-form-list-box { padding: 40px 30px; }
	.shadow-box { margin-bottom: 40px; }
	.join-form-title-box { padding: 90px 0 30px 0; }
	.download-step-box p { font-size: 18px; }
}
@media only screen and (max-width: 767px) {
	body { font-size: 16px; }
	.section-row { padding: 35px 0; font-size: 18px; }
	.recovery-support-box h2, .recovery-support-box p, .section-content h2, .section-content p { margin-bottom: 15px; }
	.download-link-box h3 { font-size: 30px; margin-bottom: 30px; }
	h1, h2, .leadership-details h2, .careers-title-box h2, .join-form-title-box h1 {font-size: 24px; }
	.download-link-box figure, .app-details-box .download-link-box figure { max-width: 200px; }
	.section-content .btn { font-size: 16px; }
	.banner-text p { font-size: 16px; }
	.banner-text-details h5 { font-size: 19px; }
	.banner-text-details p { font-size: 16px; }
	.hero-slider.owl-carousel .owl-nav .owl-prev, .hero-slider.owl-carousel .owl-nav .owl-next { display: none; }
	.banner-text { padding: 0; }
	.about-concerned { padding-top: 20px; margin-top: 20px; }
	.btn { font-size: 16px; padding: 8px 25px; }
	.video-trigger-box { margin: 100px 0; }
	.video-trigger { height: 80px; width: 80px; }
	.testimonials-slider-box h3 { font-size: 28px; margin-bottom: 20px; }
	.footer-block { padding: 35px 0; }
	.footer-bottom { margin-top: 25px; padding-top: 25px; }
	.footer-newsletter { min-width: inherit; margin: 0 auto; width: 100%; max-width: 500px; }
	.footer-newsletter h5 { text-align: center; }
	.naadac-img { margin:15px auto; max-width: 140px; padding: 0; }
	.social-link, .footer-bottom-link { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.social-link { padding: 0; justify-content: center; }
	.footer-bottom-link { margin-top: 15px; }
	.footer-bottom-link ul { justify-content: center; }
	.footer-bottom-link ul li { margin-right: 10px; padding-right: 13px; margin-top: 3px; margin-bottom: 3px; }
	.fmenu-box { font-size: 15px; }
	.sober-app-download { margin-top: 15px; }
	.sober-app-download div { justify-content: center; }
	.sober-app-download-title { text-align: center; font-size: 18px; }
	.sober-app-download-title figure { max-width: 350px; margin-right: auto; margin-left: auto; }
	.testimonials-details { font-size: 16px; }
	.testimonials-info { margin-top: 15px; }
	.testimonials-info h5 { font-size: 18px; }
	.download-link-box { margin-top: 30px; }
	.recovery-support-img { margin-top: 20px; }
	.hero-slider .owl-dots { top: auto; bottom: 0; }
	.hero-slider .owl-dots .owl-dot { height: 12px; width: 12px; margin: 5px; }
	.banner-text-list { margin-top: 30px; max-width: 450px; }
	.banner-text-list ul li a { opacity: 1; }
	.hero-block { min-height: 500px; height: 100%; }
	.hero-slider.owl-carousel .owl-stage { display: flex; }
	.hero-slider.owl-carousel .item { height: 100%; }
	.menu-box ul { font-size: 15px; }
	#header, #header.headerfix { padding:  20px }
	.menu-ico, .headerfix .menu-ico { height: 40px; width: 40px; }
	.header-menu-wrap .btn, .headerfix .header-menu-wrap .btn, .menu-box ul li a { padding: 15px 20px; font-size: inherit; line-height: 1; border: 0; margin: 0; text-align: left; }
	.menu-box ul li a.providers-btn { border-radius: 0; color: #0f8eff; background: #fff; }
	.header-menu-wrap .btn:hover { color: #0f8eff; background: #fff; }
	.header-menu-wrap > .providers-btn { display: none; }
	.menu-box { position: static; }
	.menu-box ul { top: 100%; left: 0; right: 0; width: 100%; border-top: 1px solid #333; max-height: calc(100vh - 90px); overflow: auto; }
	.menu-box ul li:empty { display: none; }
	.page-banner-text, .demonstration-row, .subpage-title { font-size: 24px; }
	.demonstration-row .btn { font-size: 16px; }
	.how-work-list ul li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 15px; }
	.how-work-list ul li span::before { height: 6px; width: 6px; top: 8px; }
	.how-work-list ul li span { padding-left: 18px; }
	h3, .slider-title h3, .search-result-title h3, .shadow-box h3 { font-size: 26px; }
	.subpage-title-highlight { font-size: 110px; }
	.subpage-title { margin-bottom: 35px; padding-top: 70px; }
	.section-title h2 { font-size: 32px; margin-bottom: 20px; }
	.search-filter-box { margin-bottom: 40px; }
	.search-filter-box { flex-direction: row; flex-wrap: wrap; }
	.search-filter-box > div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.search-filter-box .advance-search, .search-filter-box .sortby-box { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-top: 15px; }
	.slider-title { margin-bottom: 15px; padding: 0; }
	.sortby-box .popup-box { left: 0; }
	.events-slider { margin: 0 0 30px; padding: 0; }
	.events-slider .owl-nav { margin-top: 20px; }
	.events-slider .owl-nav:after { content: ""; display: table; clear: both; }
	.events-slider.owl-carousel .owl-nav .owl-next, .events-slider.owl-carousel .owl-nav .owl-prev { position: relative; top: 0; transform: translateY(0); }
	.events-slider.owl-carousel .owl-nav .owl-prev { float: left; }
	.events-slider.owl-carousel .owl-nav .owl-next { float: right; }
	.event-info-box .row > div { margin: 5px 0; }
	.events-slider.owl-carousel .owl-nav .owl-next, .events-slider.owl-carousel .owl-nav .owl-prev { height: 45px; width: 45px; background-size: 15px 15px; }
	
	.modal-content { padding: 25px; }
	.modal-title { font-size: 22px; }
	h5 { font-size: 16px; }
	.subpage-box { padding-top: 80px; padding-bottom: 40px; }
	
	.search-result-title { margin: 30px 0; }
	.search-result-box .row > div { margin-bottom: 15px; }
	.search-result-title { padding-left: 35px; }
	.search-result-title .back-btn, .careers-title-box .back-btn { height: 20px; width: 20px; }
	
	.tabnav { display:none; }
	.tab-container { padding:0; border:none;}
	.tab-data { margin:0 0 30px; }
	.tab-data .tabnav { display:none; }
	.tab-container .tabMobiletrigger { background:rgba(255,255,255,0.23); border:medium none; font-size:17px; margin:0 0 10px; padding:12px 54px 12px 25px; position:relative; cursor:pointer; border-radius: 100px; transition: 0.35s all; }
	.tabMobiletrigger:after { border-left:6px solid rgba(0, 0, 0, 0); border-right:6px solid rgba(0, 0, 0, 0); border-top:6px solid #fff; content:""; margin-top:-3px; position:absolute; right:19px; top:50%; }
	.tabMobiletrigger:before { background:rgba(255,255,255,0.23); content:""; height:100%; position:absolute; right:0; top:0; width:46px; z-index:1; border-radius: 0 100px 100px 0; transition: 0.35s all; }
	.tabcontent { padding:15px 0; margin:0; }
	.tabMobiletrigger.rotate:after { border-top-color:#fff; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
	.tabMobiletrigger.rotate:before { background:rgba(0,0,0,0.1); }
	.tab-container .tabMobiletrigger.rotate { background-color: #4FADFE; color: #fff; }
	.about-tab-box .tab-container { padding: 0 15px; }
	.about-tab-box { padding-top: 20px; }
	.leadership-box .bg-img { position: relative; width: 100%; height: auto; }
	.leadership-box .bg-img img { display: block; width: 100%; height: auto; }
	.leadership-box { padding-left: 0; }
	.leader-position { font-size: 20px; }
	.leadership-box { margin-bottom: 15px; }
	.about-tab-box .tab-data { margin-bottom: 0; }
	.leadership-list > h3 { margin-top: 30px; }
	.leader-team-box { margin-top: 40px; margin-bottom: 0; }
	.leader-team-info { margin: 50px auto; }
	.leader-team-box { height: auto; }
	.partner-slider .owl-dots { margin-top: 30px; }
	.partner-slider .owl-dots .owl-dot { height: 13px; width: 13px; margin: 5px; }
	.faq-title { margin-bottom: 0; }
	.faq-box { padding: 30px 20px; }
	h4, .news-media-details h4, .payment-sub-box h4 { font-size: 22px; }
	.careers-box h4 { font-size: 22px; margin-bottom: 15px; }
	.about-tab-box .tabcontent .container { padding-left: 0; padding-right: 0; }
	.careers-box { padding: 20px; }
	.careers-list-box .row > div, .news-media-list .row > div { margin-bottom: 15px; }
	.news-media-list, .news-media-details { margin-top: 15px; }
	.news-media-link ul { flex-direction: column; }
	.news-media-link ul li { font-size: 17px; }
	.news-media-top { margin-bottom: 20px; }
	.news-details-btn .btn { font-size: 14px; }
	.careers-title-box { padding-right: 0; }
	.careers-date { position: static; margin-top: 15px; display: block; text-align: right; height: auto; }
	.careers-details-box p, .careers-details-box ul { margin-bottom: 30px; }
	.btn.btn-small { font-size: 14px; }
	.app-details-box { margin-top: 30px; }
	.subscribe-box { padding: 35px 30px; }
	.media-list-box { margin-top: 20px; }
	.media-box h2 { font-size: 30px; }
	.media-box { font-size: 20px; }
	.media-date { font-size: 18px; }
	.media-list-box .row > div { margin-bottom: 15px; }
	.explore-img-box > figure img { height: 500px; object-fit: cover; }
	.explore-info-date { text-align: left; }
	.explore-info-date span { font-size: 18px; }
	.explore-info-date span span { font-size: 26px; }
	.explore-btn-box, .explore-details-box p { margin-bottom: 30px; }
	.dot-list li { margin: 5px 0; }
	.joining-steps .step-one, .joining-steps .step-one:last-child { width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.group-pass-success, .information { font-size: 18px; }
	.group-pass-success figure { height: 40px; width: 40px; min-width: 40px; margin: 0 20px 0 0; padding: 12px; }
	.group-pass-success { margin-bottom: 15px; }
	.invite-guest h3 { margin-bottom: 20px; }
	.invite-guest, .step-list-box { padding: 20px; }
	.dashboard-app-download .app-details-box { padding: 30px; }
	.app-dashboard-box { margin-bottom: 40px; }
	.app-dashboard-box h3, .app-dashboard-box h5 { margin-bottom: 15px; }
	.explore-sub-box, .payment-box { padding: 25px; }
	.payment-check-box { margin: 30px 0; }
	.explore-sub-box .explore-info-date span { font-size: 30px; }
	.explore-sub-box .explore-info-date { font-size: 20px; }
	.form-group .custom-control-label { font-size: 16px; }
	.payment-form-box .form-group { margin-bottom: 25px; }
	.payment-check-box .row > div:last-child .form-group { margin-bottom: 0; }
	.explore-sub-box .back-btn { width: 40px; margin-bottom: 10px; }
	.join-form-list-box { padding: 15px 0; }
	.shadow-box { padding: 20px; margin-bottom: 15px; }
	.shadow-box h3 { margin-bottom: 20px; }
	.join-form-list-box .shadow-box p { margin-top: 20px; }
	.shadow-box .form-group { margin: 15px 0; }
	.border-box { padding: 20px; }
	.join-form-title-box { padding: 80px 0 20px 0; font-size: 16px; }
	.sober-progress .progress-value { top: -9px; right: -13px; height: 25px; width: 25px; line-height: 75px; font-size: 18px; }
	.about-concerned p { justify-content: left; }
	.about-concerned p .btn { display: table; margin: 10px auto 0; }
	.container, .container-fluid { padding-left: 20px; padding-right: 20px; }
	.recovery-support { font-size: 18px; }
	.download-step-box { max-width: 260px; margin: 10px auto; width: 100%; }
	.recovery-support-img figure { margin: 20px auto 0; }
}
@media only screen and (max-width: 575px) {
	.download-link-box figure, .app-details-box .download-link-box figure { max-width: 180px; margin-right: 15px; }
	.section-content .btn { font-size: 14px; }
	.about-concerned { padding-top: 15px; margin-top: 15px; }
	.video-trigger-box { margin: 80px 0; }
	.footer-bottom { margin-top: 20px; padding-top: 20px; }
	.fmenu-box { font-size: 14px; }
	.fmenu-box ul li { margin-top: 0; text-align: center; }
	.fmenu-box ul li:last-child { margin-bottom: 0; }
	.testimonials-info { margin-top: 10px; }
	.testimonials-box { flex-direction: column; }
	.testimonials-box figure { width: 100px; min-width: inherit; margin: 0 auto 15px; }
	.testimonials-details { text-align: center; }
	.testimonials-slider .owl-nav { margin: 15px auto 0; }
	.counter { left: 0; right: 0; margin: auto; bottom: 2px; }
	.testimonials-slider-box h3 { font-size: 26px; margin-bottom: 15px; text-align: center; }
	.banner-text-list ul figure { min-width: 70px; width: 70px; } 
	.banner-text-details { padding: 0 10px; }
	.banner-text-details h5 { font-size: 16px; }
	.banner-text-details p { font-size: 12px; }
	.page-banner-text, .demonstration-row, .subpage-title { font-size: 20px; }
	.page-banner-text h1, .page-banner-text h2, .banner-text h1, .banner-text h2 { font-size: 18px; }
	h1, h2, .leadership-details h2, .careers-title-box h2, .join-form-title-box h1 { font-size: 16px; }
	h3, .slider-title h3, .search-result-title h3, .shadow-box h3 { font-size: 16px; }
	.subpage-title-highlight { font-size: 80px; }
	.subpage-title { margin-bottom: 30px; padding-top: 44px; }
	.section-title h2 { font-size: 30px; margin-bottom: 15px; }
	.search-filter-box { margin-bottom: 30px; }
	.search-filter-box .advance-search, .search-filter-box .sortby-box { min-width: inherit; width: 100%; max-width: 100%; }
	.btn.btn-advance-search, .btn.btn-sortby { font-size: 15px; }
	.btn { font-size: 14px; padding: 7px 23px; }
	.sortby-box .popup-box { min-width: inherit; font-size: 15px; }
	.about-tab-box { padding-top: 0; }
	.leader-position { font-size: 18px; }
	h4, .news-media-details h4, .payment-sub-box h4 { font-size: 16px; }
	.careers-box h4 { font-size: 20px; }
	
	.news-media-link ul li { font-size: 16px; }
	.news-details-btn .btn { font-size: 0; padding: 10px; }
	.news-details-btn .btn svg { margin: 0; }
	.post-share .popup-box { padding: 10px 0; width: 170px; }
	.post-pagination { display: flex; justify-content: space-between; }
	.post-pagination a { height: 40px; width: 40px; }
	.post-pagination a::after { height: 12px; width: 12px; }
	.mobile-slider-box { max-width: 280px; }
	.media-box h2 { font-size: 26px; }
	.media-box { font-size: 18px; }
	.media-date { font-size: 16px; }
	.explore-btn-box, .explore-details-box p { margin-bottom: 20px; }
	.explore-group-description, .explore-details-box { padding: 20px; }
	.explore-img-box > figure img { height: 430px; }
	.joining-steps .step-one, .joining-steps .step-one:last-child { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 20px 0; }
	.stepArrow { display: none; }
	.group-pass-success, .information { font-size: 16px; }
	.group-pass-success figure { height: 35px; width: 35px; min-width: 35px; margin: 0 10px 0 0; padding: 10px; }
	.dashboard-app-download .app-details-box { padding: 20px; }
	.app-dashboard-box { margin-bottom: 30px; }
	.explore-sub-box .explore-info-date span { font-size: 26px; }
	.explore-sub-box .explore-info-date { font-size: 18px; margin-bottom: 15px; }
	.explore-sub-box, .payment-box { padding: 15px; }
}
@media only screen and (max-width: 479px) {
	.section-row { padding: 30px 0; }
	.download-link-box figure, .app-details-box .download-link-box figure { max-width: 150px; }
	.video-trigger-box { margin: 60px 0; }
	.footer-block { padding: 30px 0; }
	.footer-newsletter-form { padding-right: 0; text-align: center; }
	.footer-newsletter-form .btn { position: static; margin-top: 10px; }
	.how-work-list ul li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; }
	.leader-position { font-size: 16px; }
	.mobile-slider-box { max-width: 250px; }
	.subscribe-form { padding-right: 0; }
	.subscribe-form .btn { position: static; margin-top: 10px; font-size: 13px; height: auto; padding: 6px 15px; }
	.page-banner-text, .demonstration-row, .subpage-title { font-size: 18px; }
}
.rootMaxSet {
  max-width: 1920px;
  margin: 0 auto;
}
.gAllowed {
  display: flex;
  justify-content: flex-end;
  font-size: 10px;
  padding-right: 7px;
  padding-top: 5px;
}
.newsletterBOX {
  color: #000;
  font-weight: 400;
  /* background-color: #4caf50; */
  padding: 4px;
  border-radius: 4px;
  font-size: 17px;
  text-align: center;
}

.join-form #header.headerfix {
  background: #46b4fe !important;
  /* padding: 20px 75px; */
}
.react-datepicker-popper {
  z-index: 3;
}
p {
  text-align: justify;
}
.modal-header .close:before,
.modal-header .close:after {
  display: none !important;
}
:root {
  --first-slide-bg-color: rgba(0, 0, 0, 0.7) !important;
}
@media only screen and (min-width: 1024px) {
  .slider-sub {
    font-size: 22px !important;
    text-align: left;
  }
  .careers-box {
    font-size: 13px;
  }
  .new-leadership-box {
    border-radius: 20px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.1);
    margin-bottom: 70px;
    /* width: 573px; */
    width: 100%;
    margin: 0 auto;
    padding: 35px 25.17px;
    height: 635px;
    /* height: auto; */
    font-size: 18px;
  }
  .leader-pic {
    width: 100%;
    max-width: 150px;
    height: auto;
  }
}
@media only screen and (max-width: 1921px) {
  .btn-sortby {
    margin-left: 140%;
  }
  /* .subpage-title {
    font-size: 30px;
    margin-bottom: 15px;
    padding-top: 49px;
  } */
  .search-filter-box .advance-search {
    width: 100px !important;
  }
  .search-filter-box .advance-search,
  .search-filter-box .sortby-box {
    min-width: unset !important;
  }
  .search-sort-block {
    display: flex !important;
    margin-top: 0px !important;
  }
  .search-sort-block div {
    margin: 0px 3px !important;
  }
  .btn.btn-advance-search {
    width: 305% !important;
  }
  /* .btn.btn-sortby {
    width: 208% !important;
  } */
  .advance-search,
  .sortby-box {
    display: inline-block !important;
  }
  .text-slider-h3 {
    margin-top: 15px;
  }
  .leadership-box .owner-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 315px;
  }
  /* after font change */
  .dashboard-report-img {
    padding: 0px 50px;
  }

  .leadership-details-1 h2 {
    font-size: 30px;
  }
  .leadership-details-1 span {
    font-size: 20px;
  }
  /* after font change */
}
@media only screen and (max-width: 1800px) {
  .text-slider-h3 {
    margin-top: 10px;
  }
  .leadership-box .owner-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 315px;
  }
}
@media only screen and (max-width: 1700px) {
  .checkbox-area .other-checkbox {
    margin-bottom: 10px;
    /* margin-top: 20px; */
    margin-top: 10px;
  }
  .checkbox-list .form-group {
    margin: unset !important;
  }
  .checkbox-area .other-checkbox .otherlabel {
    left: 11%;
  }
  .text-slider-h3 {
    margin-top: 10px;
  }

  .leadership-box .owner-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 315px;
  }
}
@media only screen and (max-width: 1400px) {
  .newsWidthHandler {
    padding: 0px 150px;
  }
  .soberPeerTeamInternal {
    position: relative !important;
  }
  .soberPeerTeamInternal img {
    display: none;
  }
  .soberPeerTeamInternalBlock {
    /* position: absolute !important; */
    top: calc(50% - 62.5px) !important;
    /* padding: 0px 45.7px !important; */
    padding: 10px 10px !important;
    background-image: url("/images/newTheme/team-bg.jpg");
    background-size: cover;
  }
  .soberPeerTeamInternalBlock p {
    font-size: 17px;
  }

  .text-slider-container-box {
    background: white;
    color: #010816;
    padding: 15px 15px;
  }

  .search-filter-box {
    margin-bottom: 50px !important;
  }
  .text-slider-h3 {
    margin-top: 10px;
  }

  .leadership-box .owner-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 315px;
  }
  .tab1Content {
    margin: 0 auto;
    font-size: 18px;
  }
}
@media only screen and (max-width: 1199px) {
  .newsWidthHandler {
    padding: 0px 100px;
  }
  .certification-row .form-group label {
    font-size: 14px !important;
  }
  .page-banner-text,
  .section-row {
    font-size: 16px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .newsWidthHandler {
    padding: 0px 100px;
  }
  .btn-sortby {
    margin-left: 70%;
  }
  /* .subpage-title {
    font-size: 30px;
    margin-bottom: 15px;
    padding-top: 49px;
  } */
  .search-filter-box .advance-search {
    width: 100px !important;
  }
  .search-filter-box .advance-search,
  .search-filter-box .sortby-box {
    min-width: unset !important;
  }
  .search-sort-block {
    display: flex !important;
    margin-top: 0px !important;
  }
  .search-sort-block div {
    margin: 0px 3px !important;
  }
  .btn.btn-advance-search {
    width: 205% !important;
  }
  .btn.btn-sortby {
    width: 78% !important;
  }
  .advance-search,
  .sortby-box {
    display: inline-block !important;
  }
  .soberPeerTeamInternal {
    position: relative !important;
  }
  .soberPeerTeamInternal img {
    display: none;
  }
  .soberPeerTeamInternalBlock {
    /* position: absolute !important; */
    top: calc(50% - 62.5px) !important;
    /* padding: 0px 45.7px !important; */
    padding: 10px 10px !important;
    background-image: url("/images/newTheme/team-bg.jpg");
    background-size: cover;
  }
  .soberPeerTeamInternalBlock p {
    font-size: 17px;
  }

  .careers-post-apply {
    display: flex;
    flex-direction: column;
  }

  .tab-bg {
    background-color: rgba(255, 255, 255, 0.1) !important;
    /* padding: 5px; */
    padding-top: 26px;
    border-radius: 20px;
  }

  .banner-text-list ul li a {
    background-color: var(--first-slide-bg-color);
    opacity: 1;
  }

  .about-concerned p .btn {
    margin: unset;
    margin-top: 10px !important;
    margin-left: 5px !important;
  }

  /* .enter-tabs .ant-tabs {
    display: none !important;
  }
   */
  .download-step-box p {
    font-size: 18px;
    text-align: left;
  }
  .events-details-box {
    font-size: 12px;
  }
  .event-info-box .row span {
    font-size: 12px !important;
  }
  .event-info-box .row p {
    font-size: 12px !important;
  }
  .events-user-info h5 {
    font-size: 10px !important;
  }
}
@media only screen and (max-width: 991px) {
  .newsWidthHandler {
    padding: 0px 100px;
  }
  .soberPeerTeamInternal {
    position: relative !important;
  }
  .soberPeerTeamInternal img {
    display: none;
  }
  .soberPeerTeamInternalBlock {
    /* position: absolute !important; */
    top: calc(50% - 62.5px) !important;
    /* padding: 0px 45.7px !important; */
    padding: 10px 20px !important;
    background-image: url("/images/newTheme/team-bg.jpg");
    background-size: contain;
  }
  .soberPeerTeamInternalBlock p {
    font-size: 17px;
  }

  .banner-text-list ul li a {
    background-color: var(--first-slide-bg-color);
  }
  .checkbox-area .other-checkbox {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .checkbox-area .other-checkbox .otherlabel {
    left: 13%;
  }
  .tab1Content {
    margin: 0 auto;
    font-size: 13px;
  }
  .leader-blocks {
    /* border: 1px solid red; */
    /* box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; */
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 20px;
    /* background-color: white; */
  }
  .leader-image-name {
    justify-content: center;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .itemStyleBOX {
    margin-right: 30px !important;
  }
  .newTextSlides {
    padding: 33px 0px;
    height: 250px;
    background-color: white;
    text-align: left;
  }
  .tab1Content {
    margin: 0 auto;
    font-size: 18px;
    color: white;
  }
  .careers-box {
    font-size: 13px;
  }
  /* .leadership-details p {
    font-size: 13px;
  } */
  /* .leadership-details h2,
  .leader-position {
    font-size: 16px;
  } */
  .leader-position {
    padding-left: 0px;
    color: white !important;
  }
  .leader-position:before {
    content: unset;
  }
}
@media only screen and (max-width: 767px) {
  .btn-sortby {
    margin-left: 17%;
  }
  /* .subpage-title {
    font-size: 30px;
    margin-bottom: 15px;
    padding-top: 49px;
  } */
  .search-filter-box .advance-search {
    width: 100px !important;
  }
  .search-filter-box .advance-search,
  .search-filter-box .sortby-box {
    min-width: unset !important;
  }
  .search-sort-block {
    display: flex !important;
    margin-top: 10px !important;
  }
  .search-sort-block div {
    margin: 0px 3px !important;
  }
  .btn.btn-advance-search {
    width: 115% !important;
  }
  .btn.btn-sortby {
    width: 78% !important;
  }
  .advance-search,
  .sortby-box {
    display: inline-block !important;
  }
  .download-step-box p {
    font-size: 18px;
    text-align: left;
  }
  .leader-position:before {
    content: unset;
  }
  .itemStyleBOX {
    margin-right: 30px !important;
  }
  /* .recovery-support-box p,
  .section-content p {
    font-size: 16px;
  } */
  .page-banner-text,
  .section-row {
    font-size: 16px !important;
  }
  .explore-box span {
    font-size: 13px !important;
  }
  .explore-box span img {
    height: 14px !important;
  }

  .leadership-box .owner-image img {
    display: block;
    width: 100%;
    height: auto;
  }

  .leadership-box .owner-image {
    position: relative;
    width: 100%;
    height: auto;
    background-image: unset !important;
  }
  .careers-details-box p {
    font-size: 13px;
  }
  .careers-details-box ul li {
    font-size: 13px !important;
  }
}
@media screen and (min-device-width: 769px) and (max-device-width: 1800px) {
  .testimonials-details p {
    color: black !important;
  }

  .aboutPage .ant-collapse-content .careers-box {
    /* background: #3c8dd4db !important; */
    color: white !important;
  }
  .newTextSlides {
    padding: 33px 0px;
    height: 150px;
    background-color: white;
    text-align: left;
  }
  .text-slider-container-box {
    background: white;
    color: #010816;
    padding: 75px 50px;
  }
  .leadership-details-1 p {
    line-height: 27.85px;
  }

  .leadership-details-1 h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .soberPeerTeamInternal {
    position: relative !important;
  }
  .soberPeerTeamInternal img {
    display: none;
  }
  .soberPeerTeamInternalBlock {
    /* position: absolute !important; */
    top: calc(50% - 62.5px) !important;
    /* padding: 0px 45.7px !important; */
    padding: 10px 10px !important;
    background-image: url("/images/newTheme/team-bg.jpg");
    background-size: cover;
  }
  .soberPeerTeamInternalBlock p {
    font-size: 14px;
  }

  .careers-box h4 {
    font-size: 18px !important;
  }
  .careers-box {
    font-size: 14px;
  }
  .leadership-details-1 p {
    font-size: 14px;
  }
  .leader-team-info p {
    color: #fff !important;
    font-size: 14px;
    padding: 10px !important;
  }
  .faq-box p {
    font-size: 14px !important;
  }
  .careers-post-apply {
    display: flex;
    flex-direction: column;
  }
  .tab-bg {
    background-color: rgba(255, 255, 255, 0.1) !important;
    padding: 5px;
    padding-top: 26px;
    border-radius: 20px;
  }
  .banner-text-list ul li a {
    background-color: var(--first-slide-bg-color);
    opacity: 1;
  }
  .events-details-box {
    font-size: 12px;
  }
  .slider-sub {
    font-size: 22px !important;
    text-align: left;
  }
  .testimonials-details p {
    color: black !important;
  }
  .aboutPage .ant-collapse-content .careers-box {
    /* background: #3c8dd4db !important; */
    color: white !important;
  }
  .itemStyleBOX {
    margin-right: 30px !important;
  }
  /* .carousel-control-prev {
    display: none;
  }
  .carousel-control-next {
    display: none;
  } */
  .banner-text-list ul li a {
    background-color: var(--first-slide-bg-color);
    opacity: 1;
  }
  .page-banner-text,
  .section-row {
    font-size: 14px !important;
  }
  .event-info-box .row span {
    font-size: 12px !important;
  }
  .event-info-box .row p {
    font-size: 12px !important;
  }
  .events-user-info h5 {
    font-size: 10px !important;
  }
  .leader-blocks {
    /* border: 1px solid red; */
    /* box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; */
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 20px;
    /* background-color: white; */
  }
  .leader-image-name {
    justify-content: center;
    text-align: center;
  }
  /* .menu-box ul li:last-child {
    display: none;
  } */
  .leadership-details-1 p {
    /* line-height: 27.85px; */
    line-height: 18px;
    color: white;
  }

  .leadership-details-1 h2 {
    font-size: 22px;
  }
  .leadership-details-1 span {
    font-size: 20px;
  }
}

@media only screen and (max-width: 736px) {
  .menu-box ul li:last-child {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  .btn-sortby {
    margin-left: 15%;
  }
  /* .subpage-title {
    font-size: 30px;
    margin-bottom: 15px;
    padding-top: 49px;
  } */
  .search-filter-box .advance-search {
    width: 100px !important;
  }
  .search-filter-box .advance-search,
  .search-filter-box .sortby-box {
    min-width: unset !important;
  }
  .search-sort-block {
    display: flex !important;
    margin-top: 10px !important;
  }
  .search-sort-block div {
    margin: 0px 3px !important;
  }
  .btn.btn-advance-search {
    width: 115% !important;
  }
  .btn.btn-sortby {
    width: 78% !important;
  }
  .advance-search,
  .sortby-box {
    display: inline-block !important;
  }
  .tab-bg {
    background-color: rgba(255, 255, 255, 0.1) !important;
    padding: 5px;
    padding-top: 26px;
    border-radius: 20px;
  }

  .careers-box h4 {
    font-size: 16px !important;
  }

  .banner-text-list ul li a {
    background-color: var(--first-slide-bg-color);
    opacity: 1;
  }

  .itemStyleBOX {
    margin-right: 30px !important;
  }
  .event-info-box .row > div {
    margin: 0px !important;
  }
  .carousel-control-prev {
    display: none;
  }
  .carousel-control-next {
    display: none;
  }
  .carousel-control-next,
  .carousel-control-prev {
    width: 8% !important;
  }
  .text-slider-h3 {
    font-size: 20px !important;
    margin-bottom: 15px;
    text-align: center;
  }
  .text-slider-container-box {
    background: white;
    color: #010816;
    padding: 15px 15px;
  }
  .banner-text-list ul li a {
    background-color: var(--first-slide-bg-color);
    opacity: 1;
  }
  .page-banner-text,
  .section-row {
    font-size: 12px !important;
  }
  .events-user-info h5 {
    font-size: 10px !important;
  }
  .explore-info-label .explore-date {
    font-size: 15px;
  }
  .leader-blocks {
    /* border: 1px solid red; */
    /* box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; */
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 20px;
    /* background-color: white; */
  }
  .leader-image-name {
    justify-content: center;
    text-align: center;
  }
  .menu-box ul li:last-child {
    display: none;
  }
  .leadership-details-1 p {
    /* line-height: 27.85px; */
    line-height: 18px;
  }

  .leadership-details-1 h2 {
    font-size: 22px;
  }
  .leadership-details-1 span {
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .about-tab-box {
    padding-top: 0px !important;
    margin-top: 0px !important;
  }
  .btn-sortby {
    margin-left: 15%;
  }
  /* .subpage-title {
    font-size: 30px;
    margin-bottom: 15px;
    padding-top: 49px;
  } */
  .search-filter-box .advance-search {
    width: 100px !important;
  }
  .search-filter-box .advance-search,
  .search-filter-box .sortby-box {
    min-width: unset !important;
  }
  .search-sort-block {
    display: flex !important;
    margin-top: 10px !important;
  }
  .search-sort-block div {
    margin: 0px 3px !important;
  }
  .btn.btn-advance-search {
    width: 115% !important;
  }
  .btn.btn-sortby {
    width: 78% !important;
  }
  .advance-search,
  .sortby-box {
    display: inline-block !important;
  }
  /* .soberPeerTeam {
    border: 1px solid red !important;
  } */
  .soberPeerTeamInternal {
    position: relative !important;
  }
  .soberPeerTeamInternal img {
    display: none;
  }
  .soberPeerTeamInternalBlock {
    /* position: absolute !important; */
    top: calc(50% - 62.5px) !important;
    /* padding: 0px 45.7px !important; */
    padding: 10px 20px !important;
    background-image: url("/images/newTheme/team-bg.jpg");
    background-size: cover;
  }
  .soberPeerTeamInternalBlock p {
    font-size: 12px;
  }

  .leadership-details-1 {
    padding: 10px 10px;
  }
  .join-form-title-box h1 {
    font-size: 24px !important;
  }
  .subpage-title-highlight {
    font-size: 51px !important;
  }
  .smallGroupTitle {
    font-size: 18px !important;
  }
  .subpage-title p {
    font-size: 12px !important;
  }
  .about-concerned p .btn {
    margin: unset;
    margin-top: 10px !important;
  }
  .slider-sub {
    font-size: 16px !important;
    text-align: left;
  }
  .events-details-box {
    font-size: 12px;
  }
  .event-info-box p {
    font-size: 12px;
  }
  .download-link-box h3 {
    font-size: 22px;
  }
  .testimonials-details p {
    color: black !important;
  }
  .leadership-details-1 h2 {
    font-size: 22px;
  }
  .leadership-details-1 span {
    font-size: 20px;
  }

  .leadership-details-1 p {
    /* line-height: 27.85px; */
    line-height: 18px;
  }
  .clickHereBlock {
    display: block;
  }
  .menu-box ul li:last-child {
    display: none;
  }
  .carousel-control-prev {
    display: none;
  }
  .carousel-control-next {
    display: none;
  }
  .carousel-control-next,
  .carousel-control-prev {
    width: 8% !important;
  }
  .banner-text-list ul li a {
    background-color: var(--first-slide-bg-color);
    opacity: 1;
  }
  .certification-row .form-group label {
    font-size: 14px !important;
  }
  .checkbox-area .other-checkbox {
    margin-bottom: 10px;
    margin-top: 35px;
  }
  .checkbox-area .other-checkbox .otherlabel {
    left: 12%;
  }
  .event-info-box .row span {
    font-size: 12px !important;
  }
  .event-info-box .row p {
    font-size: 12px !important;
  }

  .page-banner-text,
  .section-row {
    font-size: 12px !important;
  }
  .leadership-details {
    /* position: relative;
    top: 170px; */
    font-size: 13px;
  }

  .leadership-details-1 p {
    font-size: 12px;
  }
  .leadership-details h2 {
    text-align: center;
  }
  .leadership-details .leader-position {
    text-align: center;
  }
  .leadership-box {
    overflow: unset;
    /* border: 1px solid green; */
  }
  .leadership-box p {
    /* border: 1px solid red; */
    margin-top: 25px;
  }
  .leadership-box .owner-image img {
    display: block;
    width: 100%;
    height: auto;
    width: 150px;
    margin: 0 auto;
  }
  .ant-collapse-content-box .container {
    padding: 0px !important;
  }
  .leadership-box .owner-image {
    /* position: absolute;
    left: 0;
    top: 10px !important;
    bottom: 0;
    width: 315px; */
    position: relative;
    width: 100%;
    /* height: auto; */
    background-image: unset !important;
    /* display: flex;
    justify-content: center; */
  }
  .leader-team-info p {
    color: #fff !important;
    font-size: 13px;
    padding: 10px !important;
  }
  .container .leader-team-info .font-weight-normal {
    color: white !important;
    padding-left: 10px !important;
  }
  .tab1Content {
    margin: 0 auto;
    font-size: 12px;
  }
  .leader-team-info {
    margin: 0px auto;
  }
  .faq-box p {
    font-size: 13px !important;
  }
  .faq-box {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 30px 10px !important;
  }
  .careers-box {
    font-size: 13px;
  }
  .careers-title-box .back-btn {
    background-color: black !important;
  }
  .explore-info-label .explore-date {
    font-size: 15px;
  }
  .SampleNextArrowSmallGroup {
    top: 50% !important;
    left: 97% !important;
    border: unset !important;
    background-image: url(/images/newTheme/scroll-right.svg) !important;
  }
  .SamplePrevArrowSmallGroup {
    top: 50% !important;
    right: 97% !important;
    border: unset !important;
    background-image: url(/images/newTheme/scroll-left.svg) !important;
  }
  .leader-blocks {
    /* border: 1px solid red; */
    /* box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; */
    padding-top: 10px;
    padding-bottom: 10px;
    /* background-color: white; */
    border-radius: 20px;
  }
  .tab-bg {
    background-color: rgba(255, 255, 255, 0.1) !important;
    padding: 5px;
    padding-top: 26px;
    border-radius: 20px;
  }
  .leader-image-name {
    justify-content: center;
    text-align: center;
  }
  .aboutPage .ant-collapse-content .careers-box {
    /* background: #3c8dd4db !important; */
    color: white !important;
  }
  /* .newsWidthHandler {
    padding: '0px 50px 50px';
  } */
  .newsWidthHandler {
    padding: 0px;
  }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1800px) {
  .carousel-control-next,
  .carousel-control-prev {
    width: 10% !important;
  }
  .newsMarginHandler {
    margin-top: 100px;
  }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 4000px) {
  .newsWidthHandler {
    /* padding: 0px 350px 75px; */
    max-width: 600px;
    margin: 0 auto;
    text-align: left;
  }
  .new-leadership-box .row:first-of-type {
    margin-left: -5px;
  }
  .btn-sortby {
    margin-left: 140%;
  }
  /* .subpage-title {
    font-size: 30px;
    margin-bottom: 50px;
    padding-top: 100px;
  } */
  .search-filter-box .advance-search {
    width: 100px !important;
  }
  .search-filter-box .advance-search,
  .search-filter-box .sortby-box {
    min-width: unset !important;
  }
  .search-sort-block {
    display: flex !important;
    margin-top: 0px !important;
  }
  .search-sort-block div {
    margin: 0px 3px !important;
  }
  .btn.btn-advance-search {
    width: 305% !important;
  }
  .btn.btn-sortby {
    width: 100% !important;
  }
  .advance-search,
  .sortby-box {
    display: inline-block !important;
  }
  .soberPeerTeamInternal {
    position: relative !important;
  }
  /* .soberPeerTeamInternal img {
    display: none;
  } */
  .soberPeerTeamInternalBlock {
    position: absolute !important;
    top: calc(50% - 62.5px) !important;
    padding: 0px 45.7px !important;
    /* padding: 10px 10px !important; */
    /* background-image: url('/images/newTheme/team-bg.jpg');
    background-size: cover; */
  }
  .soberPeerTeamInternalBlock p {
    font-size: 17px;
  }
}

.newHomePage h1,
.newHomePage h2,
.newHomePage h3,
.newHomePage h4,
.newHomePage h5,
.newHomePage h6 {
  color: #fff;
}
.joinSPPage h1,
.joinSPPage h2,
.joinSPPage h3,
.joinSPPage h4,
.joinSPPage h5,
.joinSPPage h6,
.joinSPPage p {
  color: #000 !important;
}

.forProviderPage h1,
.forProviderPage h2,
.forProviderPage h3,
.forProviderPage h4,
.forProviderPage h5,
.forProviderPage h6 {
  color: #fff !important;
}
.spGroupPage h1,
.spGroupPage h2,
.spGroupPage h3,
.spGroupPage h4,
.spGroupPage h5,
.spGroupPage h6 {
  color: #fff;
}

.ant-modal-content h1,
.ant-modal-content h2,
.ant-modal-content h3,
.ant-modal-content h4,
.ant-modal-content h5,
.ant-modal-content h6 {
  color: black !important;
}

.termsAndConditions h1,
.termsAndConditions h2,
.termsAndConditions h3,
.termsAndConditions h4,
.termsAndConditions h5,
.termsAndConditions h6 {
  color: #fff !important;
  line-height: 1.3;
  margin: 0 0 10px;
  font-weight: bold;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 18px;
}
.privacyPolicyPage h1,
.privacyPolicyPage h2,
.privacyPolicyPage h3,
.privacyPolicyPage h4,
.privacyPolicyPage h5,
.privacyPolicyPage h6 {
  color: #fff !important;
  line-height: 1.3;
  margin: 0 0 10px;
  font-weight: bold;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.disclaimer h1,
.disclaimer h2,
.disclaimer h3,
.disclaimer h4,
.disclaimer h5,
.disclaimer h6 {
  color: #fff !important;
  line-height: 1.3;
  margin: 0 0 10px;
  font-weight: bold;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.acceptableUsePolicy h1,
.acceptableUsePolicy h2,
.acceptableUsePolicy h3,
.acceptableUsePolicy h4,
.acceptableUsePolicy h5,
.acceptableUsePolicy h6 {
  color: #fff !important;
  line-height: 1.3;
  margin: 0 0 10px;
  font-weight: bold;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.refundPolicy h1,
.refundPolicy h2,
.refundPolicy h3,
.refundPolicy h4,
.refundPolicy h5,
.refundPolicy h6 {
  color: #fff !important;
  line-height: 1.3;
  margin: 0 0 10px;
  font-weight: bold;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.downloadApp h1,
.downloadApp h2,
.downloadApp h3,
.downloadApp h4,
.downloadApp h5,
.downloadApp h6 {
  color: #fff !important;
}

.AR h1,
.AR h2,
.AR h3,
.AR h4,
.AR h5,
.AR h6 {
  color: #fff !important;
}

.exploreGroup h1,
.exploreGroup h2,
.exploreGroup h3,
.exploreGroup h4,
.exploreGroup h5,
.exploreGroup h6 {
  color: #fff !important;
}

.groupPass h1,
.groupPass h2,
.groupPass h3,
.groupPass h4,
.groupPass h5,
.groupPass h6 {
  color: #fff !important;
}

.needHelpPage h1,
.needHelpPage h2,
.needHelpPage h3,
.needHelpPage h4,
.needHelpPage h5,
.needHelpPage h6 {
  color: #fff !important;
}

.goConsult h1,
.goConsult h2,
.goConsult h3,
.goConsult h4,
.goConsult h5,
.goConsult h6 {
  color: #fff;
}

.cookiePolicyPage h1,
.cookiePolicyPage h2,
.cookiePolicyPage h3,
.cookiePolicyPage h4,
.cookiePolicyPage h5,
.cookiePolicyPage h6 {
  color: #fff !important;
  line-height: 1.3;
  margin: 0 0 10px;
  font-weight: bold;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.carousel-control-prev-icon {
  background-image: url(/images/newTheme/scroll-left.svg) !important;
  height: 100px !important;
}

.carousel-control-next-icon {
  background-image: url(/images/newTheme/scroll-right.svg) !important;
  height: 100px !important;
}

.hero-slider.owl-carousel .owl-nav .owl-prev {
  background-image: url(/images/newTheme/scroll-left.svg) !important;
}

.hero-slider.owl-carousel .owl-nav .owl-next {
  background-image: url(/images/newTheme/scroll-right.svg) !important;
}

.preloader-box {
  position: fixed;
  background: #fff;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 999;
}

.preloader-box2 {
  position: absolute;
  background: #000;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 990;
}

.preloader,
.preloader2 {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 3.75em;
  height: 4.25em;
  margin-left: -1.875em;
  margin-top: -2.125em;
}
.preloader .slice,
.preloader2 .slice {
  border-top: 1.125em solid transparent;
  border-right: none;
  border-bottom: 1em solid transparent;
  border-left: 1.875em solid #46b4fe;
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  border-radius: 3px 3px 0 0;
}

.slider-home-1 .carousel .slide .legend {
  background: unset !important;
}
.extra-legend-text {
  bottom: 262px !important;
  text-align: left !important;
  left: 43% !important;
  width: 98% !important;
  opacity: 1 !important;
}
.hero-block2:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(/images/newTheme/black-blur-overlay.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
}
#logo {
  cursor: pointer;
}

/* temporary css need to remove before demo */
/* .menu-box ul li a {
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 8px 25px!important;
} */
.newTextSlides {
  padding: 33px 0px;
  background-color: white;
  text-align: left;
}
.carousel .carousel-status {
  position: absolute;
  padding: 5px;
  text-shadow: unset !important;
  color: #000;
  position: absolute;
  top: 126px;
  right: 41px;
  font-size: 15px;
}
/* Custom Slider */
.custom-button-group .previous-btn {
  left: calc(-4% + 1px);
  top: 50%;
}
.custom-button-group .next-btn {
  right: calc(-4% + 1px);
  top: 50%;
}
/* Custom Slider */
/* .custom-sg-slider li {
  max-width: 388.33px !important;
} */

/* .itemStyleBOX:nth-child(2n) {
  margin-right: 0px !important;
} */
.group-slider {
  margin-bottom: 75px !important;
}
.mobile-slider figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  padding: 7% 6% 5% 6% !important;
  border-radius: 30px;
}
.mobile-slider-box {
  padding-bottom: 100px;
}

.ant-carousel .slick-dots-bottom {
  bottom: -10px;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 12px !important;
  background: #4ab0fe;
  opacity: 1;
}
.ant-carousel .slick-dots li button {
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;

  outline: none;
  cursor: pointer;

  height: 12px;
  width: 12px;
  opacity: 0.5;
  margin: 5px;
  border-radius: 50px;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #4ab0fe !important;
}
.slick-dots li button:before {
  opacity: 1;
  color: #eea20b00;
}
/* Small Group CSS start */
/* .subpage-title {
  font-size: 30px;
  margin-bottom: 50px;
  padding-top: 100px;
} */
.subpage-title p {
  font-size: 18px;
  margin-bottom: 25px !important;
  /* padding-top: 100px; */
}

.group-description-text span {
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
  display: -webkit-box;
  /* max-width: 400px; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.group-leader-name-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.events-user-info h5 {
  color: #000 !important;
}
.events-user-info {
  flex: 1;
}
.events-user-box figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
  width: 47px !important;
  height: 47px !important;
}
/* .events-img-box figure img {
  width: 100%;
  max-height: 178px !important;
} */
/* .events-img-box figure {
  max-height: 178px !important;
}
.events-img-box figure img {
  object-fit: cover;
} */
.events-main-box {
  border-radius: 12px !important;
}
.events-details-box {
  padding-top: 10px !important;
}
.group-description-text {
  height: 40px;
}
.events-details-box {
  height: 225px !important;
  /* max-height: 275px !important; */
}
.text-slider-header {
  background: white;
  color: #000 !important;
  font-size: 38px;
  font-weight: 500;
}
/* Small Group CSS start */
/* explore box css start */
.img-box-bg {
  border-radius: 12px 12px 0px 0px;
  height: 330px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #828282;
}
/* .explore-box {
  padding: 15px 15px 0px !important;
} */
.explore-details-box h6 {
  color: #959595 !important;
}

.enrollment-form .form-control {
  color: #000 !important;
}
.enrollment-form .form-group label {
  color: #bcbcbc !important;
}
.select__control {
  border: unset !important;
  border-bottom: 1px solid #bcbcbc !important;
  border-radius: unset !important;
}
/* explore box css end */
.mobile-slider:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(/images/newMobileSlider/mobile-body.png) !important;
  background-repeat: no-repeat;
  background-size: 100% auto;
  pointer-events: none;
}
.group-pass-main-box .enrollment-form .form-control {
  color: #fff !important;
}

.couponCode {
  border: 2px dashed white;
  border-radius: 4px;
  color: white;
  /* background: pink; */
  background: linear-gradient(
    90deg,
    #00f2fe 0%,
    #03effe 2.8%,
    #24d2fe 39.48%,
    #3cbdfe 74.59%,
    #4ab0fe 107.15%,
    #4facfe 134.68%
  );
  padding: 0.25em 0.5em;
  display: inline-block;
  font-weight: 500;
  font-size: 1.5em;
  margin: 10px;
  letter-spacing: 5px;
}

.promo-container {
  font-size: 23px !important;
  font-weight: 400 !important;
  color: #a9a9a9 !important;
  text-align: center;
}
.popup-box ul li {
  color: #000 !important;
}
.explore-group-info {
  font-weight: 600;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.7)
  );
}
/* .sp-form {
} */
.react-datepicker-wrapper,
.react-datepicker__input-container {
  width: 100%;
}
.sp-form .form-group .form-control {
  width: 100%;
  border-bottom: 1px solid #bcbcbc;
}
.sp-form .form-group .form-control-icon {
  position: absolute;
  right: 0;
  top: 20px;
  color: #9a9a9a;
  pointer-events: none;
}
.sp-form .css-bgvzuu-indicatorSeparator {
  background: unset !important;
}
.sp-form .form-group .placeholder-label {
  left: 0px !important;
  color: #000 !important;
}
.events-user-box figure {
  width: unset !important;
  margin-bottom: 10px;
}
.events-user-box .event-user-info {
  flex: 1;
}

.join-sp {
  /* background: #f8f8f8 !important; */
}
.join-sp .title {
  color: #fff !important;
}
.sp-checkbox-wider .ant-checkbox-inner-wider {
  height: 20px;
  width: 20px;
  margin-right: 5px;
}
/* .join-sp-width {
  width: 1185px;
} */

.join-sp-width select option {
  color: black;
}

.join-sp .custom-select select,
.join-sp .form-control {
  padding: 10px 0px !important;
}

.join-sp .css-bgvzuu-indicatorSeparator {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  background-color: unset !important;
  margin-bottom: 8px;
  margin-top: 8px;
  width: 1px;
  box-sizing: border-box;
}

/* .Rectangle {
  height: 273px;
  box-shadow: 0 11px 16px 0 rgba(0, 0, 0, 0.06);
  background-color: #46b4fe;
} */

.Rectangle {
  height: 273px;
  box-shadow: 0 11px 16px 0 rgba(0, 0, 0, 0.06);
  background-color: #46b4fe;
}
.combined-shape {
  height: 92px;
  display: flex;
  align-items: center;
}
.combined-shape .combined-shape-logo {
  height: 60.5px;
  color: #ffffff;
  margin-right: 5px;
}
.combined-shape .combined-shape-text {
  height: 18px;
  width: 227px;
  color: #ffffff;
  margin-left: 5px;
}
.Rectangle .join-Sober-Peer {
  height: 55px;
  font-family: Nunito, sans-serif;
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.Rectangle .please-take-a-few-mi {
  height: 54px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

.content {
  /* margin-top: 30px; */
  /* padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px; */
  /* padding: 40px 15px 20px 15px; */
  /* height: 486px; */
  /* box-shadow: 0 11px 16px 0 rgba(0, 0, 0, 0.06); */
  /* background-color: #ffffff; */
}
.content .contact-information {
  /* width: 340px; */
  padding-left: 20px;
  height: 43px;
  /* font-family: AvenirLTStd-85; */
  font-size: 32px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #46b4fe;
  display: inline-block;
}
/* .content p {
  font-family: Nunito, sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
} */

.content .remaining-char {
  display: flex;
  justify-content: space-between;
  color: #959595;
  font-size: 14px;
}
.content .checkbox-char {
  color: #959595;
  font-size: 14px;
  margin-left: 5px;
}

.sp-checkbox .ant-checkbox-inner {
  height: 20px;
  width: 20px;
  margin-right: 5px;
}
.content .ant-checkbox + span {
  color: #959595;
  font-size: 14px;
  margin-left: 5px;
  font-weight: 600;
}
.content .ant-slider-handle {
  width: 38px;
  height: 38px;
  margin-top: -18px;
  background-color: #46b4fe;
  border: solid 2px #46b4fe;
}
.content .ant-slider-mark-text-active {
  margin-top: 7px;
  font-size: 20px;
  color: #46b4fe;
  font-weight: 600;
}
.content form input[type="radio"] {
  width: 28px;
  height: 28px;
  border: solid 1px #bcbcbc;
}
.content .number-icon {
  margin: 0px 8px !important;
  width: 100px !important;
  border: 1px solid #bcbcbc !important;
  background-color: #ffffff !important;
  font-weight: 600 !important;
}
/* 
input[type='radio']:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  position: relative;
  background-color: #d1d3d1;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  position: relative;
  background-color: #ffa500;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
} */

.custom-radio label {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  color: #959595;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.custom-radio label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
[type="radio"]:checked ~ .checkmark {
  /* box-shadow: 0px 0px 8px #56ccf2; */
  border-color: #46b4fe;
}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 26px;
  width: 26px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-radio label:hover input ~ .checkmark {
  background-color: #f2f3f4;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio label .checkmark:after {
  top: 6px;
  left: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #46b4fe;
}

.content .form-control[readonly] {
  background-color: unset;
  opacity: unset;
}
.content .css-1hwfws3 {
  padding: 0px;
}
.ant-checkbox .ant-checkbox-inner,
.ant-radio-inner {
  width: 29px;
  height: 29px;
  border-radius: 4px;
  border: 1px solid #bcbcbc;
  cursor: pointer;
  position: relative;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 42%;
  left: 22%;
  display: table;
  width: 7.714286px;
  height: 19.142857px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
  -ms-transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),
    opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: " ";
}
.leader-name-view {
  cursor: pointer;
  font-size: 14px;
  color: blue;
}
.leader-name-view:hover {
  color: #46b4fe;
}
.explore-group-description .leader-name-view {
  font-size: 18px !important;
  color: blue;
}
.explore-group-description .leader-name-view:hover {
  color: #46b4fe !important;
}

.select__menu {
  background: #fff !important;
  color: #000 !important;
  opacity: 1 !important;
  z-index: 99999999 !important;
}
.quantity-btn-none .numbers-row-none {
  display: inline-flex;
}
.join-sp .form-group .error-text {
  display: block;
  text-align: right;
  color: #ff3b3b;
  font-size: 14px;
  /* font-family: 'AvenirLTStdMedium'; */
}
.license-quantity .quantity-btn .numbers-row .quantity-button {
  width: 42px;
  height: 42px;
  background-size: 20px;
}
.quantity-btn .numbers-row .quantity-button.add {
  order: 3;
  border-radius: 0 12px 12px 0;
  background: #eee url(/images/plus-icon.svg) no-repeat center;
  background-size: 20px 20px;
}
.quantity-btn .numbers-row .quantity-button.remove {
  order: 1;
  border-radius: 12px 0 0 12px;
  background: #eee url(/images/minus-icon.svg) no-repeat center;
  background-size: 20px 20px;
}
.quantity-btn .numbers-row .quantity-button {
  background-color: #eee;
  width: 65px;
  height: 65px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 0;
}
.quantity-btn .numbers-row {
  display: inline-flex;
}
.quantity-btn .numbers-row {
  display: inline-flex;
}
.quantity-btn .numbers-row .number-icon {
  order: 2;
  background: #f8f8f8;
  border: 0;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  width: 140px;
}
.quantity-btn .numbers-row .number-icon {
  order: 2;
  background: #f8f8f8;
  border: 0;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  width: 140px;
}
.join-sp .content .number-icon {
  margin: 0px 8px !important;
  width: 100px !important;
  border: 1px solid #bcbcbc !important;
  background-color: #fff !important;
  font-weight: 600 !important;
  color: black;
}
.other label {
  color: #bcbcbc;
  font-size: 16px;
  margin: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  transition: 0.35s all;
}
.other .otherlabel {
  color: #959595;
  font-size: 14px;
  margin-left: 5px;
  font-weight: 600;
  position: absolute;
  left: 9%;
  top: 5px;
}
.tandp a {
  text-decoration: unset;
}
.join-sp .select__control {
  padding-top: 13px;
}
.shadow-box .custom-radio.form-group {
  margin: unset !important;
}
.spGroupPage h3.text-slider-header {
  color: #000 !important;
  text-align: center;
}
.a-unset {
  cursor: default;
}
.text-slider-h3 {
  background: white;
  color: #010816 !important;
  font-size: 38px;
  font-weight: 500;
}
.testimonials-info h5 {
  color: black !important;
}
/* About Page tabs css */

.aboutPage h1,
.aboutPage h2,
.aboutPage h3,
.aboutPage h4,
.aboutPage h5,
.aboutPage h6 {
  color: #fff !important;
}

.aboutPage .ant-tabs {
  color: white;
}
.aboutPage .ant-tabs-nav .ant-tabs-tab {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.aboutPage .ant-tabs-content {
  margin-top: 80px !important;
}
.aboutPage .ant-tabs-tab-active {
  background-color: #4fadfe !important;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  border-radius: 50px;
}

.aboutPage .ant-tabs-nav .ant-tabs-tab:hover {
  color: #fff;
  font-weight: 400;
  font-size: 20px;
}

.students-tab-col input:disabled {
  display: none !important;
}
.students-tab-col input:disabled {
  /* display: none !important; */
  display: inline-block !important;
  background: #cccccc;
}

.students-tab-col .ant-tabs-nav,
.dashboard-tabcol .ant-tabs-nav {
  width: 100%;
}
.students-tab-col .ant-tabs-nav > div,
.dashboard-tabcol .ant-tabs-nav > div {
  display: flex;
}
.students-tab-col .ant-tabs-nav > div .ant-tabs-tab,
.dashboard-tabcol .ant-tabs-nav > div .ant-tabs-tab {
  flex: 1;
  margin: 0 !important;
  /* padding: 8px 10px ; */
  text-align: center;
  display: block;
  padding: 16px 40px !important;
  text-decoration: none;
  color: #fff;
  line-height: 1.25;
}
.aboutPage .ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-weight: 400;
  font-size: 20px;
}
.aboutPage .ant-tabs-bar {
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.23);
  border-bottom: unset;
}
.aboutPage .ant-tabs-ink-bar {
  width: unset !important;
}

.aboutPage .ant-tabs-bar {
  width: 1170px;
  margin: 0 auto;
}
.aboutPage .ant-collapse,
.aboutPage .ant-collapse-borderless {
  background-color: unset;
}
.aboutPage .ant-collapse .ant-collapse-item {
  /* background: rgba(255, 255, 255, 0.23) !important; */
  background: rgb(255 255 255 / 0%) !important;
  border: medium none !important;
  font-size: 17px !important;
  margin: 0 0 10px !important;
  /* padding: 12px 54px 12px 25px !important; */
  position: relative !important;
  cursor: pointer !important;
  /* border-radius: 100px !important; */
  transition: 0.35s all !important;
}
.aboutPage .ant-collapse-content-box {
  background-color: #ffffff47;
  /* background: rgba(255, 255, 255, 0.1); */
}
.aboutPage .ant-collapse-content-box h1,
.aboutPage .ant-collapse-content-box h2,
.aboutPage .ant-collapse-content-box h3,
.aboutPage .ant-collapse-content-box h4,
.aboutPage .ant-collapse-content-box h5,
.aboutPage .ant-collapse-content-box h6 {
  /* color: rgba(0, 0, 0, 1) !important; */
}

.aboutPage .ant-collapse-content-box .careers-box h4 a {
  /* color: rgba(0, 0, 0, 1) !important; */
}
.aboutPage .ant-collapse-content {
  color: rgba(0, 0, 0, 1) !important;
}
.aboutPage .ant-collapse-content .careers-box {
  background: rgb(63 67 71 / 7%);
  border-radius: 20px;
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* About Page tabs css */
.text-slider-container-box,
.text-slider-container-box .slide {
  background: white;
}
.hero-block:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 161px;
  /* background-image: url(/images/newTheme/black-blur-overlay.png); */
  /* transform: skew(20deg); */
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
  /* -webkit-transform: unset; */
  /* -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1); */
  background-image: linear-gradient(
    180.48deg,
    #010522 1.78%,
    rgba(1, 5, 30, 0) 27.8%
  );
}
.hero-block:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(/images/newTheme/black-blur-overlay.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
}
.banner-text-list {
  max-width: 700px;
}

.owner-image {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
  margin: 0 !important;
}
.aboutPageSliderImage {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  background: #fff;
  /* padding: 15px; */
}
.leadership-img {
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.5;
  background-position: top left;
  background-repeat: repeat;
  background-size: auto 100%;
  -webkit-animation: animate_background 50s linear 0s infinite;
  -moz-animation: animate_background 50s linear 0s infinite;
  -o-animation: animate_background 50s linear 0s infinite;
  animation: animate_background 50s linear 0s infinite;
}
.aboutPage .post-title {
  color: #000 !important;
}
/* about-child-tabs css */
.aboutPage .about-child-tabs h1,
.aboutPage .about-child-tabs h2,
.aboutPage .about-child-tabs h3,
.aboutPage .about-child-tabs h4,
.aboutPage .about-child-tabs h5,
.aboutPage .about-child-tabs h6 {
  color: #000 !important;
}

.about-child-tabs {
  color: #000;
  /* background: white; */
}
.about-child-tabs .ant-tabs {
  color: #000;
}
.about-child-tabs .ant-tabs-nav .ant-tabs-tab {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.about-child-tabs .ant-tabs-content {
  margin-top: 80px !important;
}
.about-child-tabs .ant-tabs-tab-active {
  background-color: unset !important;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  border-bottom: 1px solid red;
  border-radius: unset !important;
}

.about-child-tabs .ant-tabs-nav .ant-tabs-tab:hover {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}

.about-child-tabs .ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-weight: 500;
  font-size: 20px;
}
.about-child-tabs .ant-tabs-bar {
  border-radius: unset;
  background: rgba(255, 255, 255, 0.23);
  border-bottom: unset;
}
.about-child-tabs .ant-tabs-ink-bar {
  width: 33.33% !important;
}
.about-child-tabs .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
  content: "";
  /* border-radius: 2.5px; */
  /* background-image: linear-gradient(
    to right,
    #00f2fe,
    #03effe 2%,
    #24d2fe 29%,
    #3cbdfe 55%,
    #4ab0fe 80%,
    #4facfe
  ); */
  height: 5px;
  display: block;
  margin-top: 20px;
  transition: all 200ms;
  background: #46b4fe;
}
/* .page-banner-text,
.section-row {
  font-size: 18px !important;
} */
/* .container {
  max-width: 1250px !important;
} */
.faq-box {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 60px 10px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  color: white;
  padding-left: 17px !important;
  background: rgba(255, 255, 255, 0.23);
}
.leader-team-info p {
  color: white !important;
}
.container .leader-team-info .font-weight-normal {
  color: white !important;
}
.container .leader-team-info h3 {
  color: white !important;
}
.owner-image img {
  /* max-width: 80% !important; */
  max-width: 150px;
  border-radius: 20px;
}
.leadership-details {
  padding: 23px !important;
}
/* after font change */

/* body {
  font-family: 'Poppins', sans-serif !important;
} */
/* .step-no {
  line-height: 109px !important;
} */
/* after font change */
.leadership-details-1 p {
  margin-top: 25.42px;
  color: white;
  padding: 0px 10px;
}
.new-leadership-box .row:first-of-type {
  /* border: 1px solid red; */
  /* height: 202px; */
}
.leader-blocks {
  margin: 10px 0px;
}
.group-slider .change-view {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.ant-collapse-content-box p,
.ant-collapse-content-box ul li {
  color: white;
}
.faq-box h4 {
  font-weight: bold !important;
}
.aboutPage .enter-tabs .ant-collapse-content {
  background-color: unset;
}
.aboutPage .ant-collapse-content-box {
  background-color: unset;
}
.leader-position {
  color: white !important;
}
.read-more {
  /* float: right; */
  padding: 4px;
  /* border: 1px solid white; */
  cursor: pointer;
  color: #108eff;
}

.sp-form .form-control {
  padding: 10px 0px !important;
}
.form-group .css-1szy77t-control:focus-within {
  border-color: unset !important;
}
.css-1szy77t-control {
  box-shadow: unset !important;
  cursor: pointer !important;
}
.modal-fix .modal-content {
  box-shadow: unset !important;
}
.placeholder-label {
  pointer-events: none;
}
.provider-bg {
  /* background: linear-gradient(180.48deg, #010522 1.78%, rgba(1, 5, 30, 0) 27.8%),
    url(/images/newTheme/hero-02.jpg) !important;
  background-size: cover !important; */
  background-image: linear-gradient(
      180.48deg,
      #010522 1.78%,
      rgba(1, 5, 30, 0) 27.8%
    ),
    url(/images/newTheme/hero-02.jpg), cover !important;
}
.newHomePage .carousel-indicators {
  bottom: unset;
  padding: 53px 0px !important;
}
.newHomePage .carousel-indicators li {
  background-color: #fff !important;
  opacity: 0.5 !important;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.newHomePage .carousel-indicators .active {
  background-color: #4fadfe !important;
  opacity: 1 !important;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.checkbox-list .form-group {
  margin: unset !important;
}
@media only screen and (max-width: 1024px) {
  .enter-tabs .ant-tabs {
    display: none !important;
  }
  .enter-tabs .ant-collapse {
    display: block !important;
  }
}
@media only screen and (min-width: 1025px) {
  .enter-tabs .ant-tabs {
    display: block !important;
  }
  .enter-tabs .ant-collapse {
    display: none !important;
  }
}

.careers-box h4 {
  display: -webkit-box;
  /* max-width: 400px; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 60px;
}

/* #header,
.row {
  border: 1px solid red;
} */
/* .section-row {
  border: 1px solid yellow;
} */
/* .content p {
  border: 1px solid red;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
} */
.handlingSummary {
  display: -webkit-box;
  /* max-width: 400px; */
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  height: 74px;
  text-align: left;
}
.handlingTitle {
  display: -webkit-box;
  /* max-width: 400px; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  height: 50px;
}
.news-box-action {
  padding: 0px 20px 20px !important;
}

.newsWidthHandler p {
  text-align: left !important;
}
.action-like span.active svg path {
  fill: #1fd6fd;
}
.action-like span svg path {
  fill: #060606;
}

/* IMports all the global css styles */

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #46b4fe;
  /* border-radius: 0.3rem; */
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  /* margin-top: 10px; */
  top: 0px !important
}

.react-datepicker-popper[data-placement^="top"] {
  /* margin-bottom: 10px; */
  top: 10px !important
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #46b4fe;
  border-bottom: 1px solid #aeaeae;
  /* border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; */
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #fff;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #fff;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #000;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #fff;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #000;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #fff;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day{
  color: #000000
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range ,
.react-datepicker__month-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\D7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 0px;
  text-align: center;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__triangle{
  display: none;
}
.one-way-slider{margin-left:0px;margin-right:0px}.one-way-slider .ant-slider-track{height:6px !important;background-color:#46b4fe !important;z-index:1;border-radius:10px}.one-way-slider .ant-slider-handle{display:none}.one-way-slider .ant-slider-rail{height:6px;border-radius:10px}.one-way-slider .ant-slider-step{height:6px;border-radius:10px;background-color:#f0f9ff}.one-way-slider .ant-slider-dot{display:none}.one-way-slider .ant-slider-mark-text{font-weight:700;font-size:13px}.one-way-slider .ant-slider-mark-text:not(:last-child):not(:first-child){color:#46b4fe}.one-way-slider .ant-slider-mark-text:first-child{margin-left:5px}.one-way-slider .ant-slider-mark-text:last-child{margin-left:-10px}.two-way-slider{margin-left:0px;margin-right:0px}.two-way-slider .ant-slider-track.ant-slider-track-1{height:15px !important;background-color:#46b4fe !important;z-index:1}.two-way-slider .ant-slider-handle{background-color:#46b4fe;border-color:#46b4fe;margin-top:0px;height:15px;font-size:11px;color:#fff;line-height:15px;text-align:center;z-index:1}.two-way-slider .ant-slider-handle:before{width:0;content:"";height:0;position:absolute;top:100%;right:0;left:0;margin:auto;height:9px !important}.two-way-slider .ant-slider-handle.ant-slider-handle-1:before{border-bottom:solid 7px #ff5d5d;border-left:solid 5px rgba(0,0,0,0);border-right:solid 5px rgba(0,0,0,0)}.two-way-slider .ant-slider-handle.ant-slider-handle-2:before{border-bottom:solid 7px #12c475;border-left:solid 5px rgba(0,0,0,0);border-right:solid 5px rgba(0,0,0,0)}.two-way-slider .ant-slider-rail{height:15px;border-radius:10px}.two-way-slider .ant-slider-step{height:15px;border-radius:10px;background-color:#f0f9ff}.two-way-slider .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open){border-color:#46b4fe !important}.two-way-slider .ant-slider-handle:focus{border-color:#46b4fe !important;outline:none;-webkit-box-shadow:none;background-color:#46b4fe !important;box-shadow:none}.two-way-slider .ant-slider-handle.ant-tooltip-open{background-color:#46b4fe !important;border-color:#46b4fe !important}@media(min-width: 480px)and (max-width: 991px){.progress-tabs .system_observation{flex-wrap:wrap}.progress-tabs .system_sec{margin-bottom:20px;margin-left:150px;margin-right:150px}}.progress-tabs .shadow_progress{padding:20px 16px;box-shadow:0 11px 16px 0 rgba(0,0,0,.06)}.progress-tabs h3.system_title{color:#000;font-size:18px;font-weight:400;padding:0;margin-bottom:15px}.progress-tabs .system_observation{display:flex;width:100%;justify-content:space-between;margin:0 auto;flex-wrap:wrap}.progress-tabs .system_sec{padding:25px;background-color:#f3f3f3;border-radius:9px;flex:1 auto;width:100%;margin-bottom:20px}.progress-tabs .system_sec h5{color:#000;font-size:16px;margin-bottom:8px;font-family:"AvenirLTStdMedium"}.progress-tabs .system_sec p{color:#000;font-size:14px;margin-bottom:2px}.progress-tabs .main_progress{padding:58px 16px 40px 16px;background-color:#fff}.progress-tabs .shadow_progress{padding:20px 16px;box-shadow:0 11px 16px 0 rgba(0,0,0,.06)}.progress-tabs .ant-tabs-nav-container{box-shadow:0 11px 16px 0 rgba(0,0,0,.06);background-color:#fff !important;padding-bottom:15px}.progress-tabs .ant-tabs-nav.ant-tabs-nav-animated{display:grid}.progress-tabs .ant-tabs-bar{border-bottom:none !important}.progress-tabs .ant-tabs-tab{font-size:16px;font-weight:600;padding:0px !important;margin:auto !important;width:50%;text-align:center;font-size:17px !important;font-weight:700 !important}.progress-tabs .ant-tabs-tab-active.ant-tabs-tab{color:#46b4fe;border:0;font-weight:600;position:relative}.progress-tabs .ant-tabs-ink-bar{background-color:#fff !important}.progress-tabs .measure{padding:8px 16px;flex:1 auto;margin-bottom:14px;background-color:#fff;box-shadow:0 11px 16px 0 rgba(0,0,0,.06);border-radius:12px}.progress-tabs .other_measure .progress{height:6px}.progress-tabs .other_measure .progress-label{height:6px}.progress-tabs .measure h5{color:#000;font-size:16px;font-weight:700;display:inline-block;margin-bottom:32px}.progress-tabs .other_measure .measure h5{margin-bottom:27px}.progress-tabs .arrow{float:right}.progress-tabs .arrow a{text-decoration:none;font-size:11px;position:relative}.progress-tabs .arrow a.starting{color:#ff5d5d;margin-right:34px}.progress-tabs .arrow a.current{color:#12c475}.progress-tabs .progress_bar{margin-bottom:56px}.progress-tabs .other_measure .progress_bar{margin-bottom:52px}.progress-tabs .progress_bar p{font-size:13px;color:#000;font-weight:700;margin-bottom:2px;font-weight:400}.progress-tabs .other_measure .progress_bar p{margin-bottom:2px}.progress-tabs .progress{background-color:#f0f9ff;height:14px;border-radius:20px;position:relative;width:100%;overflow:visible}.progress-tabs .progress-label{background-color:#46b4fe;position:absolute;left:0;right:0;height:14px;border-radius:20px}.progress-tabs .progress-label .progress-label-current-indicator{right:0;position:absolute}.progress-tabs .progress-label .progress-label-start-indicator{left:0;position:absolute}.progress-tabs .progress-label span{font-size:11px;color:#fff;line-height:15px;text-align:center;width:20px}.progress-tabs .indicator-text{position:relative}.progress-tabs .indicator-text span{display:inline-block;position:absolute;color:#828282;font-size:13px;font-weight:400}.progress-tabs .indicator-text span.indicator-left-text{left:0;top:15px}.progress-tabs .other_measure .indicator-text span.indicator-left-text,.progress-tabs .other_measure .indicator-text span.indicator-right-text{top:0}.progress-tabs .indicator-text span.indicator-right-text{right:0;top:15px}.progress-tabs .progress-img img{position:absolute}.progress-tabs .progress-img img.red-arrow-img{left:30px}.progress-tabs .progress-img img.green-arrow-img{right:204px}.progress-tabs .progress-2 .progress-label{left:0;right:70px}.progress-tabs .other_measure .progress-label{left:0}.progress-tabs .arrow{position:relative}.progress-tabs .progress-label span.progress-label-start-indicator:before{width:0;content:"";height:0;border-bottom:solid 7px #ff5d5d;border-left:solid 5px rgba(0,0,0,0);border-right:solid 5px rgba(0,0,0,0);position:absolute;top:100%;left:0;right:0;margin:auto}.progress-tabs .progress-label span.progress-label-current-indicator:after{width:0;content:"";height:0;border-bottom:solid 7px #12c475;border-left:solid 5px rgba(0,0,0,0);border-right:solid 5px rgba(0,0,0,0);position:absolute;top:100%;right:0;left:0;margin:auto}.progress-tabs .arrow a.starting:before{width:0;content:"";height:0;border-bottom:solid 7px #ff5d5d;border-left:solid 5px rgba(0,0,0,0);border-right:solid 5px rgba(0,0,0,0);top:4px;left:-15px;position:absolute}.progress-tabs .arrow a.current:after{width:0;content:"";height:0;border-bottom:solid 7px #12c475;border-left:solid 5px rgba(0,0,0,0);border-right:solid 5px rgba(0,0,0,0);top:4px;left:-16px;position:absolute}.progress-tabs .other_measure .progress-label span.progress-label-start-indicator:before,.progress-tabs .other_measure .progress-label span.progress-label-current-indicator:after{display:none}.progress-tabs .other_measure .progress-label-current-indicator{color:#46b4fe;font-weight:700;font-size:13px;top:calc(100% + 4px)}