@font-face {
  font-family: 'nino';
  src: url('../fonts/nino/bpg_nino_mtavruli_normal.ttf');
}
*{
  font-family: 'nino';
}
.my-container{
  width:80%;
  margin:0px auto;
}
.show{
  display: block !important;
}
.custom-transparent-bg{
  background-color: rgba(0, 0, 0, 0.5);
}
::selection{
  background-color: rgba(103, 200, 202, 0.5);;
}
#navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
.letter-space{
  letter-spacing: 0.2rem;
}
.ms-20{
  margin-left:20px;
}
.mt-6{
  margin-top: 7vh !important;
}
.h-60vh{
  height:60vh;
}
.w-sm-35{
  width:25%!important;
}
.darkNav{
  /* background-color: rgba(0, 0, 0,0.7); */
  background-color: rgba(98, 113, 126,0.9);
}
.my-bg{

  background-color:rgba(98, 113, 126,0.7); ;
}
.my-bg-dark{
  background-color:#3f4851 ;
}
.bg-blue{
  background-color: #67C8CA;
}

  .img-w-h{
    height: 85vh;
    width: 100%;
  }
.text-gray{
  color: #ffffff!important;
}
.myImgWidth{
  height: 400px!important;


}
.text-gray:hover{
  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
  color:#3BD9D9!important;
}
.text-blue{
    /* color:#085396; */
    color:#66D9CD;
}
.border-blue{
    /* border-color: #085396!important; */
    border-color:#63BFBF!important;
}
.btn-sky{
  color: #fff;
  background-color: #7ca3bb;
  border-color: #ADC8D9;
}
.btn-sky:hover{
  color:white;
  background-color: #66879c;
}
.btn-blue{
  color:white;
  background-color: #085396;
  border-color:#011c34
}
.btn-blue:hover{
  color:white;
  background-color: #04355f;
}

.ql:hover{
  color:rgb(199, 199, 199)!important;
}
.flag{
  width:22px;
  height:14px;
}
#headerNav{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* aout us carousel styles */
.carouselTxtBox{
  right:0px;
  top:35%;
  z-index: 999;
}
/* card styles */
.card-button{
    position: absolute;
    top:331px;
    /* left:127px; */
    left:152px;
}

.bookBtn:hover{
    /* background-color: #085396!important; */
    background-color: #63BFBF!important;
    transition-duration: 300ms;
}
.bookBtnBox{
    display: none;
    padding-top:156.43px;
}
.cardHead:hover .bookBtnBox{
    display: block !important;
}

/* parallax styles */
.parallax {
  background-image: url('../images/diamonds.avif');
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.href-Gmail{
  text-decoration:none ;
  color: #9b9b9b;
  display: block;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 20px;
}
.conntaci-Btn{
  text-decoration:none ;
  margin: 5px;
  font-size: 20px;

}


.button{
  text-decoration:none;
  font-size:25px;
  color:#63BFBF;
  padding: 10px 30px;
  border:3px solid #63BFBF;
  position:relative;
}
.button::before,
.button::after{
  content:" ";
  position:absolute;
  width:40px;
  height:40px;
  border:inherit;
  transition:all .5s;
}
.button::before{
  top:-15px;
  left:-15px;
  border-width:3px 0 0 3px;
}
.button::after{
  bottom:-15px;
  right:-15px;
  border-width:0 3px 3px 0;
}
.button:hover::before,
.button:hover::after{
  width:calc(100% + 27px);
  height:calc(100% + 27px);
}
.btnContainer{
  margin-top: 40px;
}
.mt-7{
  margin-top: 8rem;
}

/* form styles */
input , select{
  padding:10px;
  border:none;
  background-color: rgb(220, 220, 220);
  width:100%;
  outline:none;
}
#checkBtn:hover {
  transition-duration: 300ms;
  background-color: #63BFBF!important;
  /* background-color: #085396!important; */
  outline:none;
}
#checkBtn:hover a{
  color:white!important;
}

/* tab styles */
.tab {
  overflow: hidden;
  border: none;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
 color:#085396;
}

/* Create an active/current tablink class */
.tab button.active {
  /* color: #085396!important; */
  color:#3BD9D9!important;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
}
.mt8{
  margin-top: 10vh !important;
}
.mt-9{
  margin-top: 15vh !important;
}

/* ================================================ */
/*            imported gallery styles               */
/* ================================================ */
.img-hover:hover{
  transition: 800;
  opacity: 0.8;
  cursor: pointer;
}
/* book now section */

.bookNowBox{
  position: fixed;
  width:30%;
  top:234px;
}
.line- {
  width: 90px;
  height: 2px;
  background-color: #70cbaa;
  display: block;
  margin-bottom: 40px;
}
.single-cool-fact {
  position: relative;
  z-index: 1;
  width: 200px;
  padding: 35px 15px;
  border: 2px solid #70cbaa;
  text-align: center;
  background-color: #535050;
  margin: 0 auto;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.serviceHover :hover{
  background-color: #70cbaa;
}


/* ================================================ */
/* scroll to top btn */
/* ================================================ */
#btn-back-to-top {
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 99999;
  display: none;
}
#btn-back-to-top:hover{
  bottom:70px;
  transition: 1000ms;
}
/* ================================================ */
/* end of scroll to top btn */
/* ================================================ */




@media screen and (max-width:1440px){
  .card-button {
    top:353px;
    left:154.185px;
  }
}
@media screen and (max-width:1399px){
  .card-button {
    top:368.28px;
    left:124.185px;
  }
}
@media screen and (max-width:1199px){
  .bookBtnBox{
    padding-top:104.645px;
  }
  .card-button {
    top:368.28px;
    left: 94.185px;
  }
  .carouselTxtBox{
    top:25%;
  }
}
  @media screen and (max-width:991px){
    .w-sm-85{
      width:85%!important;
    }
    .w-sm-35{
      width:35%!important;
    }
    .menuItem{
        background-color: beige;
    }
    .card-button {
      top:367px;
      left:116.185px;
    }
    .bookBtnBox{
      padding-top:70.115px;
    }
    .mt-6{
        margin-top: 0vh !important;
      }
    .carouselTxtBox{
      top:10%;
    }
    .footerbox{
        width: 70% !important;
    }

  }
  @media screen and (max-width:767px){
    .bookBtnBox{
      padding-top:206.49px;
    }
    .my-container{
      width:95%!important;
    }
    .card-button{
      top:366.98px;
      left:79.635px;
    }
    #navbar-toggler {
      display: block;
    }
  }
  .w-sm-85{
    width:95%!important;
  }
  @media screen and (max-width:575px){
    .card-button{
      top:362.19px;
      left:172.685px;
    }
  }
  @media screen and (max-width:560px){
        .img-w-h {
          height: 52vh;
      }
  }
  @media screen and (max-width:535px){
    .bookBtnBox{
      padding-top:203.47px;
    }
    .card-button{
      /*top: 414.68px;*/
      left:163.1px;
    }
    .w-sm-35{
      width:40%!important;
    }
  }
  @media screen and (max-width:507px){
    .bookBtnBox{
      padding-top:187.505px;
    }
    .card-button{
      left:161.94px;
    }
  }
  @media screen and (max-width:479px){
    .bookBtnBox{
      padding-top:166.355px;
    }
    .card-button{
      left: 144.52px;
    }
  }
  @media screen and (max-width:451px) {
    .card-button{
      left: 137.125px;
    }
  }
  @media screen and (max-width:429px){
    .footerbox{
        width: 80% !important;
    }
  }
  @media screen and (max-width:405px) {
    .card-button{
      left: 117.53px;
    }
      .img-w-h {
          height: 40vh !important;
      }
  }
  @media screen and (max-width:379px){
    .bookBtnBox{
      padding-top:141.325px;
    }
    .card-button{
      left: 106.205px;
    }
  }
  @media screen and (max-width:360px){
    .bookBtnBox{
      padding-top:125px;
    }
    .card-button{
      left: 97.5px;
    }
  }
  @media screen and (max-width:339px){
    .bookBtnBox{
      padding-top:112.845px;
    }
    .card-button{
      left: 88.785px;
    }
  }
  @media screen and (max-width:320px){
    .card-button{
      left: 75.725px;
    }
  }