@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap');

@font-face { font-family: 'Kiona Regular'; font-style: normal; font-weight: normal; src: local('Kiona Regular'), url('../font/Kiona-Regular.woff') format('woff');}

@font-face { font-family: 'Kiona italic'; font-style: italic; font-weight: 600; src: local('Kiona Regular'), url('../font/Kiona-Itallic.woff') format('woff'); }

body { font-family: "Montserrat", sans-serif;}

h1, h2, h3, h4, h5, h6, p { margin-bottom: 0rem;}

.dark-black-color { color: var(--dark-black-color); }

.text-blue { color:  rgb(0, 111, 197) !important;}

.text-blue-600 { color:  rgb(0, 72, 128);}

.text-blue-700 { color:  rgb(1, 25, 147);}

.text-deep-blue{color: rgb(2, 148, 208)}

.dark-gradient{background: rgb(39, 40, 100); background: linear-gradient(180deg, rgb(39, 40, 100)  10%, rgb(4, 51, 255) 90%);  color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.light-gradient{background: rgb(27,171,217); background: linear-gradient(180deg, rgb(158 232 255) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%)}

.bg-dark-gradient{ background: rgb(39, 40, 100); background: linear-gradient(90deg, rgb(39, 40, 100)  10%, rgb(4, 51, 255) 90%); }

.gradient-fill{background: rgb(118, 214, 255); background: linear-gradient(90deg, #23caf1 0%, rgb(255, 255, 255) 100%);}

.bg-gradient{background: linear-gradient(180deg,rgba(46, 180, 211, 1) 0%,rgba(0, 118, 186, 1) 100%) !important;}

.border-grey{border: 2px solid #dee2e6;}

.border-light-grey{border-bottom: 1px solid rgba(255,255,255, .2);}

.border-bottom {border-bottom: 2px solid #dee2e6 !important;}

.border-top {border-top: 2px solid #dee2e6 !important;}
 
.blue-border{border: 1px solid rgb(12, 23, 176);}

.border-light-blue{border: 1px solid #0076ba !important;}

hr {border-top-color: #000 !important;}

/* common class */

a:hover { text-decoration: none;}
  
.font-13 { font-size: 13px;}

.font-18 { font-size: 18px;}

.font-16 { font-size: 16px;}

.font-14 { font-size: 14px;}

.font-i{ font-style: italic;}

.font-sb{font-weight: 600;}

.font-m{font-weight: 500;}

.lh-2{line-height: 2.5 !important;}
  
.title {font-size: 36px; color: var(--drak-blue-color);}
  
.semi-title {font-size: 30px; color: var(--drak-blue-color);}
  
p {font-size: 14px; line-height: 1.7rem !important; color: var(--dark-black-color);}
  
.bttn { background: linear-gradient(90deg,rgb(45, 180, 210) 0%,rgb(0, 116, 184) 100%); display: inline-block; color: #fff; font-size: 0.875rem; padding: 0.625rem 1.75rem 0.625rem 1rem; position: relative; font-family: "Montserrat", sans-serif;}

.bi-chevron-right{position: absolute; right: 8px; font-weight: 900; -webkit-text-stroke: 3px;}

.bttn:hover { color: #fff;}

.text-gradient,.nav-pills .nav-link.active{ background: linear-gradient(180deg,rgba(46, 180, 211, 1) 0%,rgba(0, 118, 186, 1) 100%); color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} 

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

.owl-theme .owl-dots .owl-dot span { width: 15px; height: 2px; margin: 5px 6px; background: rgba(255,255,255,.5);}
  
/* header */

.header .navbar-toggler{padding: 0px; border: unset; border-radius: 0px;}

.header .navbar-nav .nav-item .nav-link{color: #fff; font-size: 14px; margin: 0 5px; text-transform: capitalize; font-weight: 600;}

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

/* hero-banner */

.banner .jumbotron{background:linear-gradient(90deg,rgb(0, 0, 0) 30%,rgb(255, 255, 255) 100%) !important;}

/* grand vacationist */

.consulting-gallery .consulting-img, .tgv-gallery .tgv-img{height: 200px;}

/* businesses */

.businesses .our-businesses{height: 250px;}

.businesses a{width: 90%;}

/* brands */

.brands-nav ul li{display: inline-block; padding: 5px;}

.tag-line h1{font-family: 'Dancing Script', cursive;}

/* our services */

.our-services .service-box{height: 150px; display: flex; justify-content: center; align-items: center;}

.our-services .service-box p{font-family: 'Dancing Script', cursive;}

.our-services .img-box{ height: 150px !important;}

/* founders */

.founders .about-founder ul .border-right{border-right: 1px solid rgba(46, 180, 211, 1) !important;}

/*about-us  */

.aboutus-tabs .nav-item .nav-link.active{background: linear-gradient(180deg,rgba(46, 180, 211, 1) 0%,rgba(0, 118, 186, 1) 100%); color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600;}

/* awards-sec, media-article, our-values li */

.awards-sec .awards ul li span i, .media-articles li span i{font-size: 8px !important;}

.awards-sec .awards ul li, .media-articles ul li, .our-values .successful-points ul li{position: relative; padding-left: 30px; margin-bottom: 15px;}

.awards-sec .awards ul li span, .media-articles ul li span, .our-values .successful-points ul li span{position: absolute; left: 0; top: 0;}

/* media articles  */

.media-articles a{word-break: break-all;}

/* footer */

.footer a, .footer p { color: #fff; font-size: 12px;}

.footer h3{font-size: 25px; font-family: 'Kiona Regular'; font-weight: 900; color: #fff;}

.footer ul{list-style: none;}


.tenor-text {
    font-family: 'Tenor Sans', sans-serif;
}

.gradient-text {
    background: linear-gradient(to bottom, rgba(0, 253, 255, 1), rgba(148, 55, 255, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }


.montserrat-semibold{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

/* Medium Regular Text */
.medium-regular {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: normal;
}

/* Regular Text */
.regular-text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
}

.head-text{
    background: linear-gradient(270deg, rgba(41, 166, 196, 1), rgba(1, 25, 147, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.success-text{
    background: linear-gradient(to bottom, #0afa98,#67fccf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.allura-text {
    font-family: 'Allura', cursive;
}

.dancing-script-text {
    font-family: 'Dancing Script', cursive;
}

.font-b{
    font-weight: bold;
}

.text-change{
    color: #0056b3;
}

.navbar-brand img{
    width: 250px;
}

@media (max-width: 768px) {
    .navbar-brand img{
        width: 200px;
    }
}