/*body,.popover{font-family:'Segoe UI','Arial', sans-serif !important; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);  font-size: 14px;}*/
/*.h6, h6{font-size: 18px !important;}
.h5, h5{font-size: 22px !important;}*/

.bgshade-1 {
    
  background-repeat: no-repeat;
  background-color:#e5e5e5 !important;
}
/*
.formRow--input, .picker__box, .btn,  .alert, .rounded,    .modal-content, .borderonlyselected {
  border-radius: 8px !important;
}
*/

.bg-success{background-color: #fff !important;}

#filter_nav{border:solid 1px #d3d3d3 !important; border-radius: 8px !important;}
.rounded ,.card{box-shadow: 0 0px 0px rgba(0,0,0,.15)!important;}
/* .flight-summary{box-shadow: 0 0px 0px rgba(0,0,0,.15)!important;    border: solid 1px #afc3f7;} */
/*.detail-shadow .bg-light{background-color: #fff !important;}*/
#term_box .text-light,#coupon_row .text-light,.col .text-light,#flight_nav .text-light,#flight_nav .text-light,#sort_nav .text-light{color:#222 !important}
/*.detail-shadow .p-3{background-color: #fff !important;}*/

.flight-summary{}
/*
.bgshade-2{ background:#f56008e0 !important; border:solid 1px #f56008e0;}
.bgshade-2:hover{background:#f56008e0 !important; border:solid 1px #f56008e0;}
*/
.category{top:0px;}

.cssload-loader:after{background-color: #054fec !important;}
.cssload-loader:before, .cssload-loader:after{background-color: #054fec !important;}


.bg-modify{background:#0061db; margin-bottom: 15px;}
.bg-modify .bgshade-2{ background:#f56008e0 !important; border:solid 1px #f56008e0;}
.bg-modify .bgshade-2:hover{background:#f56008e0 !important; border:solid 1px #f56008e0;}
.bg-modify hr{display: none;}

.profile-card-2 {
  max-width: 600px;
  background-color: #FFF;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
  background-position: center;
  overflow: hidden;
  position: relative;
  margin: 2px auto;
  cursor: pointer;
  border-radius: 10px;
}

.profile-card-2 img {
  transition: all linear 0.25s;
}

.profile-card-2 .profile-name {
  position: absolute;
  left: 30px;
  bottom: 70px;
  font-size: 30px;
  color: #FFF;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  font-weight: bold;
  transition: all linear 0.25s;
}

.profile-card-2 .profile-icons {
  position: absolute;
  bottom: 30px;
  right: 30px;
  color: #FFF;
  transition: all linear 0.25s;
}

.profile-card-2 .profile-username {
  position: absolute;
  bottom: 50px;
  left: 30px;
  color: #FFF;
  font-size: 13px;
  transition: all linear 0.25s;
}

.profile-card-2 .profile-icons .fa {
  margin: 5px;
}

.profile-card-2:hover img {
  filter: grayscale(100%);
}

.profile-card-2:hover .profile-name {
  bottom: 80px;
}

.profile-card-2:hover .profile-username {
  bottom: 60px;
}

.profile-card-2:hover .profile-icons {
  right: 40px;
}

.breadcrumb_a {
  border: solid 1px #78a8ff;
}

.flat a:hover, .flat a.active, .flat a:hover:after, .flat a.active:after
{
  background: #76a1ff;
}
.text-primary {
  color: #054fec!important;
}
/* .h4, h4{font-size: 28px;}*/ 
.formRow--input, .picker__box, .btn, .card-header, .alert, .rounded, .card-img-top, .card, .nav-link, .tab-content, .detailTabs, .form-control, .list-group-item, .breadcrumb, .modal-content {
  border-radius: 0px !important;
}





.formRow--input, .picker__box, .btn,  .alert, .rounded,    .modal-content, .borderonlyselected {
  border-radius: 8px !important;
}

/*
.formRow--input, .picker__box, .btn, .card-header, .alert, .rounded, .card-img-top, .card, .nav-link, .tab-content, .detailTabs, .form-control, .list-group-item, .breadcrumb, .modal-content {
  border-radius: 0px !important;
}

.formRow--input, .picker__box, .btn,  .alert, .rounded,    .modal-content, .borderonlyselected {
  border-radius: 8px !important;
}





.borderonlyselected{border-color:#dc3545; overflow: hidden;}

.text-primary {
  color: #f25400!important;
}
.feed_itm {border-radius: 20px !important; overflow: hidden; }
.feed_itm_inr{}

.modify-search-xs h3 i{border:#000 solid 1px;}


.bgshade-2{ background:#f25400 !important; border:solid 1px #f25400;}
.bgshade-2:hover{background:#f25400 !important; border:solid 1px #f25400;}
.swapicon {
  color: #f25400!important;
}
.flight-summary{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
#filter_nav{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}

#sort_nav .text-light{color:#fff !important;}
#term_box .text-light{color:#fff !important;}

.modify-search .text-light{color:#fff !important;}
.modify-search-xs.text-white{color:#fff !important;}
.h5.text-light{color:#fff !important; font-weight: bold;}

*/



#page_form .formRow--input{padding:8px 10px !important;}

#page_form .formRow--input-wrapper.active .placeholder{top: -10px !important;font-size: 11px !important;}

#page_form .formRow .placeholder {left:5px !important;font-size: 13px !important;}



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body {
  font-family: sarala;
  overflow-x: hidden;
  position: relative;
  z-index: 999;
  clip-path: inset(0);
}

.body-mains {
  background-color: white !important;
}



/* ////////////////////////////////////////////////////////////////////////////////////////////////////// NAVBAR \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
nav.navbar-light .navbar-nav .nav-link {
  font-size: 12px;
  color: black;
}
.text-success{
  color: #00c7b1 !important;
}

nav .navbar-nav .nav-item.active {
  /* border: 1px solid #006cff; */
  border: 1px solid #00c7b1;
  border-radius: 25rem;
}

nav .navbar-nav .nav-item.active .nav-link {
  color: #00c7b1;
}

nav .navbar-nav .nav-item.active .nav-link img {
  /* filter: invert(27%) sepia(51%) saturate(4349%) hue-rotate(208deg) brightness(101%) contrast(104%); */
  filter: invert(61%) sepia(25%) saturate(676%) hue-rotate(138deg) brightness(94%) contrast(93%);
}

/* PROGRESS STEPS */
.w-lg-50 {
  width: 35%;
}

@media only screen and (max-width: 992px) {
  .w-lg-50 {
    width: 75%;
  }
}
.progress-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #9393A0
}

.progress-steps>li {
  position: relative;
  display: table-cell;
  text-align: center;
  font-size: .8em;
}

.progress-steps>li span {

  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  /* padding-top: 5px; */
  display: block;
  font-size: 14px;
  line-height: 15px
}

.progress-steps>li:before {
  content: '';
  display: block;
  margin: .18em auto;
  background: #d7d7de;
  color: #d7d7de;
  outline: 3px solid #fff;
  width: 18px;
  height: 18px;
  text-align: center;
  margin-bottom: .25em;
  line-height: 2.1em;
  border-radius: 100%;
  position: relative;
  z-index: 1;
}

li.set-margin:before {
  margin-bottom: 12px;
  margin-top: 12px;
}

.progress-steps>li:after {
  content: '';
  position: absolute;
  display: block;
  background: #d7d7de;
  width: 100%;
  height: 2px;
  top: 10px;
  left: 50%;
  margin-left: 1.5em\9
}

.progress-steps>li:last-child:after {
  display: none
}

.progress-steps>li.is-complete {
  color: black;
}

.progress-steps>li.is-complete:before {
  content: '';
  color: #FFF;
  background:#07ab53;
  /* border: 4px solid#07ab53; */
  width: 18px;
  height: 18px;
}

.progress-steps>li.is-complete::after {
  background:#07ab53;
  color: #650cb3;
  top: 10px;
}

.progress-steps>li.is-active {
  color: black;
}

.progress-steps>li.is-active:before {
  color: #9013fe;
  background:#07ab53;
  /* border: 3px solid #00c280; */
  width: 18px;
  height: 18px;
}

.progress-steps>li.is-active:after {
  top: 10px;
}

.progress-steps>li.last:after {
  background: #00c280 !important;
}

.progress-steps__last:after {
  display: none !important
}

.progress-wrap *,
.progress-wrap *:after,
.progress-wrap *:before {
  box-sizing: border-box
}

.error {
  color: #ff0000;
}
.clearbtn{
  right: 16px !important;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// NAVBAR \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// FOOTER \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
#footer,
#footerCopy {
    background-color: #fff !important;
    color: black !important;
}

.list-unstyled a {
    color: #343a40 !important;
}

#footer ul.quick-links li a:hover {
    color: #00c7b1 !important;
}

.bg-grey {
  background-color: #e0e0e0 !important;
}

/* FLOATING BTN */
.floating_btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 116px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
      box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
  background-color: #07ab53;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size: 30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #07ab53;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}


.text_icon {
  margin-top: 8px;
  color: #fff;
  background-color: #006cff;
  padding: 2px 4px;
  border-radius: 5px;
  font-size: 11px;
}

.floating_btn a {
  text-decoration: none;
}

.call-bottom.rounded-top{
  border-radius: 15px 15px 0 0 !important;
}
@media (max-width: 992px) and (min-width: 557px){
  .call-bottom{
      left: 29% !important; 
      transform: translateX(-15%);
      right: auto !important;
  }
  .text_icon{
      background-color: #07ab53;
  }
}

.social_footer_icons {
  width: 45px;
  height: 45px;
  font-size: 1rem;
  background: #111 !important;
  border-radius: 50%;
  box-shadow: 0 2px 2px #d1d1d1;
  cursor: pointer;
  transition: all 0.15s ease;
}
.social_footer_icons.facebook_footer_icon:hover {
  background: #4267B2 !important;
}
.social_footer_icons.instagram_footer_icon:hover {
  background-image: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
}



/* FLOATING BTN */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// FOOTER \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// SEARCH TOP \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* clock div */
.top-bar.scroll-to-fixed-fixed {
  -webkit-box-shadow: 0 8px 10px -6px #666;
  -moz-box-shadow: 0 8px 10px -6px #666;
  box-shadow: 0 8px 10px -6px #666;
}
/* clock div */



#from::before {
  content: 'FROM';
  color: #00c7b1;
  position: absolute;
  font-size: 12px;
  top: -10px;
  /* background-color: white; */
  padding: 2px 5px;
}

#to::before {
  content: 'TO';
  color: #00c7b1;
  position: absolute;
  font-size: 12px;
  top: -10px;
  /* background-color: white; */
  padding: 2px 5px;
}

#date::before {
  content: 'TRAVEL DATE';
  color: #00c7b1;
  position: absolute;
  font-size: 12px;
  top: -10px;
  /* background-color: white; */
  padding: 2px 5px;
}

#traveller_search::before {
  content: 'TRAVELER & CABIN';
  color: #00c7b1;
  position: absolute;
  font-size: 12px;
  top: -10px;
  /* background-color: white; */
  padding: 2px 5px;
}
#triptype::before {
  content: 'TRIP';
  color: #00c7b1;
  position: absolute;
  font-size: 12px;
  top: -10px;
  /* background-color: white; */
  padding: 2px 0px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// SEARCH TOP \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// RESULT PAGE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.owl-carousel .owl-item img.al {
  width: 32px;
  height: 32px;
}
#flight_nav .flight-summary:hover{
  border: .5px solid #00c7b1 !important;
  /* box-shadow: none !important; */
  transition: border .5s ease-out;
}
#flight_nav .flight-summary{
  box-shadow: 0 3px 6px rgba(25,27,36,0.16),0 -1px 4px rgba(25,27,36,0.04) !important;
  border: 0 !important;
  transition: border .5s ease-out;
}

.flight-summary .money{
  /* color: #009771 !important; */
  color: #000 !important;
}

.flight-summary .money sup{
  top: -0.8em !important;
  font-size: 15px;
}
/* PLANE LOADER */
.airplaneAnimation {
  position: relative;
  width: 100%;
  /* width: 400px; */
  height: 400px;
  /* border-radius: 50%; */
  background-color:#f2f9ff;
  overflow: hidden;
}

.plane_load {
  position: relative;
  /* left: 24%; */
  top: 138px;
  animation: fly 2s linear infinite;
}
.plane_load img{
  width: 35%;
}

@media only screen and (max-width: 1200px) {
  .plane_load {
      /* left: 18%; */
  }
}

@media only screen and (max-width: 767px) {
  .plane_load img{
      /* left: 7%; */
      width: 55%;
  }
}

@media only screen and (max-width: 465px) {
  .plane_load img{
      /* left: 0; */
      width: 55% !important;
  }
}

@media only screen and (max-width: 371px) {
  .plane_load img{
      /* left: -16%; */
      width: 65% !important;
  }
}

@keyframes fly {
  0% {
      transform: translateY(0);
  }

  25% {
      transform: translateY(-10px);
  }

  50% {
      transform: translateY(0);
  }

  75% {
      transform: translateY(10px);
  }

  100% {
      transform: translateY(0);
  }
}

.main {
  position: absolute;
  width: 220px;
  height: 40px;
  background-color: #0077b6;
  top: 100px;
  left: 100px;
  border-radius: 0 100px 30px 100px;
  overflow: hidden;
  box-shadow: inset -10px -10px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.main:before,
.main:after {
  content: "";
  position: absolute;
  background-color: #fdc921;
  top: 10px;
}

.main:before {
  width: 40px;
  height: 10px;
  border-radius: 0 0 0 30px;
  left: 190px;
}

.main:after {
  width: 5px;
  height: 10px;
  border-radius: 20px;
  left: 160px;
  box-shadow: -10px 0 #fdc921, -20px 0 #fdc921, -30px 0 #fdc921, -40px 0 #fdc921, -50px 0 #fdc921, -60px 0 #fdc921, -70px 0 #fdc921, -80px 0 #fdc921, -90px 0 #fdc921, -100px 0 #fdc921, -110px 0 #fdc921, -120px 0 #fdc921;
}

.wingOne {
  position: absolute;
  width: 20px;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 80px solid #0077b6;
  height: 0;
  top: 115px;
  left: 160px;
  transform: skew(-45deg) rotateX(30deg);
  z-index: 4;
}

.wingTwo {
  position: absolute;
  width: 20px;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-bottom: 80px solid #023e8a;
  height: 0;
  top: 55px;
  left: 160px;
  transform: skew(45deg) rotateX(30deg);
}

.wingTwo:after {
  content: "";
  position: absolute;
  width: 20px;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 35px solid #0077b6;
  height: 0;
  left: -100px;
  top: 29px;
}

.wingOne:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 25px;
  background-color: #0077b6;
  top: -105px;
  left: -140px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.wingTwo:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 25px;
  background-color: #023e8a;
  left: -80px;
  top: 35px;
  transform: skew(-55deg);
}

.clouds {
  position: absolute;
  top: 50px;
  left: 100px;
}

@keyframes cloud {
  from {
      left: -250px;
  }

  to {
      left: 800px;
  }
}

.cloudOne,
.cloudTwo,
.cloudThree {
  position: absolute;
  width: 50px;
  height: 25px;
  background-color: #fff;
  border-radius: 100px 100px 0 0;
}

.cloudOne {
  top: 0;
  left: 0;
  animation: cloud 5s linear infinite reverse;
}

.cloudTwo {
  top: 50px;
  left: 100px;
  animation: cloud 4.5s linear infinite reverse;
}

.cloudThree {
  top: 250px;
  left: 50px;
  animation: cloud 4.8s linear infinite reverse;
}

.cloudOne:before,
.cloudTwo:before,
.cloudThree:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 12.5px;
  background-color: #fff;
  border-radius: 100px 100px 0 0;
  left: -20px;
  top: 12.5px;
  box-shadow: 65px 0 #fff;
}


.pollution {
  position: absolute;
  background-color: #fff;
  top: 130px;
  left: 65px;
  width: 30px;
  height: 10px;
  border-radius: 20px;
  opacity: 0;
  animation: up 1s linear infinite;
}

.pollution:before,
.pollution:after {
  content: "";
  position: absolute;
  background-color: #fff;
  border-radius: 20px;
  opacity: 0;
  width: 30px;
  height: 10px;
}

.pollution:after {
  top: 10px;
  left: -25px;
  animation: up 2s linear infinite;
}

.pollution:before {
  top: -10px;
  left: -35px;
  animation: up 3s linear infinite;

}

@keyframes up {
  20% {
      opacity: 0.7;
  }

  35% {
      left: 100px;
      opacity: 0.7;
  }

  70% {
      left: 70px;
      opacity: 0;
  }
}
/* PLANE LOADER */


/* ////////////////////////////////////////////////////////////////////////////////////////////////////// RESULT PAGE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// BOOK PAGE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
#page_form .formRow--input {
  padding: 15px 20px 11px !important;
}

#page_form select.formRow--input {
  padding: 14px 20px 14px !important;
}

#page_form select.formRow--input#paxCountry {
  padding: 12px 20px 12px !important;
}

input[type="radio"] {
  margin-top: 3px;
}

.route,
.seat {
  padding: 5px 0;
  cursor: pointer;
}

.route:hover,
.seat:hover {
  background-color: #ececec;
}

.route_select,
.seat_select {
  width: 93%;
}

.route_field,
.seat_field {
  cursor: pointer;
}
.route_field:hover{
  border-color: #006cff !important;
  transition: all .5s;
}
.seat_field:hover{
  border-color: #006cff !important;
  transition: all .5s;
}
@media only screen and (max-width: 519px) {

  #luggage_modal .input-group .form-control,
  #luggage_modal .input-group .btn {
      padding: 1px 8px !important;
      font-size: 14px;
      height: 28px;
  }
}

/* seat map */
.nav-tabs .seat_map_btn.active{
  background-color: #006cff !important;
  /* border: 1px solid #006cff !important; */
  border-radius: 10px !important;
  color: white !important;
}

.aircraft {
  position: relative;
  margin: 80px auto;
  background: #fff;
  padding: 25px;
  scale: 0.8;
  transform: rotate(90deg);
}

.aircraft-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  min-width: min-content;
  margin: auto;
  border: 2px solid #c5c5c7;
  min-height: 280px;
  border-right: none;
  border-left: none;
  padding: 10px;
  background: #fff;
  left: 250px;
}

.aircraft-body .top-left-exists {
  position: absolute;
  left: -42px;
  top: -35px;
}

.aircraft-body .top-right-exists {
  position: absolute;
  right: -42px;
  top: -35px;
}

.aircraft-body .bottom-right-exists {
  position: absolute;
  transform: rotate(180deg);
  right: -42px;
  bottom: -35px;
}

.aircraft-body .bottom-left-exists {
  position: absolute;
  transform: rotate(180deg);
  left: -42px;
  bottom: -35px;
}

.aircraft-body .seats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.aircraft-body .seats:first-child {
  margin-bottom: 20px;
}

.aircraft-body .seats-triple {
  margin-right: 20px;
}

.aircraft-body .seats-triple::before {
  content: attr(data-line);
  position: relative;
  text-align: center;
  font-family: tahoma;
  /* display: inline-block;
  transform: rotate(-90deg); */
  left: 15px;
  font-size: 12px;
}

.aircraft-body .seats-triple.first-line .seat::after {
  left: -25px;
}

.aircraft-body .seats-triple.last-line .seat::after {
  right: -52px;
}

.aircraft-body .seat {
  cursor: pointer;
  border: solid 1px #88857c;
  width: 39px;
  height: 33px;
  border-radius: 4px;
}

.aircraft-body .seat.active {
  background: #e6e7e9;
}

.aircraft-body .seat.disabled {
  background: grey;
}

.aircraft-body .seat.select {
  background: #82ca82;

}

.aircraft-body .seat.empty {
  background: #fff;
}

.aircraft-body .seat {
  padding: 1px;
  margin-top: 6px;
}

.aircraft-body .seat::before {
  content: "";
  display: block;
  width: 30px;
  height: 26px;
  border: solid 1px #88857c;
  margin: 2px -2px;
  border-left: none;
  border-radius: 0 5px 5px 0;
}

.aircraft-body .seat::after {
  position: relative;
  content: attr(data-letter);
  font-family: tahoma;
  display: inline-block;
  transform: rotate(-90deg);
  top: -25px;
}

.aircraft .exists {
  display: flex;
  justify-content: space-evenly;
  align-items: bottom;
  position: relative;
  left: -280px;
}

.aircraft-top-wing {
  position: absolute;
  width: 250px;
  height: 200px;
  top: -202px;
  left: 50%;
}

.aircraft-top-wing .exists {
  top: 170px;
}

.aircraft-top-wing::before {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 250px;
  height: 200px;
  border: 2px solid #c5c5c7;
  z-index: -1;
  border-bottom-left-radius: 30px;
  border-right: none;
  border-top: none;
}

.aircraft-top-wing::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 200px;
  border: 2px solid #c5c5c7;
  border-bottom-right-radius: 60px;
  border-top: none;
  border-left: none;
  transform: skew(-35deg);
  left: -500px;
  bottom: -2px;
}

.aircraft-bottom-wing {
  position: absolute;
  width: 250px;
  height: 200px;
  bottom: -202px;
  left: 50%;
}

.aircraft-bottom-wing .exists {
  top: 5px;
  transform: rotate(180deg);
}

.aircraft-bottom-wing::before {
  content: "";
  position: absolute;
  top: -2px;
  width: 250px;
  height: 200px;
  border: 2px solid #c5c5c7;
  z-index: -1;
  border-top-left-radius: 30px;
  border-right: none;
  border-bottom: none;
}

.aircraft-bottom-wing::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 200px;
  border: 2px solid #c5c5c7;
  border-top-right-radius: 60px;
  border-bottom: none;
  border-left: none;
  transform: skew(35deg);
  left: -500px;
  bottom: 0px;
}

.aircraft-head {
  position: absolute;
  height: 310px;
  width: 330px;
  margin: auto;
  overflow: hidden;
  top: -2px;
  left: -326px;
}

.aircraft-head-body {
  position: absolute;
  height: 300px;
  width: 548px;
  padding-left: 115px;
  border-radius: 50%;
  right: -343px;
  border: 2px solid #c5c5c7;
}

.aircraft-head-body .windows {
  position: absolute;
  top: 70px;
  left: 50px;
}

.aircraft-head-body .front-lavatory {
  position: absolute;
  bottom: 15px;
  left: 220px;
}

.aircraft-tail {
  position: absolute;
  height: 323px;
  width: 700px;
  margin: auto;
  overflow: hidden;
  top: -3px;
  right: -320px;
  padding-left: 121px;
  z-index: -1;
}

.aircraft-tail-body {
  position: absolute;
  height: 302px;
  width: 548px;
  padding-left: 135px;
  border-radius: 50%;
  border: 2px solid #c5c5c7;
}

.aircraft-tail-body .back-lavatory {
  width: 40px;
  height: 98%;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  margin-left: 250px;
}
/* seat map */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// BOOK PAGE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.flight-summary {
  border: 1px solid #00c7b1 !important;
}

.tab_design .active {
  border-bottom: 2px solid #00c7b1 !important;
  color: #00c7b1 !important;
  background-color: #e5fef5 !important;
}

/* .tab-design .nav-link{
      font-weight: normal !important;
    } */
.bg-light .nav-link {
  font-weight: normal;
}

.bg-light .nav-link.active .money {
  font-weight: bold !important;
  color: #00c7b1;
}

.bg-light .nav-link .money {
  font-weight: normal !important;
  color: black;
}

.tab_design a {
  color: #6c757d !important;
}

.irs-line {
  height: 0 !important;
}

.irs-bar {
  height: 2px !important;
  top: 33px !important;
}

#price_filter .irs-bar {
  left: 0 !important;
}

.irs-slider {
  border: 1px solid #cacaca !important;
  background-color: white !important;
}

#filter_nav {
  border: 0px !important;
}

#filter_nav .card-body,
.card-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#filter_nav .card {
  padding-left: 15px;
  padding-right: 15px;
}

/* filter */
.card-header {
  background-color: white !important;
  border-bottom: 0px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
  /* padding-bottom: 5px !important; */
}

#sort_nav_new .dropdown {
  visibility: hidden;
}

#sort_nav_new .mt-3 {
  margin: 0px !important;
}

#sort_nav_new .btn {
  margin: 2px 2px 2px 0 !important;
  font-size: 12px !important;
  color: black;
  border: 1px solid #949595;
}

#sort_nav_new .btn:hover {
  background-color: transparent !important;
}

#sort_nav_new .row.mt-3 {
  margin: 0 !important;
}

#sort_nav_new .col-6 {
  padding: 0px !important;
}

.rounded-end {
  border-radius: 0 5px 5px 0 !important;
}

.rounded-start {
  border-radius: 5px 0 0 5px !important;
}

#price_filter .irs-slider.from.type_last {
  display: none;
}

#price_filter .irs-slider.from {
  display: none;
}

.flex-fill:has(input[type="checkbox"]:checked) {
  background-color: #e5fef5;
  border: 1px solid #00c7b1;
}
/* end filter */
/* end not index */
.bgshade-1 {
  background-color: white !important;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}

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

.js-inputWrapper.active .placeholder {
  color: #00c7b1 !important;
}
.formRow--input-wrapper .formRow--input:focus, .formRow--input-wrapper .formRow--input:hover {
  border-color: #00c7b1 !important;
}

#Search_Flights .btn-block {
  font-size: 17px;
}

.fill {
  font-variation-settings: "FILL" 1;
}

.fs-head-responsive {
  font-size: 38px;
}

.rounded-pill-end {
  /* border-radius: 50rem; */
  border-radius: 0 50rem 50rem 0;
}

/* .fs-head-responsive {
  font-size: 40px !important;
} */

.support_nav {
  position: relative;
}

.support_nav::before {
  content: "";
  position: absolute;
  /* border-radius: 50%; */
  width: 24%;
  bottom: 5px;
  height: 90%;
  left: -30px;
  /* border: 2px solid #28a745; */
  background-image: url(/img/support_img_new.png?);
  background-size: cover;
}

.bg-primary {
  background-color: #006cff !important;
}

.text-primary {
  color: #00c7b1 !important;
}

.btn-primary, .bg-primary, .bg-modify {
  /* background-color: #006cff !important; */
  border: none !important;
  background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(74, 177, 139, 1) 0%, rgba(0, 162, 190, 1) 0%, rgba(0, 231, 167, 1) 100%);
}
.bg-primary-light{
background: linear-gradient(90deg, rgba(229, 254, 245, 1) 100%, rgba(229, 245, 248, 1) 0%);
}
.btn-primary:hover {
  /* background-color: #006cff !important; */
  border: none !important;
background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(74, 177, 139, 1) 0%, rgba(0, 162, 190, 1) 100%, rgba(0, 231, 167, 1) 0%);
}

.bg_new {
  /* background-image: url(/img/cheapskydeal/hero_new3.jpg?); */
  background-image: url(/img/cheapskydeal/v2/csd_bg_new.jpg?);

  background-size: cover;
  /* background-position-x: 85%; 
    background-position-y: top; */
  background-position: center;
  /* background-attachment: fixed; */
}
.h1 {
  font-size: 32px;
}

.h3 {
  font-size: 22px !important;
  font-weight: 600 !important;
}

.hcustom {
  font-size: 16px !important;
  line-height: 24px;
}

.hcustom2 {
  font-size: 16px;
  line-height: 28px !important;
}
#traveller{
  padding: 15px 55px 15px 55px !important;
}
.navbar-nav a {
  font-weight: 600 !important;
}

/* calender */
.picker__day {
  padding: 5px !important;
  margin: 3px !important;
}

.picker__frame {
  max-width: 456px !important;
}

#dateNew_root .picker__day--selected:after {
  content: "\2192";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 12px;
}

.picker__day--selected {
  padding: 9px 0 !important;
  position: relative;
}

#dateNewRet_root .picker__day--selected:after {
  content: "\2190";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 12px;
}

#Search_Flights .form-check-inline label {
  font-size: 16px !important;
}
#Search_Flights .placeholder{
  text-transform: inherit;
}
.profile-card-2:before {
  content: "";
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.65) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  opacity: 1;
  height: 70%;
  width: 100%;
  position: absolute;
  bottom: 0;
  transition: all linear 1s;
}

.profile-card-2:hover:before {
  opacity: 0;
  transition: all linear 1s;
}
.nav-pills .active {
  background-color: transparent !important;
  color: black !important;
  border-bottom: 3px solid #00c7b1 !important;
}

.nav-pills .nav-link.active {
  font-weight: bold;
}

.nav-pills .nav-link {
  font-weight: normal;
  color: black !important;
  font-size: 18px;
}

#pills-tabContent a {
  text-decoration: underline;
  color: #6c757d;
  /* font-size: 16px; */
}

#pills-tabContent a:hover {
  color: #00c7b1;
}

#pills-tabContent #pills-dom-int-routes .h5 {
  font-size: 18px !important;
  font-weight: bold !important;
}
.newsletter .form-control {
  border-radius: 10px 0 0 10px !important;
  padding: 20px;
  border: 1px solid white;
  color: white !important;
  height: 100%;
  background-color: transparent !important;
  box-shadow: none;
}
.btn-newsletter{
  background-color: white;
  color: #4cb95c;
  position: relative;
  left: -6px;
  border-radius: .5rem !important;
}
.newsletter .form-control::placeholder {
    color: white; /* or any color you want */
    opacity: 1; /* to ensure full color visibility */
}
.backClass{
  font-size: 24px !important;
  top: 11px;
}

.newsletter .input:focus {
  border: none;
}
input[type="radio"] {
  accent-color: #009771; 
}

.newsletter button {
  /* border-radius: 0 10px 10px 0 !important; */
  padding: 20px;
  box-shadow: none !important;
}

.py-custom {
  padding: 80px 0;
}

.animate-plane {
  animation: glide 8s linear;
}

.tab_design .nav-link:hover {
  background-color: #e5fef5  !important;
}

.irs-from, .irs-to{
    font-size: 13px;
}

@keyframes glide {
  0% {
    top: 15%;
    right: 80px;
  }

  25% {
    top: 20%;
    right: 120px;
  }

  50% {
    top: 15%;
    right: 120px;
  }

  75% {
    top: 20%;
    right: 80px;
  }

  100% {
    top: 15%;
    right: 80px;
  }
}
/* responsive */
@media only screen and (max-width: 576px) {
  .nycard {
    max-height: 547px !important;
  }

  .h1 {
    font-size: 25px !important;
  }

  .h5 {
    font-size: 18px !important;
  }

  .h3 {
    font-size: 21px !important;
  }

  .nav-pills .nav-link {
    font-size: 14px !important;
  }

  .hcustom2 {
    font-size: 12px !important;
  }

  .newsletter button,
  .newsletter .form-control {
    padding: 10px !important;
  }
  .formRow--input-wrapper.active .formRow--input:not(:focus):not(:hover) ~ .placeholder{
    color: #00c7b1 !important;
  }
  a{
    color: #00c7b1 !important;
  }
  .easy-autocomplete-container{
    right: -44px;
    min-width: 226px;
    max-width: 531px;
    width: 128%;
    left: -30px;
  }
  .easy-autocomplete-container ul{
    border-top: 0px;
    margin-top: 2px;
  }
  .support_nav::before {
    /* left: -10px;
    height: 25px;
    bottom: 7px;
    width: 27px; */
    left: -14px;
    height: 28px;
    bottom: 4px;
    width: 31px;
  }

  .text-md-white {
    color: #fff;
  }

  #round-trip-add a {
    font-size: 10px !important;
  }

  #dateNew, #dateNewRet, #traveller, #origin_pl_mob, #destination_pl_mob{
    font-size: 14px !important;
  }
  #traveller{
    padding: 15px 55px 10px 46px !important;
  }
  /* #footer h5 {
      color: #6c757d !important;
    } */

  /* #footer .list-unstyled a {
      color: #000000 !important;
    } */
  .fs-head-responsive {
    /* font-size: 24px !important; */
    font-size: 18px !important;
  }
  .infinity{
    width: 100% !important;
    height: 100% !important;
  }
}

@media (max-width: 767px) and (min-width: 576px) {
  .nycard {
    max-height: 536px !important;
  }

  .nav-pills .nav-link {
    font-size: 16px !important;
  }
  #traveller{
    padding: 15px 55px 15px 55px !important;
  }
  .support_nav::before {
    left: -9px;
    width: 33px;
    height: 30px;
  }

  .text-md-white {
    color: #fff;
  }

  /* #footer h5 {
      color: #6c757d !important;
    } */

  /* #footer .list-unstyled a {
      color: #000000 !important;
    } */
}

@media only screen and (max-width: 767px) {
  #flight_form .formRow--input {
    font-size: 17px;
  }

  #round-trip-add a {
    font-size: 17px;
  }
}

@media only screen and (max-width: 992px) {
  .lncard {
    max-height: 168px !important;
  }

  .hresponsive {
    max-height: 154px !important;
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  .lncard {
    max-height: 212px !important;
  }

  .hresponsive {
    max-height: 229px !important;
  }

  .h3 {
    font-size: 1.5rem !important;
  }

  .h5 {
    font-size: 1rem !important;
  }

  .bg_new {
    background-position-y: -18px !important;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////// AIRLINE PAGE STYLE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.rounded-5{
  border-radius: 5px !important;
}


.coupons .owl-dots {
  display: block;
}

.coupons .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0 2px;
  background: #D6D6D6;
  display: block;
  /* -webkit-backface-visibility: visible; */
  transition: opacity .2s ease;
  border-radius: 30px;
}

.coupons .owl-dots .owl-dot.active span,
.coupons .owl-dots .owl-dot:hover span {
  background: #3bb689;
}


.coupons .ticket {
  background-position-x: 0%, 100%;
  background-position-y: 0%, 0%;
  background-repeat: no-repeat;
  background-size: 51% 100%, 51% 100%;
  border-bottom-color: rgb(0, 0, 0);
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: rgb(0, 0, 0);
  border-left-style: none;
  border-left-width: 0px;
  border-right-color: rgb(0, 0, 0);
  border-right-style: none;
  border-right-width: 0px;
  border-top-color: rgb(0, 0, 0);
  border-top-style: none;
  border-top-width: 0px;
  box-sizing: content-box;
  color: #fff;
  display: inline-block;
 
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: 100%;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: 700;
  height: 0px;
  line-height: 16px;
  margin-left: 0px !important;
  margin-bottom: 4px;
  padding-top: 10px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 24px;
  border-radius: 5PX;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .airline_btn-section #btn-section .btn {
    font-size: 10px;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////// AIRLINE PAGE STYLE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/* ////////////////////////////////////////////////////////////////////////////////////// FLIGHTS PAGE STYLE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.fc-toolbar-title {
  font-size: 16px !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////// FLIGHTS PAGE STYLE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/* ////////////////////////////////////////////////////////////////////////////////////// MY BOOKING PAGE STYLE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.icf {
  position: absolute;
  left: 15px;
  top: 15px;
  color: gray;
}
.ajax-form .formRow .placeholder{
  left: 36px;
}
.ajax-form .formRow--input-wrapper.active .placeholder{
  left: 10px;
}
/* ////////////////////////////////////////////////////////////////////////////////////// MY BOOKING PAGE STYLE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/* ////////////////////////////////////////////////////////////////////////////////////// FLIGHT OFFERS PAGE STYLE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.w-sm-auto {
  width: 100%;
}
.w-lg-90{
  width: 90%;
}

@media only screen and (max-width: 991px){
  .w-lg-90{
    width: auto;
  }

}
@media only screen and (max-width: 768px) {
  .w-sm-auto {
    width: auto;
  }
}

.coup .ticket {
  position: absolute;
  /* margin-left: -18px; */
  background-image: radial-gradient(circle at -2px 50%, rgba(20, 89, 215, 0) 6.4px, rgb(0, 107, 255) 8px), radial-gradient(circle at 104% 50%, rgba(20, 89, 215, 0) 6.4px, rgb(0, 107, 255) 8px);
  background-position-x: 0%, 100%;
  background-position-y: 0%, 0%;
  background-repeat: no-repeat;
  background-size: 51% 100%, 51% 100%;
  border-bottom-color: rgb(0, 0, 0);
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: rgb(0, 0, 0);
  border-left-style: none;
  border-left-width: 0px;
  border-right-color: rgb(0, 0, 0);
  border-right-style: none;
  border-right-width: 0px;
  border-top-color: rgb(0, 0, 0);
  border-top-style: none;
  border-top-width: 0px;
  box-sizing: content-box;
  color: #fff;
  display: inline-block;
 
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: 100%;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: 700;
  height: 0px;
  line-height: 16px;
  margin-left: 0px !important;
  margin-bottom: 4px;
  padding-top: 10px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 24px;
  border-radius: 5PX;
  position: relative;
}

.flight-offers{
  color: #000;
  transition: all .3s ease-in-out;
}
.flight-offers:hover{
  color: #0061db;
  transition: all .3s ease-in-out;
}
/* ////////////////////////////////////////////////////////////////////////////////////// FLIGHT OFFERS PAGE STYLE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* cookies consent banner */
#cookie-consent-banner {
  position: fixed;
  bottom: 20px;
  /* left: 20px; */
  right: 20px;
  z-index: 9999;
}
@media only screen and (max-width: 536px){
  #cookie-consent-banner{
    left: 20px;
  }
}
.cookie-banner {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  max-width: 500px;
  margin: auto;
  /* text-align: center; */
  font-size: 14px;
}

.cookie-banner p {
  margin: 0 0 10px;
}

.cookie-buttons {
  display: flex;
  justify-content: start;
  gap: 10px;
}

.cookie-buttons .btn {
  padding: 6px 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* .btn-primary {
  background-color: #007bff;
  color: white;
}

.btn-secondary {
  background-color: #6c757d;
  color: white;
} */



/* ///////////////////////////////////// */
.h-img-responsive{
  height: 48.58px;
}
.h-img-responsive.footer{
  height: 28px;
}
@media only screen and (max-width: 992px){
  .h-img-responsive{
    height: 38px;
  }
}
@media only screen and (max-width: 767px){
  .h-img-responsive{
    height: 26px;
  }
}
@media only screen and (max-width: 532px){
  .h-img-responsive{
    height: 34px;
    margin-bottom: 15px;
  }
}

.formRow--input-wrapper.active .placeholder {
  font-size: 12px !important;
}

.btn-outline-primary{
  border-color: #00c7b1 !important;
  color: #00c7b1 !important;
}
.btn-outline-primary:hover{
  background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(74, 177, 139, 1) 0%, rgba(0, 162, 190, 1) 0%, rgba(0, 231, 167, 1) 100%);
  color: white !important;
}

.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
    cursor: pointer;
    color: #000;
    background: #e5fef5;
}
.picker__day--highlighted {
    border-color: #00c7b1;
}
.picker__day--today:before
 {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: 0.5em solid #00c7b1;
    border-left: .5em solid transparent;
}
.picker__day--infocus:hover, .picker__day--outfocus:hover {
    cursor: pointer;
    color: #000;
    background: #e5fef5;
}

.hovereffect:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    transform: scaleX(0);
    background-color: #00c7b1;
    transition: transform 0.3s;
}