.contact-box .phonecontactblock 
  .select-box {
    position: relative;
    width: 100%;
    position: relative;
    width: 100%;
    border: transparent;
    border-bottom: 1px solid #8D8D8D;
    height: 2.813rem;
    border-radius: 0;
    background-color: transparent;
    color: #515151;
    margin-bottom: 0.938rem;
}

input:focus,

textarea:focus {

  -moz-box-shadow: none !important;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  border: 1px solid #673ab7;

  outline-width: 0;

}







.select-box {

    position: relative;



    width: 100%;

    

    

}



.select-box input {

    width: 100%;

    padding: 1rem .6rem;

    font-size: 1.1rem;

    

    border: .1rem solid transparent;

    outline: none;

}



input[type="tel"] {

    border-radius: 0 .5rem .5rem 0;

}



.select-box input:focus {

    border: .1rem solid var(--primary);

}



.selected-option {

 

    overflow: hidden;

z-index: 9;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.selected-option div{

    position: relative;

    padding:0;

    text-align: center;

    cursor: pointer;

}



.selected-option div::after{

    position: absolute;

    content: "";

    display: none;

    right: .8rem;

    top: 50%;

    transform: translateY(-50%) rotate(45deg);

    

    width: .8rem;

    height: .8rem;

    border-right: .12rem solid var(--primary);

    border-bottom: .12rem solid var(--primary);



    transition: .2s;

}





.selected-option div.active::after{

    transform: translateY(-50%) rotate(225deg);

}



.select-box .options {

    position: absolute;

    top: 50px;

    z-index: 9;

    width: 100%;

    

    border-radius: .5rem;

    display: none;

    color: #fff;

    



    display: none;

}



.select-box .options.active {

    display: block;

}



.contact .contact-box form.ctf    .select-box .selected-option .active  input:not([type=submit]):not([type=checkbox]):not([type=radio]){

    width: 100%;

    padding: 0.625rem 0;

    

  

    

    

    padding-left: 10px;

}

svg.iconify.iconify--flag {

    display: none;

}

.select-box .options::before {

    position: absolute;

    content: "";

    left: 1rem;

    top: -1.2rem;

display: none;

    width: 0;

    height: 0;

    border: .6rem solid transparent;

    border-bottom-color: var(--primary);

}





.select-box ol {

    list-style: none;

    max-height: 23rem;

    overflow: overlay;

}



.select-box ol::-webkit-scrollbar {

    width: 0.6rem;

}



.select-box ol::-webkit-scrollbar-thumb {

    width: 0.4rem;

    height: 3rem;

    background-color: #ccc;

    border-radius: .4rem;

}



.select-box ol li {

    padding: 1rem;

    display: flex;

    justify-content: space-between;

    cursor: pointer;

    background: #cff1ff;

    color: #152340;

}

input.search-box {

    color: #fff;

    border-radius: .5rem .5rem 0 0;

    padding: 10px;

    background: #0f1234;

}

.select-box ol li.hide {

    display: none;

}



.select-box ol li:not(:last-child) {

      border-bottom: 1px solid #eee;

}



.select-box ol li:hover {

    background-color: lightcyan;

}



.select-box ol li .country-name {

    margin-left: .4rem;

}





select#Gender {

    border: 1px solid #0f1234;

}





/* line both side */

.center-text {

    text-align: center;

  }

  

  .right-text {

    text-align: right;

  }

  

  .right-line:after {

      content:"";

      display: inline-block;

      height: 0.5em;

      vertical-align: bottom;

      width: 100%;

      margin-right: -100%;

      margin-left: 10px;

      border-top: 1px solid black;

  }

  

  .left-line:before {

      content:"";

      display: inline-block;

      height: 0.5em;

      vertical-align: bottom;

      width: 100%;

      margin-left: -100%;

      margin-right: 10px;

      border-top: 1px solid black;

  }







  /* pagination */

  

.modal-4 a {

    margin: 0 5px;

    padding: 0;

    width: 30px;

    height: 30px;

    line-height: 30px;

    -moz-border-radius: 100%;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    

  }

  .modal-4 a.prev {

    -moz-border-radius: 50px 0 0 50px;

    -webkit-border-radius: 50px;

    border-radius: 50px 0 0 50px;

    width: 100px;

  }

  .modal-4 a.next {

    -moz-border-radius: 0 50px 50px 0;

    -webkit-border-radius: 0;

    border-radius: 0 50px 50px 0;

    width: 100px;

  }

  .modal-4 a:hover {

    background-color: #D9F4FF;

    color: #084B61;

  }

  .modal-4 a.active, .modal-4 a:active {

    background-color: var(--dark-color);

  }

  

  .pagination {

    list-style: none;

    display: inline-block !important;

    padding: 0;

    margin: 30px 0;

  }

  .pagination li {

    display: inline-block;

    text-align: center;

  }
 
  .paginations .justify-content-sm-between {
    -ms-flex-pack: justify!important;
    justify-content: center !important;
}
/* 
  .pagination a {
    font-size: 14px;
    color: #084B61;
    text-decoration: none;
    
    color: var(--deep-color);
    margin-left: -1px;
    border: none;
    line-height: 1.5;
    font-weight: 500;
    margin: 0 10px;

  } */
  p.small.text-muted{
    color: #000 !important;
    margin: 0;
    display: none !important;
}
  .pagination a.active {

    cursor: default;

  }

  .pagination a:active {

    outline: none;

  }







  ul.blogcatlink li a.active {

    color: var(--heading-color);

    font-weight: 700;

}







/* Estilos para desktop */

.tabs {

    display: flex;

  }

  

  .tablinks {

    background-color: #084B61;

    

    border: none;

    padding: 10px 5px;

    cursor: pointer;

    color: #fff;

    width: 100%;

    font-size: 14px;

  }

  .tabcontent {



    padding: 20px;

    position: absolute;

    top: 50px;

  }

  

  .tabcontent h3 {

    margin-top: 0;

  }

  





  /* modal  */



  

.modal .modal-dialog .modal-content {

  border: none;

}

.modal-header {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  padding: 1rem 1rem;

  border-bottom: 1px solid #EEEEEE;

  border-top-left-radius: calc(0.3rem - 1px);

  border-top-right-radius: calc(0.3rem - 1px);

  background: #084B61;

  color: #fff;

}

.modal .modal-dialog .modal-content .modal-header .modal-title {

  font-weight: 500;

  color: #fff;

}



.modal-header .close {

  padding: 1rem 1rem;

  margin: -1rem -1rem -1rem auto;

  color: #fff;

  font-size: 30px;

}

#exampleModal.modal .modal-dialog .modal-content .modal-body {



  background: #fff;   

  

  height: 200px;

  overflow-y: scroll;

  text-align: justify;

}



#exampleModal.modal .modal-dialog .modal-content button.close:hover {

  color: #fff;

}

#exampleModal.modal .modal-dialog .modal-content .modal-body .modal-footer {

border: 0px solid;

}

.modal-footer {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: end;

  justify-content: flex-end;

  padding: 1rem;

  border-top: 0px solid #dee2e6;

  border-bottom-right-radius: .3rem;

  border-bottom-left-radius: .3rem;

}

.user-preview li span {

  display: block;

  background: #01ABF3;

  color: #fff;

  padding: 5px;

  font-weight: 500;

  margin: 0 0 10px;

  font-size: 18px;

  font-weight: 400;

}

.user-preview li  p {

  margin: 0;

  padding: 5px;

  

}





.user-preview li {

  padding-top: 15px;

  font-weight: 500;

  font-size: 15px;

}

button.btn-red {

  overflow: hidden;

  position: relative;

  display: inline-block;



  background: #dc3545;

  border: none;

  border-radius: 4px;

  font-size: 14px;

  font-weight: 600;

  color: #ffffff;

  letter-spacing: 1px;

  padding: 10px;

  outline: none;

  transition: all 0.3s ease-out;

}

button.btn-edit {

  overflow: hidden;

  position: relative;

  display: inline-block;

  background: #01ABF3;

  border: none;

  border-radius: 4px;

  font-size: 14px;

  font-weight: 600;

  color: #ffffff;

  letter-spacing: 1px;

  padding: 10px;

  outline: none;

  transition: all 0.3s ease-out;

}

/* modal end */











/* multistep */



#msform {

  text-align: center;

  position: relative;

  margin-top: 20px;

}

#msform fieldset {

  background: white;

  border: 0 none;

  border-radius: 0.5rem;

  box-sizing: border-box;

  width: 100%;

  margin: 0;

  padding-bottom: 20px;

  position: relative;

}



.form-card {

  text-align: left;

}

#msform input:focus,

#msform textarea:focus {

  -moz-box-shadow: none !important;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  

  outline-width: 0;

}

.action-button {

  padding: 10px 20px;

  border-radius: 10px;

  color: var(--common-color);

  background: var(--logo-color);

  font-weight: 500;

  transition: all 0.4s ease;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 7px;

  width: 150px;

  

  border:none;

}

 .action-button:hover  {

  padding: 10px 20px;

  border-radius: 10px;

  color: var(--common-color-blackk);

  background: var(--common-color);



  border:none;

}

#msform .action-button {

  padding: 10px 20px;

  border-radius: 10px;

  color: var(--common-color);

  background: var(--logo-color);

  font-weight: 500;

  transition: all 0.4s ease;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 7px;

  width: 150px;

  

  border:none;

}

#msform .action-button:hover  {

  padding: 10px 20px;

  border-radius: 10px;

  color: var(--common-color-blackk);

  background: var(--common-color);



  border:none;

}

.multbutn {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



#msform .action-action-button:hover,

#msform .action-action-button:focus {

  background-color:  var(--common-color);

  color: var(--common-color-blackk);

}

#msform .action-button-previous {

  padding: 10px 20px;

  border-radius: 10px;

  color: var(--common-color-blackk);

  background: var(--common-color);

  font-weight: 500;

  transition: all 0.4s ease;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 7px;

  width: 150px;

  

  border: none;

}



#msform .action-button-previous:hover,

#msform .action-button-previous:focus {

  background-color:  var(--logo-color);

  color: var(--common-color);

}



.card {

  z-index: 0;

  border: none;

  position: relative;

}



.fs-title {

  font-size: 25px;

  color: #09be00;

  margin-bottom: 15px;

  font-weight: normal;

  text-align: left;

}



.purple-text {

  color: #09be00;

  

}



.steps {

  font-size: 25px;

  color: gray;

  margin-bottom: 10px;

  font-weight: normal;

  text-align: right

}



.fieldlabels {

  color: gray;

  text-align: left

}



#progressbar {

  margin-bottom: 30px;

  overflow: hidden;

  display: flex;

  justify-content: center;

  align-items: center;

}



#progressbar .active {

  color: #09be00;

}



#progressbar li {

  list-style-type: none;

  font-size: 15px;

  width: 25%;

  float: left;

  position: relative;

  font-weight: 400;

  color: #b3b3b3;

}



#progressbar #account:before {

  content: "1"

}



#progressbar #personal:before {



  content: "2"

}



#progressbar #payment:before {

  content: "3"

}



#progressbar #confirm:before {

  font-family: FontAwesome;

  content: "\f00c"

}



#progressbar li:before {

  width: 50px;

  height: 50px;

  line-height: 45px;

  display: inline-block;

  font-size: 20px;

  color: #9E9E9E;

  border: 1px solid #9E9E9E;

  border-radius: 50%;

  margin: 0px 10px 0px auto;

  padding: 2px;

}

#progressbar li.active:before {

  width: 50px;

  height: 50px;

  line-height: 45px;

  display: inline-block;

  font-size: 20px;

  color: #ffffff;

  border: 1px solid #2ed573;

  border-radius: 50%;

  margin: 0px 10px 0px auto;

  padding: 2px;

}

#progressbar li:after {

  content: '';

  width: 100%;

  height: 2px;

  background: lightgray;

  color: #000;

  position: absolute;

  left: 0;

  top: 25px;

  z-index: -1

}



#progressbar li.active:before,

#progressbar li.active:after {

  background: #2ED573;

}



.progress {

display: none;

}



.progress-bar {

  background-color:  #2ED573;

}



.fit-image {

  width: 100%;

  object-fit: cover

}



.progress {



  display: none;

}



.multbutn {

  display: flex;

  justify-content: space-between;

  align-items: center;

}







/* tags design */







#tagI {

  width: 100%; padding: 10px; margin-bottom: 10px;



}



/* (PART C) TAGS */

#tagS, #tagS .tag, #tagS .tag::after { display: flex; }

#tagS { flex-wrap: wrap; }

#tagS .tag {

  cursor: pointer; align-items: center;

  padding: 8px 15px; margin: 3px; border-radius: 25px;

  font-size: 18px; color: #fff; background: #01ABF3;

}

#tagS .tag::after {

  justify-content: center; align-items: center;

  width: 20px; height: 20px; font-size: 14px;

  background: #01ABF3; border-radius: 50%;

  margin-left: 10px; content: "x";

}

#tagS .tag:hover { background: #01ABF3 }

/* #tagS .tag:hover.tag::after { background: #fff; } */



/* end tag design */







/* range slider */



.price-input .field span {

  color: #01abf3;

}

.price-input{

  width: 100%;

  display: flex;

  margin: 0;

  /* margin-bottom: 1px; */

}

.price-input .field{

  display: flex;

  width: 100%;

  margin-bottom: 15px;

  /* height: 25px;

  align-items: center; */

}

.field input{    

  width: 100%;

  height: 100%;

  outline: none;

  font-size: 14px;

  border-radius: 5px;

  color: #01abf3;

  text-align: left;

  font-weight: 600;

  border: none;

  -moz-appearance: textfield;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input .separator{

  width: 130px;

  display: flex;

  font-size: 14px;

  align-items: center;

  justify-content: center;

}

.slider{

  height: 5px;

  position: relative;

  background: #01abf3;

  border-radius: 5px;

}

.slider .progress{

  height: 100%;

  left: 5%;

  right: 5%;

  position: absolute;

  border-radius: 5px;

  background: #01ABF3;

}

.range-input{

  position: relative;

}

.range-input input{

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb{

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}

input[type="range"]::-moz-range-thumb{

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}





/* second range slide */







.price-input2 .field2 span {

  color: #01abf3;

}

.price-input2{

  

  width: 100%;

  display: flex;

  margin: 0 0 6px;

}

.price-input2 .field2{

  display: flex;

  width: 100%;

  margin-bottom: 15px;

  /* height: 25px;

  align-items: center; */

}

.field2 input{    

  width: 100%;

  height: 100%;

  outline: none;

  font-size: 14px;

  border-radius: 5px;

  color: #01abf3;

  text-align: left;

  font-weight: 600;

  border: none;

  -moz-appearance: textfield;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input2 .separator{

  width: 130px;

  display: flex;

  font-size: 14px;

  align-items: center;

  justify-content: center;

}

.slider2{

  height: 5px;

  position: relative;

  background: #01abf3;

  border-radius: 5px;

}

.slider2 .progress2{

  height: 100%;

  left: 5%;

  right: 5%;

  position: absolute;

  border-radius: 5px;

  background: #01ABF3;

}

.range-input2{

  position: relative;

}

.range-input2 input{

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb{

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}

input[type="range"]::-moz-range-thumb{

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}





/* end second slider */













/* third range slide */







.price-input3 .field3 span {

  color: #01abf3;

}

.price-input3{

  

  width: 100%;

  display: flex;

  margin: 0 0 6px;

}

.price-input3 .field3{

  display: flex;

  width: 100%;

  margin-bottom: 15px;

  /* height: 25px;

  align-items: center; */

}

.field3 input{    

  width: 100%;

  height: 100%;

  outline: none;

  font-size: 14px;

  border-radius: 5px;

  color: #01abf3;

  text-align: left;

  font-weight: 600;

  border: none;

  -moz-appearance: textfield;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input3 .separator{

  width: 130px;

  display: flex;

  font-size: 14px;

  align-items: center;

  justify-content: center;

}

.slider3{

  height: 5px;

  position: relative;

  background: #01abf3;

  border-radius: 5px;

}

.slider3 .progress3{

  height: 100%;

  left: 5%;

  right: 5%;

  position: absolute;

  border-radius: 5px;

  background: #01ABF3;

}

.range-input3{

  position: relative;

}

.range-input3 input{

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb{

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}

input[type="range"]::-moz-range-thumb{

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}





/* end second slider */



/* slider4 */







.price-input4 .field4 span {

  color: #01abf3;

}

.price-input4{

  

  width: 100%;

  display: flex;

  margin: 0 0 6px;

}

.price-input4 .field4{

  display: flex;

  width: 100%;

  margin-bottom: 15px;

  /* height: 25px;

  align-items: center; */

}

.field4 input{    

  width: 100%;

  height: 100%;

  outline: none;

  font-size: 14px;

  border-radius: 5px;

  color: #01abf3;

  text-align: left;

  font-weight: 600;

  border: none;

  -moz-appearance: textfield;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input4 .separator{

  width: 130px;

  display: flex;

  font-size: 14px;

  align-items: center;

  justify-content: center;

}

.slider4{

  height: 5px;

  position: relative;

  background: #01abf3;

  border-radius: 5px;

}

.slider4 .progress4{

  height: 100%;

  left: 5%;

  right: 5%;

  position: absolute;

  border-radius: 5px;

  background: #01ABF3;

}

.range-input4{

  position: relative;

}

.range-input4 input{

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb{

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}

input[type="range"]::-moz-range-thumb{

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}





/* slider5 */



.price-input5 .field5 span {

  color: #01abf3;

}

.price-input5{

  

  width: 100%;

  display: flex;

  margin: 0 0 6px;

}

.price-input5 .field5{

  display: flex;

  width: 100%;

  margin-bottom: 15px;

  /* height: 25px;

  align-items: center; */

}

.field5 input{    

  width: 100%;

  height: 100%;

  outline: none;

  font-size: 14px;

  border-radius: 5px;

  color: #01abf3;

  text-align: left;

  font-weight: 600;

  border: none;

  -moz-appearance: textfield;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input5 .separator{

  width: 130px;

  display: flex;

  font-size: 14px;

  align-items: center;

  justify-content: center;

}

.slider5{

  height: 5px;

  position: relative;

  background: #01abf3;

  border-radius: 5px;

}

.slider5 .progress5{

  height: 100%;

  left: 5%;

  right: 5%;

  position: absolute;

  border-radius: 5px;

  background: #01ABF3;

}

.range-input5{

  position: relative;

}

.range-input5 input{

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb{

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}

input[type="range"]::-moz-range-thumb{

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}





/* slider5 second slider */







/* slider5 */



.price-input6 .field6 span {

  color: #01abf3;

}

.price-input6{

  

  width: 100%;

  display: flex;

  margin: 0 0 6px;

}

.price-input6 .field6{

  display: flex;

  width: 100%;

  margin-bottom: 16px;

  /* height: 25px;

  align-items: center; */

}

.field6 input{    

  width: 100%;

  height: 100%;

  outline: none;

  font-size: 14px;

  border-radius: 5px;

  color: #01abf3;

  text-align: left;

  font-weight: 600;

  border: none;

  -moz-appearance: textfield;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input6 .separator{

  width: 130px;

  display: flex;

  font-size: 14px;

  align-items: center;

  justify-content: center;

}

.slider6{

  height: 5px;

  position: relative;

  background: #01abf3;

  border-radius: 5px;

}

.slider6 .progress6{

  height: 100%;

  left: 5%;

  right: 5%;

  position: absolute;

  border-radius: 5px;

  background: #01ABF3;

}

.range-input6{

  position: relative;

}

.range-input6 input{

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb{

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}

input[type="range"]::-moz-range-thumb{

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}





/* slider6 second slider */









/* slider7 */



.price-input7 .field7 span {

  color: #01abf3;

}

.price-input7{

  

  width: 100%;

  display: flex;

  margin: 0 0 6px;

}

.price-input7 .field7{

  display: flex;

  width: 100%;

  margin-bottom: 16px;

  /* height: 25px;

  align-items: center; */

}

.field7 input{    

  width: 100%;

  height: 100%;

  outline: none;

  font-size: 14px;

  border-radius: 5px;

  color: #01abf3;

  text-align: left;

  font-weight: 600;

  border: none;

  -moz-appearance: textfield;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input7 .separator{

  width: 130px;

  display: flex;

  font-size: 14px;

  align-items: center;

  justify-content: center;

}

.slider7{

  height: 5px;

  position: relative;

  background: #01abf3;

  border-radius: 5px;

}

.slider7 .progress7{

  height: 100%;

  left: 5%;

  right: 5%;

  position: absolute;

  border-radius: 5px;

  background: #01ABF3;

}

.range-input7{

  position: relative;

}

.range-input7 input{

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb{

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}

input[type="range"]::-moz-range-thumb{

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}





/* slider7 second slider */













/* slider7 */



.price-input8 .field8 span {

  color: #01abf3;

}

.price-input8{

  

  width: 100%;

  display: flex;

  margin: 0 0 6px;

}

.price-input8 .field8{

  display: flex;

  width: 100%;

  margin-bottom: 16px;

  /* height: 25px;

  align-items: center; */

}

.field8 input{    

  width: 100%;

  height: 100%;

  outline: none;

  font-size: 14px;

  border-radius: 5px;

  color: #01abf3;

  text-align: left;

  font-weight: 600;

  border: none;

  -moz-appearance: textfield;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input8 .separator{

  width: 130px;

  display: flex;

  font-size: 14px;

  align-items: center;

  justify-content: center;

}

.slider8{

  height: 5px;

  position: relative;

  background: #01abf3;

  border-radius: 5px;

}

.slider8 .progress8{

  height: 100%;

  left: 5%;

  right: 5%;

  position: absolute;

  border-radius: 5px;

  background: #01ABF3;

}

.range-input8{

  position: relative;

}

.range-input8 input{

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb{

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}

input[type="range"]::-moz-range-thumb{

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}





/* slider8 second slider */









/* slider9 */



.price-input9 .field9 span {

  color: #01abf3;

}

.price-input9{

  

  width: 100%;

  display: flex;

  margin: 0 0 6px;

}

.price-input9 .field9{

  display: flex;

  width: 100%;

  margin-bottom: 16px;

  /* height: 25px;

  align-items: center; */

}

.field9 input{    

  width: 100%;

  height: 100%;

  outline: none;

  font-size: 14px;

  border-radius: 5px;

  color: #01abf3;

  text-align: left;

  font-weight: 600;

  border: none;

  -moz-appearance: textfield;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input9 .separator{

  width: 130px;

  display: flex;

  font-size: 14px;

  align-items: center;

  justify-content: center;

}

.slider9{

  height: 5px;

  position: relative;

  background: #01abf3;

  border-radius: 5px;

}

.slider9 .progress9{

  height: 100%;

  left: 5%;

  right: 5%;

  position: absolute;

  border-radius: 5px;

  background: #01ABF3;

}

.range-input9{

  position: relative;

}

.range-input9 input{

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb{

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}

input[type="range"]::-moz-range-thumb{

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}





/* slider8 second slider */













/* slider7 */



.price-input10 .field10 span {

  color: #01abf3;

}

.price-input10{

  

  width: 100%;

  display: flex;

  margin: 0 0 6px;

}

.price-input10 .field10{

  display: flex;

  width: 100%;

  margin-bottom: 16px;

  /* height: 25px;

  align-items: center; */

}

.field10 input{    

  width: 100%;

  height: 100%;

  outline: none;

  font-size: 14px;

  border-radius: 5px;

  color: #01abf3;

  text-align: left;

  font-weight: 600;

  border: none;

  -moz-appearance: textfield;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input10 .separator{

  width: 130px;

  display: flex;

  font-size: 14px;

  align-items: center;

  justify-content: center;

}

.slider10{

  height: 5px;

  position: relative;

  background: #01abf3;

  border-radius: 5px;

}

.slider10 .progress10{

  height: 100%;

  left: 5%;

  right: 5%;

  position: absolute;

  border-radius: 5px;

  background: #01ABF3;

}

.range-input10{

  position: relative;

}

.range-input10 input{

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb{

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}

input[type="range"]::-moz-range-thumb{

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}





/* slider10 second slider */











/* slider7 */



.price-input11 .field11 span {

  color: #01abf3;

}

.price-input11{

  

  width: 100%;

  display: flex;

  margin: 0 0 6px;

}

.price-input11 .field11{

  display: flex;

  width: 100%;

  margin-bottom: 16px;

  /* height: 25px;

  align-items: center; */

}

.field11 input{    

  width: 100%;

  height: 100%;

  outline: none;

  font-size: 14px;

  border-radius: 5px;

  color: #01abf3;

  text-align: left;

  font-weight: 600;

  border: none;

  -moz-appearance: textfield;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input11 .separator{

  width: 130px;

  display: flex;

  font-size: 14px;

  align-items: center;

  justify-content: center;

}

.slider11{

  height: 5px;

  position: relative;

  background: #01abf3;

  border-radius: 5px;

}

.slider11 .progress11{

  height: 100%;

  left: 5%;

  right: 5%;

  position: absolute;

  border-radius: 5px;

  background: #01ABF3;

}

.range-input11{

  position: relative;

}

.range-input11 input{

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb{

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}

input[type="range"]::-moz-range-thumb{

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}





/* slider10 second slider */







/* slider7 */



.price-input12 .field12 span {

  color: #01abf3;

}

.price-input12{

  

  width: 100%;

  display: flex;

  margin: 0 0 6px;

}

.price-input12 .field12{

  display: flex;

  width: 100%;

  margin-bottom: 16px;

  /* height: 25px;

  align-items: center; */

}

.field12 input{    

  width: 100%;

  height: 100%;

  outline: none;

  font-size: 14px;

  border-radius: 5px;

  color: #01abf3;

  text-align: left;

  font-weight: 600;

  border: none;

  -moz-appearance: textfield;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input12 .separator{

  width: 130px;

  display: flex;

  font-size: 14px;

  align-items: center;

  justify-content: center;

}

.slider12{

  height: 5px;

  position: relative;

  background: #01abf3;

  border-radius: 5px;

}

.slider12 .progress12{

  height: 100%;

  left: 5%;

  right: 5%;

  position: absolute;

  border-radius: 5px;

  background: #01ABF3;

}

.range-input12{

  position: relative;

}

.range-input12 input{

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb{

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}

input[type="range"]::-moz-range-thumb{

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #01ABF3;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0,0,0,0.05);

}





/* slider10 second slider */







/* maintable */



a#showcontent.active {

  background: #01abf3;

  color: #fff;

}





a#hidebtn.active {

  background: #01abf3;

  color: #fff;

}


/* bootstrap pagination */
.paginations li.page-item.active {
  display: inline-block;
  text-align: center;
  background-color: var(--dark-color);
  border-radius: 50%;
}
.paginations .page-item.active .page-link {

    z-index: 1;
  color: #000;
  background-color: #007bff;
  border-color: #CAF0FF !important;
  background-color: var(--dark-color);
  border-radius: 50% !important;
  height: 37px;
  width: 37px;
}

.page-link:hover {
  
  
  text-decoration: none;
  background-color: #caf0ff !important;
  border: none !important;
  color: #212529 !important;
  border-radius: 50% !important;

}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  /* color: #007bff; */
  background-color: #fff;
  
  height: 37px;
  width: 37px;
}
.page-link {
color: #212529 !important;
  font-weight: 500;
  border: none !important;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: none !important;
}

.myaccount .dashleft .dashlik li a.active {
  background: #01abf3;
  color: #fff;
}






a.notification {
  background: #01abf340;
  width: 41px;
  height: 41px;
  display: block;
  text-align: center;
  color: #222;
  border-radius: 50px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 9;
  align-items: center;
  padding-left: 8px !important;
  padding-top: 8px !important;
}


#studentpersonalinfo .notice h3 {
  font-size: 20px;
  font-family: "inter";
  color: #ffffff;
  margin-bottom: 10px;
  padding: 10px;

  background: #084b61;
}
#studentpersonalinfo .modal-footer{
  display: none;
}

#studentpersonalinfo .notice ul {
  background: #d9f4ff;
  
  padding-left: 30px;
}

#studentpersonalinfo .notice ul li {
  color: var(--heading-color);
  padding: 8px;
  list-style: disc;
  font-weight: 500;
}


.tablefilt .main-table tbody tr td h2 a {
  text-decoration: none;
  color: var(--heading-color);
  max-width: 245px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 20px;
}