html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
table {
  border-collapse: collapse;
}

caption {
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}
/*fonts*/
html,body{
    scroll-behavior: smooth;
}
#wrapper{
  min-width: 100%;
  min-height: 100%;
  position: relative;
}
.container{
  width: 1470px;
  margin: 0 auto;
  padding: 0 15px;
}
body{
  font-family: "Geist", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: #000;
}
ul{
  list-style: none;
}
a{
  color: #0F42A3;
  text-decoration: none;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  font-weight: 500;
  cursor: pointer;
}
a:focus,
a:hover{
  outline: none;
  color: #00B6FF;
}
button{
  cursor: pointer;
  transition: 0.4s all ease-in-out;
}
img{
  display: block;
  max-width: 100%;
}
h1,.h1{
  font-size: 50px;
  line-height: 1.2;
  font-weight: 400;
}
h2{
  font-size: 40px;
  line-height: 1.2;
  font-weight: 500;
}
h2 b{
  font-weight: 500;
}
h3{
  font-size: 30px;
  line-height: 1.2;
}
b{
  font-weight: 500;
}
h4{
  font-size: 20px;
}
h5{
  font-size: 18px;
}
h5{
  font-size: 15px;
}
b{
  font-weight: 600;
}
.btn {
  background: #0F42A3;
  color: #fff;
  cursor: pointer;
  border: 1px solid #0F42A3;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  padding: 0 25px;
  font-family: "Geist", sans-serif;
  font-size: 16px;
  line-height: 44px;
  gap: 5px;
  text-align: center;
  border-radius: 6px;
  font-weight: 600;
  min-width: auto;
  text-transform: capitalize;
}
.btn_outline{
  border-color: #0F42A3;
  color: #0F42A3;
  background: #fff;
}
.btn:focus,
.btn:hover{
  background: transparent;
  color: #0F42A3;
}
.btn_outline:hover{
  background: #0F42A3;
  color: #fff;
}
.btn2{
  background: transparent;
  color: #0F42A3;
}
.btn2:hover{
  background: #0F42A3;
  color: #fff;
}
.btn3{
  background: #fff;
  border-color: #BCBCBC;
  color: #000;
  font-weight: 500;
}

.btn3:hover{
  border-color: #0F42A3;
  color: #0F42A3;
}
.form_group {
  margin-bottom: 10px;
}
.form_control {
  width: 100%;
  display: block;
  border: 1px solid #BCBCBC;
  border-radius: 6px;
  height: 42px;
  padding: 0 20px;
  font-family: "Geist", sans-serif;
  font-size: 16px;
  line-height: 42px;
  font-weight: 400;
  color: #000;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.form_group label{
  font-size: 15px;
  line-height: 1;
  margin-bottom: 10px;
  font-weight: 500;
  display: block;
  color: #000;
}
.form_control:focus{
  outline: none;
  border: 1px solid #00B6FF;
}
.form_control.btn{
  min-width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  max-width: 110px;
  border-radius: 0;
}
.form_row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.w_50{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 10px);
          flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
}
.w_100{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #717171;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #717171;
  -moz-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #717171;
  -ms-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
:-moz-placeholder { /* Firefox 18- */
  color: #717171;
  -moz-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}

.form_control:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: transparent;
}
.form_control:focus::-moz-placeholder { /* Firefox 19+ */
  color: transparent;
}
.form_control:focus:-ms-input-placeholder { /* IE 10+ */
  color: transparent;
}
.form_control:focus:-moz-placeholder { /* Firefox 18- */
  color: transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type=number]{
    -moz-appearance: textfield;
}
label.error {
    display: none !important;
}
.form_control.error{
  border-color: red !important;
  color: red;
}
label.error{
  display: none !important;
}
.form_control.error::-webkit-input-placeholder{
  color: red;
}
.form_control.error::-moz-placeholder{
  color: red;
}
.form_control.error:-ms-input-placeholder{
  color: red;
}
.form_control.error::-ms-input-placeholder{
  color: red;
}
.form_control.error::placeholder{
  color: red;
}
textarea.form_control{
  height: 162px;
  resize: none;
}



body{
  height: 100vh;
  background: linear-gradient(#D7F3FF,#79D8E4);
}
header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  padding: 15px 0;
}
.login_header{
  padding: 0;
}
.header_in{
  display: flex;
  align-items: center;
  justify-content: space-between;
  
}
header nav ul{
  display: flex;
  gap: 30px;
  align-items: center;
}
.search_btn{
  width: 52px;
  height: 52px;
  background: #fff;
  border:1px solid #00B6FF;
  border-radius:50% ;
  display: inline-flexa;
  align-items: center;
  justify-content: center;
}
.search_btn:hover{
  border-color: #fff;
  background: #00B6FF;
}
.search_btn svg{
  flex: 0 0 24px;
  max-width: 24px;
  height: 24px;
}
.search_btn svg path{
  transition: 0.4s all ease-in-out;
}
.search_btn:hover svg path{
  fill: #fff;
}
.page_landing{
  height: 100vh;
  overflow: hidden;
  background: url(../images/background_2.png) no-repeat center / cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_howiteworks{
  height: 100vh;
  overflow: hidden;
  background: url(../images/background_1.png) no-repeat center / cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ph_center{
  flex: 0 0 674px;
  max-width: 674px;
  height: 706px;
  position: relative;
  z-index: 1;
}
.center_tree{
  position: relative;
  z-index: 1;
}
.ph_nav{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ph_nav li a{
  width: 116px;
  height: 116px;
  background: transparent;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  text-transform: capitalizea;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.ph_nav li a span{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border:3px solid #fff;
  animation: pulse-dot 2s ease-in-out infinite;
  transition: 0.4s all ease-in-out;
  position: relative;
  z-index: 11;
}
.ph_nav li a:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  box-sizing: border-box;
  border-radius: 50%;
  z-index: -1;
  transition: 0.4s all ease-in-out;
  display: none;
}
.ph_nav li:nth-child(2) a:before{
  background-color: #177FFF;
}
@keyframes pulse-ring {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(0.5);
  }
  80%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes pulse-dot {
  0% {
    transform: scale(.95);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.95);
  }
}

.ph_nav li:first-child a{
  width: 90px;
  height: 90px;
  transform: translate(50px, 40px);
}
.ph_nav li:nth-child(3) a,
.ph_nav li:nth-child(2) a{
  width: 106px;
  height: 106px;
  transform: translate(65px, -10px);
}

.ph_nav li:nth-child(3) a{
  transform: translate(80px, 40px);
}
.ph_nav li:nth-child(4) a{
  transform: translate(-45px, -95px);
}

.ph_nav li:first-child a:before,
.ph_nav li:first-child a span{
  background-color: #f04e32;
}
.ph_nav li:first-child a:hover span{
  background-color: #ff2600;
  transform: scale(1.2);
  color: #fff;
}
.ph_nav li:nth-child(2) a:before,
.ph_nav li:nth-child(2) a span{
  background-color: #55A704;
}
.ph_nav li:nth-child(2) a:hover span{
  background-color: #2C672D;
  transform: scale(1.2);
}
.ph_nav li:nth-child(3) a:before,
.ph_nav li:nth-child(3) a span{
  background-color: #662d91;
}
.ph_nav li:nth-child(3) a:hover span{
  background-color: #7728b3;
  transform: scale(1.2);
}
.ph_nav li:nth-child(4) a:before,
.ph_nav li:nth-child(4) a span{
  background-color: #001d64;
}
.ph_nav li:nth-child(4) a:hover span{
  background-color:#0078cc;

  transform: scale(1.2);
}

.ph_nav li a.activec,
.ph_nav li a:hover:before{
  box-shadow: 0 0 20px #177FFF;
  z-index: 2;
}
.ph_nav li:nth-child(2) a.active:before,
.ph_nav li:nth-child(2) a:hover:before{
  box-shadow: 0 0 20px #55A704;
}
.ph_nav li:nth-child(3) a.active:before,
.ph_nav li:nth-child(3) a:hover:before{
  box-shadow: 0 0 20px #FF7D7F;
}
.ph_nav li:nth-child(4) a.active:before,
.ph_nav li:nth-child(4) a:hover:before{
  box-shadow: 0 0 20px #00B6FF;
}
.ph_nav li a:hover span{
/*  animation-play-state: revert;*/
/*  transform: scale(1.4); */
}
.page_nav_style{
  position: fixed;
  right: 0;
  left: 0;
  top: 130px;
  display: flex;
  justify-content: flex-end;
}
.pns_in {
  flex: 0 0 260px;
  width: 260px;
  max-width: 260px;
  text-align: center;
}
.pns_in p{
  color: #000;
  margin-bottom: 5px;
}
.pns_in ul{
  border:1px solid #00B6FF;
  padding: 8px;
  border-radius: 50px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  position: relative;
}
.pns_in ul:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 8px;
  height: 36px;
  width: 123px;
  color: #A7A7A7;
  background: #0F42A3;
  border-radius: 50px;
  transition: 0.4s all ease-in-out;
}
.pns_in ul.active:after{
  left: 120px;
}
.pns_in ul li{
  width: 123px;
}
.pns_in ul li a{
  display: block;
  color: #0F42A3;
  line-height: 36px;
  position: relative;
  z-index: 1;
}
.pns_in ul li a.active{
  color: #fff !important;
}
.viewtab{
  display: none;
}
.viewtab:first-child{
  display: block;
}
.pagepathView{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}

.ph_nav li a.active span {
  animation-play-state: paused;
}

.ctg_tab_cnt img{
  position: absolute;
}
.tabs_content{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.tabs_content ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: #f69281;
  font-size: 11px;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  text-transform: capitalizea;
  padding: 5px;
  border:2px solid #fff;
  z-index: 2;
  position: relative;
}
#tab1 ul li a:hover {
  background: #f04e32;
  color: #fff;
}
.ctg_tab{
  position: absolute;
  z-index: 1;
}
.ctg{
  display: none;
}
.ctg_img {
  position: absolute;
  left: -43%;
  bottom: 300px;
  display: none;
}
#tab1 ul{
  display: flex;
  align-items: center;
  position: relative;
}
#tab1 ul li a{
  color: #000;
}
#tab1 ul li:first-child a {
  transform: translate(100px, 320px);
}
#tab1 ul li:nth-child(2) a{
  width: 81px;
  height: 81px;
  transform: translate(-70px, 305px);
}
#tab1 ul li:nth-child(3) a{
  transform: translate(-235px, 295px);
}
#tab1 ul li:nth-child(4) a{
  width: 65px;
  height: 65px;
  transform: translate(-275px, 220px);
}
#tab1 ul li:nth-child(5) a{
  transform: translate(-460px, 320px);
}
#tab1 ul li:nth-child(6) a{
  transform: translate(-600px, 270px);
}
#tab1 ul li:nth-child(7) a{
  transform: translate(-750px, 320px);
}
.ph_nav li.deactive a{
  opacity: 0.5;
}
.ph_nav li.deactive a span{
  animation-play-state: paused;
}
.ph_nav li.deactive a:hover{
  opacity: 1;
}
.ctg_trigger{
  display: none;
}
.refresh{
  position: absolute;
  left: -100px;
  top: 0;
  z-index: 9;
  cursor: pointer;
  display: none;
  visibility: visible;
  opacity: 1;
}

#tab2 ul li a{
  background: #5a895b;
}
#tab2 ul li a:hover{
  background: #55A704;
}

#tab3 ul li a{
  background: #a186be;
}
#tab3 ul li a:hover{
  background: #7728b3;
}

#tab4 ul li a{
  background: #53b2f4;
}
#tab4 ul li a:hover{
  background: #061e57;
}

#tab2 ul li:first-child a {
  transform: translate(200px, 250px);
}
#tab2 ul li:nth-child(2) a{
  transform: translate(110px, 140px);
}
#tab2 ul li:nth-child(3) a{
  transform: translate(30px, 110px);
}

#tab3 ul li:first-child a {
  width: 71px;
  height: 71px;
  transform: translate(530px, 330px);
}
#tab3 ul li:nth-child(2) a{
  width: 85px;
  height: 85px;
  transform: translate(600px, 200px);
}
#tab3 ul li:nth-child(3) a{
  width: 100px;
  height: 100px;
  transform: translate(620px, 210px);
}
#tab3 ul li:nth-child(4) a{
  width: 93px;
  height: 93px;
  transform: translate(690px, 30px);
}
#tab3 ul li:nth-child(5) a{
  width: 93px;
  height: 93px;
  transform: translate(760px, 10px);
}
#tab3 ul li:nth-child(6) a{
  width: 93px;
  height: 93px;
  transform: translate(850px, -115px);
}

#tab4 ul li:first-child a {
  transform: translate(530px, 200px);
}
#tab4 ul li:nth-child(2) a{
  transform: translate(610px, 110px);
}
#tab4 ul li:nth-child(3) a{
  transform: translate(690px, 60px);
}
.ph_nav li:first-child a:hover,
.ph_nav li:first-child a.active{
  transform: translate(55px, 40px) scale(1.15);
}
.ph_nav li:nth-child(2) a:hover,
.ph_nav li:nth-child(2) a.active{
  transform: translate(65px, -10px) scale(1.15);
}
.ph_nav li:nth-child(3) a:hover,
.ph_nav li:nth-child(3) a.active{
  transform: translate(80px, 40px) scale(1.15);
}
.ph_nav li:nth-child(4) a:hover,
.ph_nav li:nth-child(4) a.active{
  transform: translate(-45px, -95px) scale(1.15);
}
#tab2a{
  left: -6%;
  bottom: 355px;
  z-index: 1;
}
#tab3a {
  left: auto;
  bottom: 268px;
  z-index: 1;
  right: -290px;
}
#tab4a {
  left: auto;
  bottom: 390px;
  z-index: 1;
  right: -150px;
}
.pl_cnt {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 700px;
  max-width: 1350px;
  margin: auto;
  padding: 80px 0 0 ;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.plc_in{
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
}
.pl_cnt h2{
  margin-bottom: 10px;
}
.pl_cnt h4{
  font-size: 60px;
  line-height: 1;
  color: #fff;
  margin-top: 10px;
}
.pl_cnt h5{
  font-size: 20px;
  line-height: 30px;
  margin-top: 20px;
}
.choose_ctg {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 80%;
  margin:0 auto -15px;
}
.cc_lft{
  position: relative;
}
.cc_lft p {
  position: absolute;
  right: -120px;
  top: 0;
  font-weight: 300;
  line-height: 1.2;
/*  animation: slideLeft 1s linear infinite;*/
/*  animation-direction: alternate-reverse;*/
}
/*.cc_rht p{
  animation: slideRight 1s linear infinite;
  animation-direction: alternate-reverse;
}*/
.cc_lft:hover{
  color: #000000;
}
@keyframes slideLeft {
  from {
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideRight {
  from {
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.cc_lft p b{
  font-weight: 500;
}
.cc_rht p{
  right: auto;
  left: -120px;
  text-align: right;
}

.icon {
  width: 130px;
  height: 130px;
  position: absolute;
  left: 60%;
  bottom: 100%;
  margin-bottom: 20px;
  animation: pulse-dot 2s ease-in-out infinite;
}
.cc_img{
  height: 275px;
}
.pl_cnt2{
  display: block;
}
.question_blk h3{
  text-align: center;
}
.question_blk ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin: 20px auto;
}
.custom_input label{
  width: 365px;
  min-height: 57px;
  background: #fff;
  display: block;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 10px 20px 10px 60px;
  position: relative;
}
.custom_input label input{
  opacity: 0;
  display: none;
  visibility: hidden;
}
.custom_input label input + p{
  transition: 0.4s all ease-in-out;
  font-size: 16px;
  line-height: 26px;
  color: #000;
}
.custom_input label input:checked + p{
  font-weight: 600;
  color: #0F42A3;
}
.custom_input label input + p:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 12px;
  width: 30px;
  height: 30px;
  border: 1px solid #84D6F7;
  border-radius: 100%;
  background: #fff;
  transition: 0.4s all ease-in-out;
}
.custom_input label input + p:after {
  content: '';
  position: absolute;
  left: 26px;
  top: 18px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #00B6FF;
  transition: all 0.2s ease;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s all ease-in-out;
}
.custom_input label input:checked + p:after {
  visibility: visible;
  opacity: 1;
}
.custom_input label input:checked + p:before {
  border: 1px solid #00B6FF;
}
.custom_input label:hover input + p:before{
  border:1px solid #00B6FF;
}
.custom_input label:hover input + p{
  color: #0F42A3;
}
.question_blk {
  max-width: 750px;
  margin: 0 auto;
}
.form_btns{
  display: flex;
  justify-content: space-between;
}
.form_btns2{
  justify-content: flex-end;
}
.form_btns .btn{
  min-width: 192px;
}
.answers_blk{
  max-width: 760px;
  margin: 30px auto;
  text-align: center;
}
.ansb_in{
  display: flex;
  gap: 30px;
  justify-content: space-between;
  text-align: left;
}
.answers_lft{
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 0 0 30px 0;
}
.answers_lft h6{
  padding: 15px 20px 0;
  font-weight: 600;
  color: #0F42A3;
}
.answers_blk ul li{
  padding: 10px 20px;
  border-bottom: 1px solid #C4C6C8;
}
.answers_blk ul li:last-child{
  border:none;
}
.ql{
  display: flex;
  gap: 15px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #0F42A3;
}
.qsan{
  font-size: 16px;
  font-weight: 600;
  color: #0F42A3;
  margin-top: 5px;
}
.ql.wrong{
  color: #F2737E;
  font-weight: 400;
}
.as_rht .ql{
  color: #000;
}
.answers_blk .form_btns{
  justify-content: center;
  margin-top: 15px;
}
.qs_list{
  margin-top: 10px;
}


.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s all ease-in-out;
  background: rgba(255, 255, 255, 0.8);
}
.modal .modal-dialog {
   transform: translate(0, -50px); 
  transition: transform .3s ease-out;
  display: flex;
  align-items: center;
  max-width: 540px;
  height: calc(100% - 60px);
  margin: 30px auto;
  transition: 0.4s all ease-in-out;
}
.modal.show {
  visibility: visible;
  opacity: 1;
}
.modal.show .modal-dialog {
  transform: none;]
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #000;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #00B6FF;
  border-radius: 20px;
  outline: 0;
  max-height: 100%;
  overflow: hidden;
  box-shadow: 0 4px 35px rgba(0, 0, 0, 0.16);
}
.modal-header {
  flex-shrink: 0;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #C4C6C8;
  padding: 20px;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 20px;
  overflow-y: auto;
}
.custom_checkbox label{
  min-height: auto;
  padding: 0 0 0 34px;
  line-height: 24px;
}
.custom_checkbox label input[type='checkbox'] + p{
  font-weight: 400;
}
.custom_checkbox label input[type='checkbox'] + p:before{
  width: 24px;
  height: 24px;
  border-radius: 5px;
  background: #fff;
  border:1px solid #A7A7A7;
  top: 0;
  left: 0;
}
.custom_checkbox label input[type='checkbox'] + p:after{
  width: 22px;
  height: 22px;
  border-radius: 0;
  background: red;
  top: 2px;
  left: 2px;
  border-radius: 5px;
  background: #DEF2F9 url(../images/check.svg) no-repeat center / 20px;
}
.custom_checkbox label:hover input[type='checkbox'] + p:before{
  border-color: #00B6FF;
}
.custom_checkbox label:hover input[type='checkbox'] + p{
  color: #0340A8;
}
.back{
  background: none;
  border:none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #0340A8;
}
.selectall{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}
.search_feild input{
  background: #fff url(../images/search.svg) no-repeat left 15px center;
  padding-left: 50px;
}
.search_results{
  margin: -20px;
}
.search_results .custom_input label{
  width: 100%;
  padding: 15px 20px 15px 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search_results .custom_checkbox label input[type='checkbox'] + p:before {
  top: 15px;
  left: 20px;
}
.search_results .custom_checkbox label input[type='checkbox'] + p:after {
  top: 17px;
  left: 22px;
}
.search_results li + li{
  border-top: 1px solid #C4C6C8;
}
.list_rht small{
  display: inline-block;
  background: #DEF2F9;
  padding: 0 3px;
  line-height: 26px;
  font-size: 14px;
  border-radius: 5px;
}
.list_rht{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.list_arrow{
  cursor: pointer;
}
.search_results .list_accordins .custom_input label{
  padding: 8px 20px 8px 88px;
  border-top:1px solid transparent;
  border-bottom:1px solid transparent;
  border-radius: 0;
  transition: 0.4s all ease-in-out;
}
.search_results .list_accordins .custom_checkbox label input[type='checkbox'] + p:before {
  top: 8px;
  left: 54px;
}
.list_accordins .custom_checkbox label input[type='checkbox'] + p{
  font-size: 15px;
  font-weight: 400;
}
.search_results .list_accordins .custom_checkbox label input[type='checkbox'] + p:after {
  top: 10px;
  left: 56px;
}
.search_results .list_accordins li + li {
  border-top:none;
}
.search_results .list_accordins .custom_input.active label,
.search_results .list_accordins .custom_input label:hover{
  border-top-color: #00B6FF;
  border-bottom-color: #00B6FF;
  background: rgba(132, 214, 247, 0.3);
}
.search_results .list_accordins .custom_input.active label .list_rht svg path,
.search_results .list_accordins .custom_input label:hover .list_rht svg path{
  fill: #00B6FF;
}
.list_accordins .custom_input.active label input[type='checkbox'] + p,
.custom_checkbox label:hover input[type='checkbox'] + p {
    color: #000;
}
.custom_input.active + .custom_input.active label{
  border-top-color: transparent;
}
.list_accordins{
  display: none;
}
.search_results .custom_input.open > label .list_arrow svg{
  transform: rotate(180deg);
}




::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 10px #DEF2F9;
  background-color: #DEF2F9;
}

::-webkit-scrollbar
{
  width: 10px;
  background-color: #DEF2F9;
}

::-webkit-scrollbar-thumb
{
  background-color: #84D6F7;
}


#hiw_modal .modal-dialog{
  max-width: 1200px;
}
#hiw_modal .modal-content{
  height: 90vh;
  border: none;
}
#hiw_modal .modal-body{
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal-close{
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
}
#hiw_modal .modal-body h2{
  font-weight: 100;
}
.step_slide{
  width: 1104px;
  height: 90vh;
  display: flex;
  justify-content: center;
  border-radius: 12px;
  padding: 20px 50px;
}
.ss_img img {
  margin: 0 auto;
  OBJECT-FIT: CONTAIN;
}
.ss_in h4{
  font-size: 18px;
  font-weight: 500;
}
.ss_in p{
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}

#login_Modal .modal-dialog{
  max-width: 1114px;
  height: 740px;
}
.toggle-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}
.toggle-button span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: unset;
  right: 12px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.eye-icon {
    width: 20px;
    height: 20px;
}
.password-wrapper {
  position: relative;
}
.login_form .form_group{
  margin: 0;
}
.login_in{
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.login_blk{
  display: flex;
  justify-content: space-between;
  min-height: 600px;
  margin: -20px;
}
.login_img{
  flex: 0 0 527px;
  max-width: 572px;
}
.login_img img{
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.login_form{
  width: 100%;
  padding: 30px;
  display: flex;
}
.login_form h2{
  font-weight: 300;
}
.login_form h2 b{
  font-weight: 500;
  color: #0F42A3;
}
.login_form p{
  font-size: 14px;
}
.login_form a{
  font-weight: 400;
}
.login_form .selectall{
  margin: 0;
}
.login_form .custom_checkbox label input[type='checkbox'] + p{
  font-weight: 400;
  font-size: 15px;
  color: #000;
}
#signup_Modal .btn,
.login_form .btn{
  justify-content: center;
  height: 54px;
  line-height: 54px;
}
.regester_note p{
  text-align: center;
  font-size: 16px;
}
.regester_note span{
  color: #0083FF;
}
.regester_note a{
  font-size: 18px;
  font-weight: 500;
  color: #0F42A3;
  display: inline-block;
}
#signup_Modal .modal-dialog{
  max-width: 1270px;
}
#signup_Modal .modal-body{
  padding: 40px;
}
.signup_head{
  max-width: 500PX;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: '';
     text-overflow: '';
  background: url(../images/down_arrow.svg) no-repeat right 20px center / 14px;
}
#signup_Modal .selectall {
  margin-top: 0;
}
#signup_Modal .custom_checkbox label input[type='checkbox'] + p{
  font-weight: 400;
}
#login_Modal .modal-content,
#signup_Modal .modal-content{
  border-color: #BCBCBC;
}
#login_Modal .form_group label sup,
#signup_Modal .form_group label sup{
  color: #00B6FF;
}
body.page_full{
  height: 100%;
  background:#fff;
/*  background: linear-gradient(to bottom right,#D7F3FF,#79D8E4);*/
}
body.page_full .wrapper{
  height: 100%;
  background: url(../images/body_shape.svg) no-repeat right center / cover;
}
body.page_full header.sticky{
  background: #fff;
  box-shadow: 0 5px 16px rgb(0 0 0 / 10%);
}
body.page_full header.sticky a{
  color: #000;
}
body.page_full header.sticky a:hover{
  color: #0F42A3;
}
body.page_full header.sticky a.btn{
  color: #fff;
}
body header a.btn{
  background: #f04e32;
  border-color: #f04e32;
}
body header a.btn:hover{
  background: #fff !important;
  border-color: #f04e32;
  color: #f04e32;
}
body.page_full header.sticky a.btn:hover{
  color: #0F42A3;
}
.banner_in{
  min-height: auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
/*  padding-top: 20px;*/

}
.banner_img img {
  max-width: 170px;
  max-height: 170px;
}
.page_body{
  background: #fff;
  padding: 30px 0;
}
.page_wrapper {
}
.banner_cnt{
  align-self: stretch;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 715px;
  gap: 10px;
}
.banner_cnt h1{
  font-weight: 500;
  color: #0340A8;
}
.banner_img{
  flex: 0 0 30%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.record_Wrapper{
  display: flex;
  gap: 15px;
}
.sidebar_filters{
  flex: 0 0 385px;
  max-width: 385px;
  padding-right: 15px;
  max-height: calc(100vh - 220px);
  overflow: auto;
}
.records_blk{
  width: 100%;
  max-width: calc(100% - 385px);
}
.filters_ctg .list_accordins{
  display: block;
}
.filters_ctg .list_accordins .custom_input + .custom_input{
  margin-top: 5px;
}
.filters_ctg .list_accordins .custom_input{
  line-height: 26px;
}
.filters_blk{
/*  border:1px solid #C3C3C3;*/
/*  border-radius: 8px;*/ 
}
.filters_ctg{
  padding: 15px;
}
.filters_ctg:first-child{
  padding-top: 0;
}
.filters_ctg + .filters_ctg{
/*  border-top:1px solid #C3C3C3;*/
}
.filters_ctg .page_nav_style {
  position: static;
}
.filters_ctg h5{
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
}
.filters_ctg .search_feild{
  margin-bottom: 10px;
}
.filters_ctg .search_feild input {
  background: #fff;
  padding:0 20px;
}
.filters_ctg .list_accordins ul{
  display: flex;
  flex-direction: column;
}
.filters_ctg .list_accordins ul label{
  display: inline-flex;
  width: auto;
}
.filters_ctg .list_accordins .custom_checkbox label input[type='checkbox'] + p{
  font-weight: 300;
}
.filters_ctg .custom_input label input:checked + p:before{
  background: #DEF2F9 ;
}
.filters_ctg .custom_checkbox label input[type='checkbox'] + p:before {
  width: 18px;
  height: 18px;
}
.filters_ctg .custom_checkbox label input[type='checkbox'] + p:after {
  width: 12px;
  height: 12px;
  top: 4px;
  left: 4px;
  background-size: 12px;
}
.filters_ctg .custom_checkbox label {
  min-height: auto;
  padding: 0 0 0 30px;
  line-height: 20px;
  width: auto;
}
.filters_ctg .custom_input label input + p{
  line-height: 20px
}
.filters_ctg .pns_in {
  flex: 0 0 151px;
  width: 151px;
  max-width: 151px;
  text-align: center;
}
.filters_ctg .pns_in ul:after{
  height: 32px;
  margin: 4px;
  background: #00B6FF;
}
.filters_ctg .pns_in ul:after,
.filters_ctg .pns_in ul li {
  width: 68px;
}
.filters_ctg .pns_in ul{
  padding: 4px;
}
.filters_ctg .pns_in ul li a{
  line-height: 32px;
  color: #717171;
}
.filters_ctg .pns_in ul.active:after {
  left: 72px;
}
.far_blk{
  display: flex;
  align-items: center;
  gap: 15px;
}
.far_blk h5{
  margin: 0;
}




=========================*/
.range-slider {
  flex: 1;
}

.sliderticks {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}

.sliderticks span {
  display: flex;
  justify-content: center;
  width: 1px;
  height: 10px;
  background: #d3d3d3;
  line-height: 40px;
}
.fee_range input{
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.fee_range .fees{
  display: flex;
  justify-content: space-between;
}
.fee_range .fees span{
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.inrange{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.inrange input{
  width: 235px;
  max-width: 235px;
  width: 235px;
  margin: 0;
}
.inrange span{
  font-size: 14px;
  line-height: 1.3;
  color: #000;
}
.near_loc .fees{
  width: 250px;
  max-width: 250px;
}



range-slider [data-track] {
  background: red;
}
range-slider [data-track-fill] {
  background: red;
}
range-slider [data-thumb] {
  background: blue;
}
.rating_starts{
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.rating_starts small{
  width: 10px;
  height: 8px;
  background-image: url('data:image/svg+xml,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.34677 2.43943L2.45968 2.52828C1.85484 2.60233 0.766129 2.70598 0.241935 2.78003C0.181452 2.79484 0.120968 2.80964 0.0806452 2.83926C0.0403226 2.88369 0 2.92811 0 2.95773V3.04658C0.0201613 3.13543 0.141129 3.22428 0.221774 3.28351L0.806452 3.71296C0.907258 3.787 0.987903 3.86104 1.08871 3.93508C1.29032 4.08317 1.47177 4.21644 1.65323 4.36453L1.93548 4.58665C2.05645 4.6607 2.1371 4.71993 2.2379 4.79397C2.33871 4.86801 2.31855 4.8384 2.25806 5.10495C2.19758 5.3715 1.77419 7.23736 1.77419 7.2966C1.79435 7.40025 1.93548 7.50391 2.09677 7.50391C2.21774 7.50391 2.35887 7.42987 2.47984 7.38545L5 6.36367C5.10081 6.40809 5.24194 6.45252 5.34274 6.49694C5.46371 6.55617 5.58468 6.6006 5.72581 6.64503C6.14919 6.82273 6.71371 7.07447 7.15726 7.23736C7.25806 7.28179 7.37903 7.34102 7.5 7.38545C7.58065 7.41506 7.78226 7.50391 7.90323 7.50391C8.04435 7.50391 8.18548 7.41506 8.20564 7.32621C8.24597 7.25217 7.78226 5.26784 7.70161 4.94206C7.68145 4.8384 7.66129 4.85321 7.74194 4.80878L8.32661 4.37934C8.4879 4.23125 8.83064 3.99432 9.03226 3.84623C9.09274 3.80181 9.1129 3.77219 9.17339 3.72777C9.375 3.57968 10 3.17985 10 3.04658C10 2.94292 9.97984 2.86888 9.85887 2.80964C9.75806 2.76522 9.65726 2.76522 9.55645 2.76522C9.45564 2.75041 9.41532 2.75041 9.33468 2.7356C9.0121 2.70598 8.75 2.66156 8.44758 2.63194L7.11694 2.48386C6.97581 2.46905 6.79435 2.43943 6.65323 2.43943C6.65323 2.3802 6.6129 2.33577 6.57258 2.29135L6.29032 1.8471C6.25 1.78786 6.22984 1.74344 6.18952 1.69901L5.34274 0.351445C5.2621 0.232978 5.16129 0.173744 5.06048 0.158936H4.93952C4.83871 0.173744 4.7379 0.232978 4.67742 0.351445C4.53629 0.573571 4.23387 1.00302 4.09274 1.23995C4.03226 1.35842 3.97177 1.43246 3.91129 1.53612C3.87097 1.59535 3.85081 1.62497 3.81048 1.6842L3.42742 2.27654C3.40726 2.33577 3.34677 2.3802 3.34677 2.43943Z" fill="%23A7A7A7"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.rating_starts small{
  width: 10px;
  height: 8px;
  background-image: url('data:image/svg+xml,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.34677 2.43943L2.45968 2.52828C1.85484 2.60233 0.766129 2.70598 0.241935 2.78003C0.181452 2.79484 0.120968 2.80964 0.0806452 2.83926C0.0403226 2.88369 0 2.92811 0 2.95773V3.04658C0.0201613 3.13543 0.141129 3.22428 0.221774 3.28351L0.806452 3.71296C0.907258 3.787 0.987903 3.86104 1.08871 3.93508C1.29032 4.08317 1.47177 4.21644 1.65323 4.36453L1.93548 4.58665C2.05645 4.6607 2.1371 4.71993 2.2379 4.79397C2.33871 4.86801 2.31855 4.8384 2.25806 5.10495C2.19758 5.3715 1.77419 7.23736 1.77419 7.2966C1.79435 7.40025 1.93548 7.50391 2.09677 7.50391C2.21774 7.50391 2.35887 7.42987 2.47984 7.38545L5 6.36367C5.10081 6.40809 5.24194 6.45252 5.34274 6.49694C5.46371 6.55617 5.58468 6.6006 5.72581 6.64503C6.14919 6.82273 6.71371 7.07447 7.15726 7.23736C7.25806 7.28179 7.37903 7.34102 7.5 7.38545C7.58065 7.41506 7.78226 7.50391 7.90323 7.50391C8.04435 7.50391 8.18548 7.41506 8.20564 7.32621C8.24597 7.25217 7.78226 5.26784 7.70161 4.94206C7.68145 4.8384 7.66129 4.85321 7.74194 4.80878L8.32661 4.37934C8.4879 4.23125 8.83064 3.99432 9.03226 3.84623C9.09274 3.80181 9.1129 3.77219 9.17339 3.72777C9.375 3.57968 10 3.17985 10 3.04658C10 2.94292 9.97984 2.86888 9.85887 2.80964C9.75806 2.76522 9.65726 2.76522 9.55645 2.76522C9.45564 2.75041 9.41532 2.75041 9.33468 2.7356C9.0121 2.70598 8.75 2.66156 8.44758 2.63194L7.11694 2.48386C6.97581 2.46905 6.79435 2.43943 6.65323 2.43943C6.65323 2.3802 6.6129 2.33577 6.57258 2.29135L6.29032 1.8471C6.25 1.78786 6.22984 1.74344 6.18952 1.69901L5.34274 0.351445C5.2621 0.232978 5.16129 0.173744 5.06048 0.158936H4.93952C4.83871 0.173744 4.7379 0.232978 4.67742 0.351445C4.53629 0.573571 4.23387 1.00302 4.09274 1.23995C4.03226 1.35842 3.97177 1.43246 3.91129 1.53612C3.87097 1.59535 3.85081 1.62497 3.81048 1.6842L3.42742 2.27654C3.40726 2.33577 3.34677 2.3802 3.34677 2.43943Z" fill="%23FFC007"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.r_4 small:nth-child(n+5){
  background-image: url('data:image/svg+xml,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.34677 2.43943L2.45968 2.52828C1.85484 2.60233 0.766129 2.70598 0.241935 2.78003C0.181452 2.79484 0.120968 2.80964 0.0806452 2.83926C0.0403226 2.88369 0 2.92811 0 2.95773V3.04658C0.0201613 3.13543 0.141129 3.22428 0.221774 3.28351L0.806452 3.71296C0.907258 3.787 0.987903 3.86104 1.08871 3.93508C1.29032 4.08317 1.47177 4.21644 1.65323 4.36453L1.93548 4.58665C2.05645 4.6607 2.1371 4.71993 2.2379 4.79397C2.33871 4.86801 2.31855 4.8384 2.25806 5.10495C2.19758 5.3715 1.77419 7.23736 1.77419 7.2966C1.79435 7.40025 1.93548 7.50391 2.09677 7.50391C2.21774 7.50391 2.35887 7.42987 2.47984 7.38545L5 6.36367C5.10081 6.40809 5.24194 6.45252 5.34274 6.49694C5.46371 6.55617 5.58468 6.6006 5.72581 6.64503C6.14919 6.82273 6.71371 7.07447 7.15726 7.23736C7.25806 7.28179 7.37903 7.34102 7.5 7.38545C7.58065 7.41506 7.78226 7.50391 7.90323 7.50391C8.04435 7.50391 8.18548 7.41506 8.20564 7.32621C8.24597 7.25217 7.78226 5.26784 7.70161 4.94206C7.68145 4.8384 7.66129 4.85321 7.74194 4.80878L8.32661 4.37934C8.4879 4.23125 8.83064 3.99432 9.03226 3.84623C9.09274 3.80181 9.1129 3.77219 9.17339 3.72777C9.375 3.57968 10 3.17985 10 3.04658C10 2.94292 9.97984 2.86888 9.85887 2.80964C9.75806 2.76522 9.65726 2.76522 9.55645 2.76522C9.45564 2.75041 9.41532 2.75041 9.33468 2.7356C9.0121 2.70598 8.75 2.66156 8.44758 2.63194L7.11694 2.48386C6.97581 2.46905 6.79435 2.43943 6.65323 2.43943C6.65323 2.3802 6.6129 2.33577 6.57258 2.29135L6.29032 1.8471C6.25 1.78786 6.22984 1.74344 6.18952 1.69901L5.34274 0.351445C5.2621 0.232978 5.16129 0.173744 5.06048 0.158936H4.93952C4.83871 0.173744 4.7379 0.232978 4.67742 0.351445C4.53629 0.573571 4.23387 1.00302 4.09274 1.23995C4.03226 1.35842 3.97177 1.43246 3.91129 1.53612C3.87097 1.59535 3.85081 1.62497 3.81048 1.6842L3.42742 2.27654C3.40726 2.33577 3.34677 2.3802 3.34677 2.43943Z" fill="%23A7A7A7"/></svg>');
}
.r_3 small:nth-child(n+4){
  background-image: url('data:image/svg+xml,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.34677 2.43943L2.45968 2.52828C1.85484 2.60233 0.766129 2.70598 0.241935 2.78003C0.181452 2.79484 0.120968 2.80964 0.0806452 2.83926C0.0403226 2.88369 0 2.92811 0 2.95773V3.04658C0.0201613 3.13543 0.141129 3.22428 0.221774 3.28351L0.806452 3.71296C0.907258 3.787 0.987903 3.86104 1.08871 3.93508C1.29032 4.08317 1.47177 4.21644 1.65323 4.36453L1.93548 4.58665C2.05645 4.6607 2.1371 4.71993 2.2379 4.79397C2.33871 4.86801 2.31855 4.8384 2.25806 5.10495C2.19758 5.3715 1.77419 7.23736 1.77419 7.2966C1.79435 7.40025 1.93548 7.50391 2.09677 7.50391C2.21774 7.50391 2.35887 7.42987 2.47984 7.38545L5 6.36367C5.10081 6.40809 5.24194 6.45252 5.34274 6.49694C5.46371 6.55617 5.58468 6.6006 5.72581 6.64503C6.14919 6.82273 6.71371 7.07447 7.15726 7.23736C7.25806 7.28179 7.37903 7.34102 7.5 7.38545C7.58065 7.41506 7.78226 7.50391 7.90323 7.50391C8.04435 7.50391 8.18548 7.41506 8.20564 7.32621C8.24597 7.25217 7.78226 5.26784 7.70161 4.94206C7.68145 4.8384 7.66129 4.85321 7.74194 4.80878L8.32661 4.37934C8.4879 4.23125 8.83064 3.99432 9.03226 3.84623C9.09274 3.80181 9.1129 3.77219 9.17339 3.72777C9.375 3.57968 10 3.17985 10 3.04658C10 2.94292 9.97984 2.86888 9.85887 2.80964C9.75806 2.76522 9.65726 2.76522 9.55645 2.76522C9.45564 2.75041 9.41532 2.75041 9.33468 2.7356C9.0121 2.70598 8.75 2.66156 8.44758 2.63194L7.11694 2.48386C6.97581 2.46905 6.79435 2.43943 6.65323 2.43943C6.65323 2.3802 6.6129 2.33577 6.57258 2.29135L6.29032 1.8471C6.25 1.78786 6.22984 1.74344 6.18952 1.69901L5.34274 0.351445C5.2621 0.232978 5.16129 0.173744 5.06048 0.158936H4.93952C4.83871 0.173744 4.7379 0.232978 4.67742 0.351445C4.53629 0.573571 4.23387 1.00302 4.09274 1.23995C4.03226 1.35842 3.97177 1.43246 3.91129 1.53612C3.87097 1.59535 3.85081 1.62497 3.81048 1.6842L3.42742 2.27654C3.40726 2.33577 3.34677 2.3802 3.34677 2.43943Z" fill="%23A7A7A7"/></svg>');
}
.r_2 small:nth-child(n+3){
  background-image: url('data:image/svg+xml,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.34677 2.43943L2.45968 2.52828C1.85484 2.60233 0.766129 2.70598 0.241935 2.78003C0.181452 2.79484 0.120968 2.80964 0.0806452 2.83926C0.0403226 2.88369 0 2.92811 0 2.95773V3.04658C0.0201613 3.13543 0.141129 3.22428 0.221774 3.28351L0.806452 3.71296C0.907258 3.787 0.987903 3.86104 1.08871 3.93508C1.29032 4.08317 1.47177 4.21644 1.65323 4.36453L1.93548 4.58665C2.05645 4.6607 2.1371 4.71993 2.2379 4.79397C2.33871 4.86801 2.31855 4.8384 2.25806 5.10495C2.19758 5.3715 1.77419 7.23736 1.77419 7.2966C1.79435 7.40025 1.93548 7.50391 2.09677 7.50391C2.21774 7.50391 2.35887 7.42987 2.47984 7.38545L5 6.36367C5.10081 6.40809 5.24194 6.45252 5.34274 6.49694C5.46371 6.55617 5.58468 6.6006 5.72581 6.64503C6.14919 6.82273 6.71371 7.07447 7.15726 7.23736C7.25806 7.28179 7.37903 7.34102 7.5 7.38545C7.58065 7.41506 7.78226 7.50391 7.90323 7.50391C8.04435 7.50391 8.18548 7.41506 8.20564 7.32621C8.24597 7.25217 7.78226 5.26784 7.70161 4.94206C7.68145 4.8384 7.66129 4.85321 7.74194 4.80878L8.32661 4.37934C8.4879 4.23125 8.83064 3.99432 9.03226 3.84623C9.09274 3.80181 9.1129 3.77219 9.17339 3.72777C9.375 3.57968 10 3.17985 10 3.04658C10 2.94292 9.97984 2.86888 9.85887 2.80964C9.75806 2.76522 9.65726 2.76522 9.55645 2.76522C9.45564 2.75041 9.41532 2.75041 9.33468 2.7356C9.0121 2.70598 8.75 2.66156 8.44758 2.63194L7.11694 2.48386C6.97581 2.46905 6.79435 2.43943 6.65323 2.43943C6.65323 2.3802 6.6129 2.33577 6.57258 2.29135L6.29032 1.8471C6.25 1.78786 6.22984 1.74344 6.18952 1.69901L5.34274 0.351445C5.2621 0.232978 5.16129 0.173744 5.06048 0.158936H4.93952C4.83871 0.173744 4.7379 0.232978 4.67742 0.351445C4.53629 0.573571 4.23387 1.00302 4.09274 1.23995C4.03226 1.35842 3.97177 1.43246 3.91129 1.53612C3.87097 1.59535 3.85081 1.62497 3.81048 1.6842L3.42742 2.27654C3.40726 2.33577 3.34677 2.3802 3.34677 2.43943Z" fill="%23A7A7A7"/></svg>');
}
.r_1 small:nth-child(n+2){
  background-image: url('data:image/svg+xml,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.34677 2.43943L2.45968 2.52828C1.85484 2.60233 0.766129 2.70598 0.241935 2.78003C0.181452 2.79484 0.120968 2.80964 0.0806452 2.83926C0.0403226 2.88369 0 2.92811 0 2.95773V3.04658C0.0201613 3.13543 0.141129 3.22428 0.221774 3.28351L0.806452 3.71296C0.907258 3.787 0.987903 3.86104 1.08871 3.93508C1.29032 4.08317 1.47177 4.21644 1.65323 4.36453L1.93548 4.58665C2.05645 4.6607 2.1371 4.71993 2.2379 4.79397C2.33871 4.86801 2.31855 4.8384 2.25806 5.10495C2.19758 5.3715 1.77419 7.23736 1.77419 7.2966C1.79435 7.40025 1.93548 7.50391 2.09677 7.50391C2.21774 7.50391 2.35887 7.42987 2.47984 7.38545L5 6.36367C5.10081 6.40809 5.24194 6.45252 5.34274 6.49694C5.46371 6.55617 5.58468 6.6006 5.72581 6.64503C6.14919 6.82273 6.71371 7.07447 7.15726 7.23736C7.25806 7.28179 7.37903 7.34102 7.5 7.38545C7.58065 7.41506 7.78226 7.50391 7.90323 7.50391C8.04435 7.50391 8.18548 7.41506 8.20564 7.32621C8.24597 7.25217 7.78226 5.26784 7.70161 4.94206C7.68145 4.8384 7.66129 4.85321 7.74194 4.80878L8.32661 4.37934C8.4879 4.23125 8.83064 3.99432 9.03226 3.84623C9.09274 3.80181 9.1129 3.77219 9.17339 3.72777C9.375 3.57968 10 3.17985 10 3.04658C10 2.94292 9.97984 2.86888 9.85887 2.80964C9.75806 2.76522 9.65726 2.76522 9.55645 2.76522C9.45564 2.75041 9.41532 2.75041 9.33468 2.7356C9.0121 2.70598 8.75 2.66156 8.44758 2.63194L7.11694 2.48386C6.97581 2.46905 6.79435 2.43943 6.65323 2.43943C6.65323 2.3802 6.6129 2.33577 6.57258 2.29135L6.29032 1.8471C6.25 1.78786 6.22984 1.74344 6.18952 1.69901L5.34274 0.351445C5.2621 0.232978 5.16129 0.173744 5.06048 0.158936H4.93952C4.83871 0.173744 4.7379 0.232978 4.67742 0.351445C4.53629 0.573571 4.23387 1.00302 4.09274 1.23995C4.03226 1.35842 3.97177 1.43246 3.91129 1.53612C3.87097 1.59535 3.85081 1.62497 3.81048 1.6842L3.42742 2.27654C3.40726 2.33577 3.34677 2.3802 3.34677 2.43943Z" fill="%23A7A7A7"/></svg>');
}

.record_card{
  background: #fff;
  border:1px solid #C3C3C3;
  border-radius: 6px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  transition: 0.4s all ease-in-out;
}
.record_logo{
  flex: 0 0 105px;
  max-width: 105px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.record_logo img{
  object-fit: contain;
}
.record_btns{
  flex: 0 0 180px;
  max-width: 180px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
.record_btns .btn{
  font-size: 14px;
  padding: 0 10px;
  text-align: center;
  line-height: 50px;
  min-height: 50px;
}
.btn_skyblue{
  background: #00B6FF;
  border-color: #00B6FF;
}
.btn_skyblue:hover{
  background: #fff;
  color: #00B6FF;
}
.record_txt{
  width: 100%;
}
.record_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.record_top h4{
  font-weight: 600;
}
.rating{
  display: flex;
  align-items: center;
  gap: 5px;
}
.rtl_in{
  display: flex;
  align-items: center;
  gap: 50px;
}
.record_links ul{
  display: flex;
  gap: 30px;
}
.record_links ul a{
  font-weight: 500;
}
.record_txt{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rt_rht a{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.records_lsit{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tooltip_txt {
  width: 180px;
  border-radius: 12px;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  bottom: calc(100% + 20px);
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  background: #000;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s all ease-in-out;
  z-index: 9999;
  border:2px solid #fff;
}
.tooltip_txt:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border:10px solid transparent;
  border-top-color: #000;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.tooltip_txt:before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border:12px solid transparent;
  border-top-color: #fff;
  top: 100%;
  margin-bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
}
.tabs_content ul li a:hover .tooltip_txt{
  visibility: visible;
  opacity: 1;
}
.tabs_content ul li a.hide{
  z-index: -1;
}
.profile_btn{
  border-radius: 50% !important;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  width: 52px;
  height: 52px;
  background: #0F42A3 !important;
  color: #fff !important;
}
#search_modal .search_results ul li:first-child .list_accordins{
  display: block;
}
.page_banner,.page_body{
  overflow: hidden;
}
.login_with {
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.login_with .btn{
  width: 100%;
}
#filter_btn{
  display: none;
}
.sf_title{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.close_filter{
  display: none;
  font-weight: 500;
}
/*menu toggle*/
.menu_toggle {
  position: relative;
  display:  inline-block;
  width: 30px;
  height: 30px;
  display: none;
  margin: 0 0 0 15px;
}
.menu_toggle span {
  margin: 0 auto;
  position: relative;
  top: 15px;
}
.menu_toggle span:before, .menu_toggle span:after {
  position: absolute;
  content: '';
}
.menu_toggle span, .menu_toggle span:before, .menu_toggle span:after {
  width: 100%;
  height: 2px;
  background-color: #0F42A3;
  display: block;
}
.menu_toggle span:before {
  margin-top: 10px;
}
.menu_toggle span:after {
  margin-top: -10px;
}
/* --- btn --- */
.menu_toggle span {
  -webkit-transition-duration: 0s; transition-duration: 0s;
  -webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.menu_toggle.active span {
  background-color: transparent;
  -webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}


.menu_toggle span:before {
  -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
  -webkit-transition-duration: 0.2s; transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
.menu_toggle.active span:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg); transform: rotate(45deg);
  -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
.menu_toggle span:after {
  -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
  -webkit-transition-duration: 0.2s; transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
.menu_toggle.active span:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
  -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
.user_btn{
  background: #0F42A3;
  border: 1px solid #0F42A3;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  width: 46px;
  height: 46px;
}
header nav{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  width: 100%;
  margin-left: 50px;
}
.login_header .menu_rht{
  gap: 15px;
}
.login_header{
  background: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}
.dropdown_menu {
  z-index: 999;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 300px;
  max-width: none;
  background: #fff;
  border-radius: 0;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  visibility: hidden;
  opacity: 0;
}
.dropdown_btn {
  position: relative;
}
.slick-arrow {
  width: 30px;
  height: 30px;
  background: url(../images/slick-arrow-next.png) no-repeat center;
  z-index: 99;
}
.slick-next {
  background-image: url(../images/slick-arrow-prev.png);
}
.slick-prev:before, .slick-next:before{
  display: none;
}
.slick-disabled{
  opacity: 0.5;
  cursor: not-allowed;
}
.dropdown1 {
  position: relative;
}

.dropdown1 .dropdown_menu{
  width: 740px;
  left: 50%;
  transform:translateX(-50%) scaleY(0);
  transform-origin: top;
}
.dropdown1:hover .dropdown_menu{
  transform:translateX(-50%) scaleY(1);
  visibility: visible;
  opacity: 1;
}
.login_header .dropdown_menu{
  border-radius: 0 0 12px 12px;
  border:1px solid #C3C3C3;
  align-items: flex-start;
}
.login_header nav > ul > li{
  display: flex;
  align-items: center;
  padding: 30px 0;
}
.school_search_form{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}
.dropdown1 .dropdown_menu{
  padding: 20px;
  transition: 0.4s all ease-in-out;
}
.salary_info{
  margin: 10px 0 0;
}

.school_search_form .form_group{
  flex: 0 0 285px;
  max-width: 285px;
  margin: 0;
}
.school_search_form .btn,
.school_search_form .form_control{
  height: 42px;
  line-height: 42px;
}
.school_search_form label{
  font-weight: 500;
}
.input_group{
  border:1px solid #BCBCBC;
  border-radius: 6px;
  display: flex;
  align-items: center;
  background: #fff;
}
.input_group span{
  flex: 0  0 60px;
  max-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.input_group .form_control{
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  font-size: 15px;
  border-radius: 0 6px 6px 0;
  height: 100%;
}
.input_group .form_control:focus{
  border-color: #BCBCBC;
}
.header_search{
  display: flex;
  align-items: center;
}
.header_search .input_group{
  flex: 0 0 400px;
  max-width: 400px;
  height: 46px;
  line-height: 46px;
}

.login_header nav{
  width: 100%;
  margin: 0 0 0 50px;
}
.login_header nav > ul.menu_rht > li{
  padding: 0;
}
.login_header nav ul {
  display: flex;
  gap: 20px;
}
.login_header nav ul.menu{
  width: 100%;
  justify-content: flex-end;
}
.dropdown:hover > a{
  color: #00B6FF;
}
.banenr2{
  height: 100px;
  background: #0F42A3;
}
.page2{
  background: #fff;
}
.pc_blk{
  padding: 30px 0 80px;
}
.pc_lft .sidebar_filters{
  max-width: 100%;
  max-height: calc(100vh - 220px);
  overflow: auto;
  padding-right: 15px;
}
.pcb_in{
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.pc_lft{
  flex: 0 0 385px;
  max-width: 385px;
}
.pc_rht{
  width: 100%;
  max-width: calc(100% - 385px) ;
}
.mobile_filter{
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: none;
  margin-bottom: 20px;
}
.mobile_filter .btn{
  line-height: 42px;
}
.mobile_filter h4{
  font-size: 20px;
  font-weight: 500;
}
.mobile_filter .btn svg{
  fill: #0F42A3;
  transition: 0.4s all ease-in-out;
}
.mobile_filter .btn:hover svg{
  fill: #fff;
}
.filter_title{
  margin-bottom: 15px;
}
.filter_title h4{
  font-weight: 600;
}
/*.pc_blk .form_control{
  line-height: 46px;
  height: 46px;
}*/
select option{
  text-transform: capitalize;
}
.select-selected,
.pc_blk select{
  background-image: url('data:image/svg+xml,<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 0.0922852L0 0L6.9996 9L14 0.0922852Z" fill="%23A7A7A7"/></svg>');
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size: 14px;
}
.filters_ctg:nth-child(2n) {
  background: #DEF2F9;
  border-radius: 8px;
}

.results_head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.rh_rht{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.rh_rht b{
  font-weight: 700;
}
.results_head h4{
  font-weight: 600;
}
.rh_rht .custom_input label{
  width: auto;
}
.rh_rht p{
  line-height: 26px;
  height: 26px;
}
.rh_rht span{
  font-weight: 300;
}
.results_card{
  border:1px solid #C3C3C3;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  gap: 15px;
  position: relative;
  margin-bottom: 20px;
  transition: 0.4s all ease-in-out;
}
.record_card:hover,
.results_card:hover{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.results_img{
  flex: 0 0 210px;
  max-width: 210px;
  border-radius: 6px;
  overflow: hidden;
}
.results_img img{
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.Enquiry_btn{
  position: absolute;
  right: 20px;
  top: 20px;
  width: 145px;
  line-height: 46px;
  height: 46px;
  padding: 0;
}
.school_name{
  display: flex;
  align-items: center;
  gap: 10px;
}
.sn_logo{
  flex: 0 0 87px;
  max-width: 87px;
  min-height: 37px;
  border:1px solid #c3c3ce;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.school_name h5{
  font-weight: 600;
}
.results_cnt{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.school_name{
  max-width: calc(100% - 160px);
}
.results_cnt  ul{
  display: flex;
  gap: 15px;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 15px;
}
.results_cnt  ul li{
  width: 100%;
  flex: 0 0 calc(100% / 3 - 20px);
}
.results_cnt  ul li ul{
  gap: 15px;
  margin: 0;
}
.results_cnt ul li ul li {
    flex: 1 1 auto;
    width: auto;
}
.results_cnt  ul li span{
  font-size: 14px;
  line-height: 15px;
  color:#717171;
}
.results_cnt  ul li p{
  font-weight: 500;
  line-height: 1.2;
}
footer{
  background: #0F42A3;
  color: #fff;
}
footer a{
  color: #fff;
  font-weight: 400;
}
.git_top{
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.git_btm{
  padding: 15px 0;
  border-top: 1px solid #84D6F7;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.git_list{
  flex: 0 0 55%;
}
.git_list ul{
  display: flex;
  gap: 50px;
  justify-content: space-between;
}
.git_list ul li{
  display: flex;
  flex-direction: column;
}
.git_list ul li a{
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
}
.footer_nav{
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.footer_btm{
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.footer_in{
  overflow: hidden;
  display: flex;
}
.footer_lft{
  flex: 0 0 410px;
  max-width: 410px;
  padding: 20px 0;
}
.footer_lft p{
  padding-right: 20px;
}
.footer_links{
  width: 100%;
  padding: 20px 20px 60px;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  flex: 0 0 18%;
}
.footer_in h6{
  font-size: 18px;
  font-weight: 600;
}
.footer_in ul{
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.footer_links:nth-of-type(4){
  flex: 0 0 22%;
  max-width: 22%;
}
footer address{
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
footer address b{
  font-weight: bold;
}
.footer_btm{
  padding: 20px 0 30px;
}
.footer_btm ul{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.footer_btm ul li a{
  display: block;
  width: 52px;
  height: 52px;
  border:1px dashed #84D6F7;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.footer_btm ul li a:hover{
  background: #00B6FF;
}
.footer_btm ul li a:hover svg path{
  fill:#fff;
}
.git_rht .input_group{
  width: 440px;
  border:none;
}
.git_rht .input_group .form_control{
  border-color: #fff;
  border-radius: 6px 0 0 6px;
  line-height: 52px;
  height: 52px;
}
.Subscribe_btn{
  border:none !important;
  background: #00B6FF;
  line-height: 52px;
  height: 52px;
  border-radius: 0 6px 6px 0;
}
.Subscribe_btn:hover{
  background: #00B6FF;
}
.login_header .dropdown_menu{
  border-top: 6px solid #08A0FF;
}
.dropdown2 .dropdown_menu{
  width: 1200px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 20px 20px 30px;
  gap: 0;
  transform:scaleY(0);
  transform-origin: top;
}
.dropdown2:hover .dropdown_menu{
  visibility: visible;
  opacity: 1;
  transform:none;
}
.dropdown_menu li ul{
  display: block;
  margin: 0 -20px;
}
.dropdown2 .dropdown_menu li{
  width: 100%;
}
.dropdown2 .dropdown_menu a{
  color: #000;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
}
.dropdown2 .dropdown_menu li ul li a{
  font-weight: 400;
  color: #717171;
}
.dropdown2 .dropdown_menu .dropdown_btn{
  border-bottom: 1px solid #C4C6C8;
  display: block;
  font-size: 16px;
  font-weight: 600;
  cursor: default;
}
.dropdown2 .dropdown_menu .dropdown_btn span{
  display: inline-flex;
  padding: 0 0 10px 0;
  position: relative;
}
.dropdown2 .dropdown_menu .dropdown_btn span:after{
  content: url(../images/next.svg);
  margin-left: 10px;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s all ease-in-out;
}
.dropdown2 .dropdown_menu .dropdown_btn.open span:before,
.dropdown2 .dropdown_menu .dropdown_btn.active span:before{
  width: 100%;
}
.dropdown2 .dropdown_menu .dropdown_btn.open,
.dropdown2 .dropdown_menu .dropdown_btn.active{
  color: #0F42A3;
}
.dropdown2 .dropdown_menu .dropdown_btn.open span:after,
.dropdown2 .dropdown_menu .dropdown_btn.active span:after{
  visibility: visible;
  opacity: 1;
}
.dropdown_default .dropdown_menu li a b:after,
.dropdown2 .dropdown_menu li ul li a:after{
  content: url(../images/next2.svg);
  margin-left: 10px;
  transition: 0.4s all ease-in-out;
  transform: translateX(-10px);
  visibility: hidden;
  opacity: 0;
  line-height: 1;
}
.dropdown2 .dropdown_menu li ul li a:hover{
  color: #008DE5;
}
.dropdown2 .dropdown_menu li ul li a:hover:after{
  transform: translateX(0px);
  visibility: visible;
  opacity: 1;
}
.dropdown2 .dropdown_menu .dropdown_btn span:before{
  content: '';
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #08A0FF;
  position: absolute;
  width: 0;
  transition: 0.4s all ease-in-out;
}
.dropdown2 .dropdown_menu li ul{
  padding: 0 20px;
}
.dropdown2 .dropdown_menu > li:last-child,
.dropdown2 .dropdown_menu > li:first-child{
  flex: 0 0 32%;
}
.dropdown2 .dropdown_menu li ul{
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
.dropdown_default,
.dropdown3 {
  position: relative;
}
.dropdown3 .dropdown_menu{
  left: 50;
}
.dropdown_default .dropdown_menu,
.dropdown3 .dropdown_menu{
  width: 533px;
  left: 50%;
  transform:translateX(-50%) scaleY(0);
  transform-origin: top;
}
.dropdown_default:hover .dropdown_menu,
.dropdown3:hover .dropdown_menu{
  transform:translateX(-50%) scaleY(1);
  visibility: visible;
  opacity: 1;
}
.dropdown_default .dropdown_menu{
  display: block;
  transform: translateX(-53%) scaleY(0);
  width: 500px;
}
.dropdown_default:hover .dropdown_menu{
  transform: translateX(-53%) scaleY(1);
}
.dropdown_default .dropdown_menu li a{
  padding: 15px;
  display: block;
  color: #000;
  border-bottom: 1px solid #C3C3C3;
}
.dropdown_default .dropdown_menu li a p{
  line-height: 22px;
  font-weight: 400;
  color: #717171;
  transition: 0.4s all ease-in-out;
}
.dropdown_default .dropdown_menu li a b{
  font-weight: bold;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  transition: 0.4s all ease-in-out;
  line-height: 22px;
}
.dropdown_default .dropdown_menu li a:hover{
  border-color: #08A0FF;
}
.dropdown_default .dropdown_menu li a:hover p{
  color: #000;
}
.dropdown_default .dropdown_menu li a:hover b{
  color: #08A0FF;
}
.dropdown_default .dropdown_menu li:last-child a{
  border: none;
}
.dropdown_default .dropdown_menu li a:hover b:after{
  visibility: visible;
  opacity: 1;
  transform: none;
}

.bsm h2{
  margin-bottom: 20px;
}
#bookSession_Modal .custom_checkbox label{
  width: auto;
}
#bookSession_Modal .selectall {
  margin: 0;
}
#bookSession_Modal .modal-dialog{
  max-width: 780px;
}
#bookSession_Modal h3{
  font-weight: 300;
  margin-bottom: 20px;
}
.bsm .modal-body {
  min-height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}
.bsm .modal-body .selectall  p{
  font-size: 20px;
  line-height: 26px;
}
.rh_rht .edit_icon{
  flex: 0 0 22px;
  max-width: 22px;
  height: 22px;
  border:1px solid #C4C6C8;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.rh_rht .edit_icon img{
  max-width: 13px;
  transition: 0.4s all ease-in-out;
}
.rh_rht .edit_icon:hover{
  border-color: #0F42A3;
}
.rh_rht .edit_icon:hover img{
  filter: brightness(0) saturate(100%) invert(16%) sepia(97%) saturate(2380%) hue-rotate(212deg) brightness(93%) contrast(91%);
}
.icon{
  transition: 0.4s all ease-in-out;
}
.cc_lft:hover .icon{
  animation-play-state: paused;
  transform: scale(1.3);
}
.cc_lft .icon img{
  transition: 0.4s all ease-in-out;
}
.cc_lft:hover .icon img{
  transform: scale(1.2);
}
.shape {
  max-width: 1240px;
}



.page_landing2 .shape.wow.fadeIn {
  max-width: 1360px;
}
.page_landing2 .choose_ctg{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.page_landing2 .icon{
  left: 15%;
  bottom: 100%;
  width: 100px;
  height: 100px;
}
.cc_rht .icon {
  left: 28%;
}
.page_landing2 .cc_lft p {
  top: -74%;
  left: -79%;
  font-family: "Pacifico", cursive;
  text-align: center;
  font-size: 22px;
  line-height: 32px;
  color: #000;
  transition: 0.4s all ease-in-out;
}
.page_landing2 .cc_lft:hover p{
  color: #0F42A3;
} 
.page_landing2 .cc_rht p {
  left: auto;
  right: -12%;
  WIDTH: 300PX;
}
.ss_in {
  height: calc(100% - 100px);
  gap: 5px;
  position: relative;
  padding: 0;
  display: flex;
}
.ss_img{
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}
.ss_cnt {
  position: absolute;
  left: 0;
  top: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #424141;
  width: 700px;
  margin: 20px 0 0 0;
}
.ss_cnt span{
  flex: 0 0 78px;
  max-width: 78px;
  height: 78px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #00b6ff;
  border-radius: 50%;
}
.slick-cloned.default{
  opacity: 0;
}
.times_list{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
#bookSession_Modal textarea{
  height: 88px;
  line-height: 1.2;
  padding: 10px 20px;
}

.step_slide_nav {
  display: flex;
  align-items: center;
  position: absolute;
  right: 40px;
  bottom: 55px;
  gap: 15px;
}
.step_slide_nav .slick-slide{
  background: #00b6ff;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  margin: 0 5px;
  border-radius: 50%;
  transition: 0.4s all ease-in-out;
}
.step_slide_nav  .slick-track{
  transform: none !important;
}
.step_slide_nav .slick-slide:hover,
.step_slide_nav .slick-slide.slick-current{
  background: #001d64;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent url(../images/calendar.svg) no-repeat right 15px center;
  background-size: 19px 19px;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.map_results{
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.map_results iframe{
  width: 100%;
  height: 100%;
}



.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  display: block;
  border: 1px solid #BCBCBC;
  border-radius: 6px;
  height: 46px;
  padding: 0 20px;
  font-family: "Geist", sans-serif;
  font-size: 16px;
  line-height: 46px;
  font-weight: 400;
  color: #000;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}


/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #000;
  cursor: pointer;
  user-select: none;
  height: 42px;
  line-height: 42px;
}
.select-items{
  background: #fff;
  color: #000;
}
.select-items div{
  padding: 5px 15px;
  font-size: 15px;
  text-transform: capitalize;
  line-height: 26px;
  height: auto;
  transition: 0.4s all ease-in-out;
}

/*style items (options):*/
.select-items {
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  transition: 0.4s all ease-in-out;
  transform-origin: top;
  height: 180px;
  overflow: auto;
  transform: scaleY(1);
  border-radius: 8px;
  border: 1px solid #BCBCBC;
  border-top: 0;
}
/*hide the items when the select box is closed:*/
.select-hide {
  transform:scaleY(0);
  height: 0;
}

.select-items div:hover, .same-as-selected {
  color: #0F42A3;
}
.record_Wrapper .filters_ctg:first-child {
    padding-top: 15px;
}


.institute_banner{
  background: url(../images/buliding.png) no-repeat center top / cover;
  height: 175px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
}
#addInstitue_btn{
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
}
#addInstitue_btn svg path{
  transition: 0.4s all ease-in-out;
}
#addInstitue_btn:hover svg path{
  fill: #fff;
}

.table_responsive{
  overflow: auto;
  border: 1px solid #C3C3C3;
  border-radius: 8px;
  overflow: auto;
}
.table{
  width: 100%;
}
.table tbody tr{
  background: #fff;
  border-bottom: 1px solid #C3C3C3;
  transition: 0.4s all ease-in-out;
}
.table tbody tr:last-child{
  border-bottom: none;
}
.table tbody tr:hover{
  background: #DEF2F9;
}
.table tr:first-child td{
  background: #0F42A3;
  color: #fff;
  font-weight: 500;
  white-space: nowrap;
}
.table tr td{
  padding: 9px 15px;
  white-space: nowrap;
}
td .btn3{
  line-height: 18px;
  height: 20px;
  width: 20px;
  padding: 0;
  border-radius: 4px;
  font-size: 20px;
  font-weight: 600;
  color: #A7A7A7;
}
td .btn3:hover{

}
.table tr td .rating_starts small {
  width: 16px;
  height: 16px;
  background-size: 16px;
}

.institute_name{
  color: #0F42A3;
  font-weight: 500;
}
.institute_modal .modal-dialog{
  width: 400px;
}
.institute_modal .modal-content{
  border-radius: 8px;
}
.institute_modal .modal-dialog h4{
  text-align: center;
  margin-bottom: 20px;
  font-weight: 600;
}
.institute_modal .modal-dialog .btn{
  width: 100%;
  display: block;
}
.btn_gray{
  background: #A7A7A7;
  border-color: #A7A7A7;
}
.btn_gray:hover{
  border-color: #0F42A3;
}
.btns_blk{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.btns_blk button{
  min-width: auto;
  width: 100px !important;
}
.del_ins{
  text-align: center;
}
.del_ins p{
  margin-bottom: 15px;
}
.del_ins p b{
  color: #0F42A3;
  display: inline-block;
}
.pagecnt_row{
  overflow: hidden;
}
.page_lft{
  float: left;
  width: 360px;
  position: sticky;
  position: -webkit-sticky;
  top: 80px;
}
.page_rht{
  float: right;
  width: calc(100% - 380px);
}
.pl_cnt2{
  height: 660px;
}

.pcb_in:after,
.pcb_in:before{
  content: '';
  clear: both;
  display: table;
}

.times_list .custom_input label {
  width: auto;
  padding-left: 30px;
  margin: 0;
}
.times_list .custom_input label input + p{
  font-weight: 400;
}
.times_list .custom_input label input + p:before{
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  border-color: #BCBCBC;
}
.times_list .custom_input label input:checked + p:before{
  border-color: #00B6FF;
}
.times_list .custom_input label input + p:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: #00B6FF;
  transition: all 0.2s ease;
  transition: 0.4s all ease-in-out;
}
.times_list{
  height: 46px;
  align-items: center;
}
.filters_zipcode{
  margin-top: 20px;
}
.header_search input{
  width: 385px;
  background-image: url(../images/search.svg);
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 18px;
  padding: 0 20px 0 50px;
}


.menu_rht{
  position: relative;
  align-self: stretch;
}
.user_details {
  position: absolute;
  top: 100%;
  right: 0;
  width: 375px;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 12px;
  overflow: hidden;
  transform: translateY(-10px);
  transition: 0.4s all ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.user_info,.user_bio,.user_spls,.ud_foot{
  padding: 20px;
}
.user_info {
  display: flex;
  gap: 15px;
}
.user_avatar{
  flex: 0 0 50px;
  max-width: 50px;
  height: 50px;
  background: #ccc;
  overflow: hidden;
  border-radius: 50%;
}
.user_avatar img{
  width: 100%;
  min-height: 100%;
}
.ui_rht {
  max-width: 100%;
}
.ui_rht strong{
  display: block;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  text-transform: capitalize;
}
.ui_rht span{
  display: block;
  font-weight: 300;
  line-height: 22px;
}
.user_bio {
  border-top: 1px solid #d7d7d7;
}
.user_bio ul{
  display: flex;
  flex-wrap: wrap;
}
.user_bio ul li{
  flex: 0 0 calc(50% - 20px);
  max-width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
}
.user_bio ul li span{
  font-size: 13px;
  line-height: 18px;
}
.user_bio ul li strong{
  font-weight: 500;
}
.user_spls{
  background: #efefef;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
.user_spls h4{
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 10px;
}
.user_spls ul{
  flex-wrap: wrap;
  gap: 10px !important;
  justify-content: flex-start;
}
.user_spls ul li{
  background: #fff;
  padding: 0  15px;
  font-size: 13px;
  line-height: 26px;
  border:1px solid #c2c2c2;
  border-radius: 150px;
}
.ud_foot{
  display: flex;
  justify-content: space-between;
}
.btn_white{
  background: #fff;
  color: #000;
  border: 1px solid #d7d7d7;
  padding: 0 10px;
}
.btn_white:hover{
  border-color: #0F42A3;
}
.logout_btn{
  background: #ebebeb;
  border-color: #898989;
  min-width: 96px;
}
.logout_btn:hover{
  background: #0F42A3;
  color: #fff;
}
#ud_popup.open{
  visibility: visible;
  opacity: 1;
}

.page_jobSearch{
  padding: 40px 0;
}

.clear::after,
.clear::before{
  content: '';
  clear: both;
  display: block;
}
.pjs_lft{
  float: left;
  width: 330px;
  position: sticky;
}
.pjs_rht{
  float: right;
  width: calc(100% - 350px);
}
.pjs_lft .sidebar_filters{
  max-height: calc(100vh - 140px);
  width: 100%;
  width: 100%;
  padding: 0;
}
.pjs_lft .filters_blk{
  border:1px solid #C3C3C3;
  border-radius: 8px;
}
.filters_ctg:first-child{
  padding: 15px;
}
.visible_mob{
  display: none;
}
.ft_title {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
  margin: 0 0 10px;
}
.filter_toggle{
  line-height: 1;
}
.filter_toggle svg{
  width: 15px;
}
.m-0{
  margin: 0;
}
option:disabled{
  display: none;
}
.pjs_lft .filters_ctg:nth-child(2n){
  background: transparent;
}
.pjs_lft .filters_ctg:nth-child(n+2){
  border-top: 1px solid #C3C3C3;
}
.pjs_lft .form_group label.ft_title{
/*  margin-bottom: 15px;*/
}
.form_group{
  margin-bottom: 15px;
}
.filter_toggle{
  cursor: pointer;
}
.filters_ctg .form_group:last-child{
  margin-bottom: 0;
}
.filter_expand{
  margin-top: 15px;
}
.pjs_rht{
  display: flex;
  gap: 20px;
}
.job_card {
  background: #fff;
  border: 1px solid #C3C3C3;
  border-radius: 8px;
  padding: 20px;
  transition: 0.4s all ease-in-out;
}
.job_card + .job_card{
  margin-top: 20px;
} 
.job_card.active,
.job_card:hover{
  border-color: #0F42A3;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.job_logo{
  flex: 0 0 41px;
  width: 41px;
  max-width: 41px;
  height: 41px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #C3C3C3;
  border-radius: 4px;
  color: #0f42a3;
  font-size: 20px;
  font-weight: 500;
  background: #ddf5ff;
}
.job_title {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.jt_lft strong{
  font-size: 16px;
  font-weight: 600;
  color: #0f42a3;
}
.job_from{
  display: flex;
  gap: 15px;
}
.job_from p{
  font-weight: 500;
}
.job_from p span{
  color: #0f42a3;
}
.jobs_list{
  flex: 0 0 440px;
  max-width: 440px;
}
.salary_range {
    display: flex;
    gap:30px;
}
.sr_lft ul{
  display: flex;
  flex-wrap: wrap;
  padding-left: 30px;
  background: url(../images/briefcase.png) no-repeat left center;
}
.diff_bar{
  margin: 0 10px;
  color: #ccc;
}
.jobPost_date{
  color: #717171;
}
.salary_range{
  margin-top: 10px;
}
.job_skills{
  margin-top: 10px;
}
.job_skills ul{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.job_card h5{
  font-weight: 600;
  margin-bottom: 5px;
}
.job_skills a{
  border: 1px solid #c2c2c2;
  padding: 10px 15px;
  font-size: 13px;
  line-height: 18px;
  border-radius: 50px;
  color: #000;
  display: inline-flex;
}
.job_skills a:hover{
  border: 1px solid #058ce2;
  color: #0f42a3;
}
.job_discription{
  margin-top: 10px;
}
.job_discription p{
  color: #717171;
  margin-bottom: 5px;
}
.jobcard_foot{
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.btn_bookmark,.btn_shre{
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-color: #C3C3C3;
  border-radius: 4px;
}
.btn_bookmark svg,.btn_shre svg{
  width: 100%;
  height: 100%;
}
.jcf_lft{
  display: flex;
  gap: 10px;
}
.jbl_tabContent {
  width: 100%;
  max-width: 100%;
}
.sr_full{
  margin-top: 10px;
}
.sr_full h5{
  margin-bottom: 0;
}
.sr_rht p{
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.sr_rht a{
  color: #000;
  font-weight: 600;
}
.sr_rht a:hover{
  color: #0f42a3;
}
.jobs_openings {
  margin-top: 20px;
}
.jobs_openings ul{
  display: flex;
  gap: 20px;
}
.jobs_openings li{
  display: flex;
  flex-direction: column;
}
.jobs_openings li b{
  font-size: 16px;
  font-weight: 600;
}
.jobs_openings li span{
  font-size: 14px;
}
.jbl_tabContent .job_discription,
.jbl_tabContent .job_skills{
  margin-top: 20px;
}
.jbl_tabContent .job_discription h5{
  font-size: 16px;
  font-weight: 600;
}
.jbl_tabContent .job_discription p b,
.jbl_tabContent .job_discription h6{
  font-weight: 600;
  color: #000;
}
.job_discription p{
  color: #000;
}
.jobFullCard{
  display: none;
  margin: 0 !important;
  transition: none;
}
.jobFullCard:first-child{
  display: block;
}
.jobFullCard:hover{
  border-color:#C3C3C3;
  box-shadow: none;
}